diff --git a/.gitignore b/.gitignore
index 5b90e79..204fce3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,27 +1,23 @@
-# ---> Go
-# If you prefer the allow list template instead of the deny list, see community template:
-# https://github.com/github/gitignore/blob/main/community/Golang/Go.AllowList.gitignore
-#
-# Binaries for programs and plugins
-*.exe
-*.exe~
-*.dll
-*.so
-*.dylib
+.task/
+bin/
+dist/
+node_modules/
+frontend/dist/
+frontend/node_modules/
+frontend/.vite/
+frontend/coverage/
+build/linux/appimage/build/
+build/windows/nsis/MicrosoftEdgeWebview2Setup.exe
 
-# Test binary, built with `go test -c`
-*.test
+.DS_Store
+*.log
+*.local
+*.syso
 
-# Output of the go coverage tool, specifically when used with LiteIDE
-*.out
-
-# Dependency directories (remove the comment below to include it)
-# vendor/
-
-# Go workspace file
-go.work
-go.work.sum
-
-# env file
 .env
-
+.env.*
+!.env.example
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..19f34f5
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 JinGong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
index c47ab63..4d15a08 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,64 @@
 # cmbone
 
-桌面端骨架
\ No newline at end of file
+基于 SuiDemo 迁移而来的 Wails v3 桌面项目，已从模板仓库整理为可直接维护和构建的普通工程。
+
+## 技术栈
+
+- 后端：Go 1.23.0、Wails v3.0.0-alpha.9、SQLite
+- 前端：Vue 3、TypeScript、Vite、Tailwind CSS、Ant Design Vue
+- 功能：多语言、主题切换、本地配置、快捷键、OCR 示例
+
+## 环境准备
+
+当前项目按本机 Go 1.23.0 锁定依赖，不要直接安装 `wails3@latest`。
+
+```powershell
+go install github.com/wailsapp/wails/v3/cmd/wails3@v3.0.0-alpha.9
+```
+
+如果安装后 PowerShell 找不到 `wails3`，把 Go bin 目录加入当前终端 PATH：
+
+```powershell
+$env:Path += ";$(go env GOPATH)\bin"
+wails3 doctor
+```
+
+## 目录结构
+
+```text
+.
+├── main.go                  # Wails 应用入口
+├── internal/
+│   ├── models/              # 后端数据模型
+│   └── services/            # 后端服务和数据库逻辑
+├── platform/                # Windows/macOS 平台差异代码
+├── frontend/
+│   ├── src/                 # Vue 前端源码
+│   ├── bindings/            # Wails 前端绑定
+│   └── dist/                # 前端构建产物，供 Go embed 使用
+└── build/                   # Wails 构建配置
+```
+
+## 常用命令
+
+```bash
+go test ./...
+
+cd frontend
+npm install
+npm run build
+```
+
+安装 `wails3` 后可以使用：
+
+```bash
+wails3 dev
+wails3 package
+```
+
+## 维护约定
+
+- Go 模块名统一为 `cmbone`。
+- 当前依赖按系统 Go 1.23.0 锁定，升级 Go 前不要随意升级 Wails、SQLite 或热键库。
+- 修改后端服务后，优先使用 `wails3 generate bindings` 重新生成 `frontend/bindings`；如果本机没有 CLI，只做小范围手动绑定。
+- 提交前至少运行 `go test ./...` 和 `npm run build`。
diff --git a/Taskfile.yml b/Taskfile.yml
new file mode 100644
index 0000000..4d01d39
--- /dev/null
+++ b/Taskfile.yml
@@ -0,0 +1,33 @@
+version: '3'
+
+includes:
+  common: ./build/Taskfile.yml
+  windows: ./build/windows/Taskfile.yml
+  darwin: ./build/darwin/Taskfile.yml
+  linux: ./build/linux/Taskfile.yml
+
+vars:
+  APP_NAME: cmbone
+  BIN_DIR: bin
+  VITE_PORT: '{{.WAILS_VITE_PORT | default 9245}}'
+
+tasks:
+  build:
+    summary: Builds the application
+    cmds:
+      - task: '{{OS}}:build'
+
+  package:
+    summary: Packages a production build of the application
+    cmds:
+      - task: '{{OS}}:package'
+
+  run:
+    summary: Runs the application
+    cmds:
+      - task: '{{OS}}:run'
+
+  dev:
+    summary: Runs the application in development mode
+    cmds:
+      - wails3 dev -config ./build/config.yml -port {{.VITE_PORT}}
diff --git a/build/Taskfile.yml b/build/Taskfile.yml
new file mode 100644
index 0000000..ce1f3e2
--- /dev/null
+++ b/build/Taskfile.yml
@@ -0,0 +1,85 @@
+version: '3'
+
+tasks:
+  go:mod:tidy:
+    summary: Runs `go mod tidy`
+    internal: true
+    cmds:
+      - go mod tidy
+
+  install:frontend:deps:
+    summary: Install frontend dependencies
+    dir: frontend
+    sources:
+      - package.json
+      - package-lock.json
+    generates:
+      - node_modules/*
+    preconditions:
+      - sh: npm version
+        msg: "npm is required. Install it with Node.js."
+    cmds:
+      - npm install
+
+  build:frontend:
+    label: build:frontend (PRODUCTION={{.PRODUCTION}})
+    summary: Build the frontend project
+    dir: frontend
+    sources:
+      - "**/*"
+    generates:
+      - dist/**/*
+    deps:
+      - task: install:frontend:deps
+      - task: generate:bindings
+        vars:
+          BUILD_FLAGS:
+            ref: .BUILD_FLAGS
+    cmds:
+      - npm run {{.BUILD_COMMAND}} -q
+    env:
+      PRODUCTION: '{{.PRODUCTION | default "false"}}'
+    vars:
+      BUILD_COMMAND: '{{if eq .PRODUCTION "true"}}build{{else}}build:dev{{end}}'
+
+  generate:bindings:
+    label: generate:bindings (BUILD_FLAGS={{.BUILD_FLAGS}})
+    summary: Generates bindings for the frontend
+    deps:
+      - task: go:mod:tidy
+    sources:
+      - "**/*.[jt]s"
+      - exclude: frontend/**/*
+      - frontend/bindings/**/*
+      - "**/*.go"
+      - go.mod
+      - go.sum
+    generates:
+      - frontend/bindings/**/*
+    cmds:
+      - wails3 generate bindings -f '{{.BUILD_FLAGS}}' -clean=true {{if .Typescript}} -ts{{end}}
+
+  generate:icons:
+    summary: Generates Windows `.ico` and Mac `.icns` files from an image
+    dir: build
+    sources:
+      - appicon.png
+    generates:
+      - darwin/icons.icns
+      - windows/icon.ico
+    cmds:
+      - wails3 generate icons -input appicon.png -macfilename darwin/icons.icns -windowsfilename windows/icon.ico
+
+  dev:frontend:
+    summary: Runs the frontend in development mode
+    dir: frontend
+    deps:
+      - task: install:frontend:deps
+    cmds:
+      - npm run dev -- --port {{.VITE_PORT}} --strictPort
+
+  update:build-assets:
+    summary: Updates the build assets
+    dir: build
+    cmds:
+      - wails3 update build-assets -name "{{.APP_NAME}}" -binaryname "{{.APP_NAME}}" -config config.yml -dir .
diff --git a/build/appicon.png b/build/appicon.png
new file mode 100644
index 0000000..63617fe
Binary files /dev/null and b/build/appicon.png differ
diff --git a/build/config.yml b/build/config.yml
new file mode 100644
index 0000000..ac31dc6
--- /dev/null
+++ b/build/config.yml
@@ -0,0 +1,63 @@
+# This file contains the configuration for this project.
+# When you update `info` or `fileAssociations`, run `wails3 task common:update:build-assets` to update the assets.
+# Note that this will overwrite any changes you have made to the assets.
+version: '3'
+
+# This information is used to generate the build assets.
+info:
+  companyName: "cmbone"
+  productName: "cmbone"
+  productIdentifier: "com.cmbone.app"
+  description: "A Wails desktop application"
+  copyright: "(c) 2026, cmbone"
+  comments: "cmbone desktop application"
+  version: "0.0.1" # The application version
+
+# Dev mode configuration
+dev_mode:
+  root_path: .
+  log_level: warn
+  debounce: 1000
+  ignore:
+    dir:
+      - .git
+      - node_modules
+      - frontend
+      - bin
+    file:
+      - .DS_Store
+      - .gitignore
+      - .gitkeep
+    watched_extension:
+      - "*.go"
+    git_ignore: true
+  executes:
+    - cmd: wails3 task common:install:frontend:deps
+      type: once
+    - cmd: wails3 task common:dev:frontend
+      type: background
+    - cmd: go mod tidy
+      type: blocking
+    - cmd: wails3 task build
+      type: blocking
+    - cmd: wails3 task run
+      type: primary
+
+# File Associations
+# More information at: https://v3.wails.io/noit/done/yet
+fileAssociations:
+#  - ext: wails
+#    name: Wails
+#    description: Wails Application File
+#    iconName: wailsFileIcon
+#    role: Editor
+#  - ext: jpg
+#    name: JPEG
+#    description: Image File
+#    iconName: jpegFileIcon
+#    role: Editor
+#    mimeType: image/jpeg  # (optional)
+
+# Other data
+other:
+  - name: My Other Data
diff --git a/build/darwin/Taskfile.yml b/build/darwin/Taskfile.yml
new file mode 100644
index 0000000..f0791fe
--- /dev/null
+++ b/build/darwin/Taskfile.yml
@@ -0,0 +1,81 @@
+version: '3'
+
+includes:
+  common: ../Taskfile.yml
+
+tasks:
+  build:
+    summary: Creates a production build of the application
+    deps:
+      - task: common:go:mod:tidy
+      - task: common:build:frontend
+        vars:
+          BUILD_FLAGS:
+            ref: .BUILD_FLAGS
+          PRODUCTION:
+            ref: .PRODUCTION
+      - task: common:generate:icons
+    cmds:
+      - go build {{.BUILD_FLAGS}} -o {{.OUTPUT}}
+    vars:
+      BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -buildvcs=false -ldflags="-w -s"{{else}}-buildvcs=false -gcflags=all="-l"{{end}}'
+      DEFAULT_OUTPUT: '{{.BIN_DIR}}/{{.APP_NAME}}'
+      OUTPUT: '{{ .OUTPUT | default .DEFAULT_OUTPUT }}'
+    env:
+      GOOS: darwin
+      CGO_ENABLED: 1
+      GOARCH: '{{.ARCH | default ARCH}}'
+      CGO_CFLAGS: "-mmacosx-version-min=10.15"
+      CGO_LDFLAGS: "-mmacosx-version-min=10.15"
+      MACOSX_DEPLOYMENT_TARGET: "10.15"
+      PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+  build:universal:
+    summary: Builds darwin universal binary (arm64 + amd64)
+    deps:
+      - task: build
+        vars:
+          ARCH: amd64
+          OUTPUT: "{{.BIN_DIR}}/{{.APP_NAME}}-amd64"
+      - task: build
+        vars:
+          ARCH: arm64
+          OUTPUT: "{{.BIN_DIR}}/{{.APP_NAME}}-arm64"
+    cmds:
+      - lipo -create -output "{{.BIN_DIR}}/{{.APP_NAME}}" "{{.BIN_DIR}}/{{.APP_NAME}}-amd64" "{{.BIN_DIR}}/{{.APP_NAME}}-arm64"
+      - rm "{{.BIN_DIR}}/{{.APP_NAME}}-amd64" "{{.BIN_DIR}}/{{.APP_NAME}}-arm64"
+
+  package:
+    summary: Packages a production build of the application into a `.app` bundle
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - task: create:app:bundle
+
+  package:universal:
+    summary: Packages darwin universal binary (arm64 + amd64)
+    deps:
+      - task: build:universal
+    cmds:
+      - task: create:app:bundle
+
+
+  create:app:bundle:
+    summary: Creates an `.app` bundle
+    cmds:
+      - mkdir -p {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/{MacOS,Resources}
+      - cp build/darwin/icons.icns {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/Resources
+      - cp {{.BIN_DIR}}/{{.APP_NAME}} {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/MacOS
+      - cp build/darwin/Info.plist {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents
+      - codesign --force --deep --sign - {{.BIN_DIR}}/{{.APP_NAME}}.app
+
+  run:
+    cmds:
+      - mkdir -p {{.BIN_DIR}}/{{.APP_NAME}}.dev.app/Contents/{MacOS,Resources}
+      - cp build/darwin/icons.icns {{.BIN_DIR}}/{{.APP_NAME}}.dev.app/Contents/Resources
+      - cp {{.BIN_DIR}}/{{.APP_NAME}} {{.BIN_DIR}}/{{.APP_NAME}}.dev.app/Contents/MacOS
+      - cp build/darwin/Info.dev.plist {{.BIN_DIR}}/{{.APP_NAME}}.dev.app/Contents/Info.plist
+      - codesign --force --deep --sign - {{.BIN_DIR}}/{{.APP_NAME}}.dev.app
+      - '{{.BIN_DIR}}/{{.APP_NAME}}.dev.app/Contents/MacOS/{{.APP_NAME}}'
diff --git a/build/darwin/icons.icns b/build/darwin/icons.icns
new file mode 100644
index 0000000..1b5bd4c
Binary files /dev/null and b/build/darwin/icons.icns differ
diff --git a/build/linux/Taskfile.yml b/build/linux/Taskfile.yml
new file mode 100644
index 0000000..560cc9c
--- /dev/null
+++ b/build/linux/Taskfile.yml
@@ -0,0 +1,119 @@
+version: '3'
+
+includes:
+  common: ../Taskfile.yml
+
+tasks:
+  build:
+    summary: Builds the application for Linux
+    deps:
+      - task: common:go:mod:tidy
+      - task: common:build:frontend
+        vars:
+          BUILD_FLAGS:
+            ref: .BUILD_FLAGS
+          PRODUCTION:
+            ref: .PRODUCTION
+      - task: common:generate:icons
+    cmds:
+      - go build {{.BUILD_FLAGS}} -o {{.BIN_DIR}}/{{.APP_NAME}}
+    vars:
+      BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -buildvcs=false -ldflags="-w -s"{{else}}-buildvcs=false -gcflags=all="-l"{{end}}'
+    env:
+      GOOS: linux
+      CGO_ENABLED: 1
+      GOARCH: '{{.ARCH | default ARCH}}'
+      PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+  package:
+    summary: Packages a production build of the application for Linux
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - task: create:appimage
+      - task: create:deb
+      - task: create:rpm
+      - task: create:aur
+
+  create:appimage:
+    summary: Creates an AppImage
+    dir: build/linux/appimage
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+      - task: generate:dotdesktop
+    cmds:
+      - cp {{.APP_BINARY}} {{.APP_NAME}}
+      - cp ../../appicon.png appicon.png
+      - wails3 generate appimage -binary {{.APP_NAME}} -icon {{.ICON}} -desktopfile {{.DESKTOP_FILE}} -outputdir {{.OUTPUT_DIR}} -builddir {{.ROOT_DIR}}/build/linux/appimage/build
+    vars:
+      APP_NAME: '{{.APP_NAME}}'
+      APP_BINARY: '../../../bin/{{.APP_NAME}}'
+      ICON: '../../appicon.png'
+      DESKTOP_FILE: '../{{.APP_NAME}}.desktop'
+      OUTPUT_DIR: '../../../bin'
+
+  create:deb:
+    summary: Creates a deb package
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - task: generate:dotdesktop
+      - task: generate:deb
+
+  create:rpm:
+    summary: Creates a rpm package
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - task: generate:dotdesktop
+      - task: generate:rpm
+
+  create:aur:
+    summary: Creates a arch linux packager package
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - task: generate:dotdesktop
+      - task: generate:aur
+
+  generate:deb:
+    summary: Creates a deb package
+    cmds:
+      - wails3 tool package -name {{.APP_NAME}} -format deb -config ./build/linux/nfpm/nfpm.yaml -out {{.ROOT_DIR}}/bin
+
+  generate:rpm:
+    summary: Creates a rpm package
+    cmds:
+      - wails3 tool package -name {{.APP_NAME}} -format rpm -config ./build/linux/nfpm/nfpm.yaml -out {{.ROOT_DIR}}/bin
+
+  generate:aur:
+    summary: Creates a arch linux packager package
+    cmds:
+      - wails3 tool package -name {{.APP_NAME}} -format archlinux -config ./build/linux/nfpm/nfpm.yaml -out {{.ROOT_DIR}}/bin
+
+  generate:dotdesktop:
+    summary: Generates a `.desktop` file
+    dir: build
+    cmds:
+      - mkdir -p {{.ROOT_DIR}}/build/linux/appimage
+      - wails3 generate .desktop -name "{{.APP_NAME}}" -exec "{{.EXEC}}" -icon "{{.ICON}}" -outputfile {{.ROOT_DIR}}/build/linux/{{.APP_NAME}}.desktop -categories "{{.CATEGORIES}}"
+    vars:
+      APP_NAME: '{{.APP_NAME}}'
+      EXEC: '{{.APP_NAME}}'
+      ICON: 'appicon'
+      CATEGORIES: 'Development;'
+      OUTPUTFILE: '{{.ROOT_DIR}}/build/linux/{{.APP_NAME}}.desktop'
+
+  run:
+    cmds:
+      - '{{.BIN_DIR}}/{{.APP_NAME}}'
diff --git a/build/linux/appimage/build.sh b/build/linux/appimage/build.sh
new file mode 100644
index 0000000..85901c3
--- /dev/null
+++ b/build/linux/appimage/build.sh
@@ -0,0 +1,35 @@
+#!/usr/bin/env bash
+# Copyright (c) 2018-Present Lea Anthony
+# SPDX-License-Identifier: MIT
+
+# Fail script on any error
+set -euxo pipefail
+
+# Define variables
+APP_DIR="${APP_NAME}.AppDir"
+
+# Create AppDir structure
+mkdir -p "${APP_DIR}/usr/bin"
+cp -r "${APP_BINARY}" "${APP_DIR}/usr/bin/"
+cp "${ICON_PATH}" "${APP_DIR}/"
+cp "${DESKTOP_FILE}" "${APP_DIR}/"
+
+if [[ $(uname -m) == *x86_64* ]]; then
+    # Download linuxdeploy and make it executable
+    wget -q -4 -N https://github.com/linuxdeploy/linuxdeploy/releases/download/continuous/linuxdeploy-x86_64.AppImage
+    chmod +x linuxdeploy-x86_64.AppImage
+
+    # Run linuxdeploy to bundle the application
+    ./linuxdeploy-x86_64.AppImage --appdir "${APP_DIR}" --output appimage
+else
+    # Download linuxdeploy and make it executable (arm64)
+    wget -q -4 -N https://github.com/linuxdeploy/linuxdeploy/releases/download/continuous/linuxdeploy-aarch64.AppImage
+    chmod +x linuxdeploy-aarch64.AppImage
+
+    # Run linuxdeploy to bundle the application (arm64)
+    ./linuxdeploy-aarch64.AppImage --appdir "${APP_DIR}" --output appimage
+fi
+
+# Rename the generated AppImage
+mv "${APP_NAME}*.AppImage" "${APP_NAME}.AppImage"
+
diff --git a/build/linux/nfpm/scripts/postinstall.sh b/build/linux/nfpm/scripts/postinstall.sh
new file mode 100644
index 0000000..a9bf588
--- /dev/null
+++ b/build/linux/nfpm/scripts/postinstall.sh
@@ -0,0 +1 @@
+#!/bin/bash
diff --git a/build/linux/nfpm/scripts/postremove.sh b/build/linux/nfpm/scripts/postremove.sh
new file mode 100644
index 0000000..a9bf588
--- /dev/null
+++ b/build/linux/nfpm/scripts/postremove.sh
@@ -0,0 +1 @@
+#!/bin/bash
diff --git a/build/linux/nfpm/scripts/preinstall.sh b/build/linux/nfpm/scripts/preinstall.sh
new file mode 100644
index 0000000..a9bf588
--- /dev/null
+++ b/build/linux/nfpm/scripts/preinstall.sh
@@ -0,0 +1 @@
+#!/bin/bash
diff --git a/build/linux/nfpm/scripts/preremove.sh b/build/linux/nfpm/scripts/preremove.sh
new file mode 100644
index 0000000..a9bf588
--- /dev/null
+++ b/build/linux/nfpm/scripts/preremove.sh
@@ -0,0 +1 @@
+#!/bin/bash
diff --git a/build/windows/Taskfile.yml b/build/windows/Taskfile.yml
new file mode 100644
index 0000000..19f1376
--- /dev/null
+++ b/build/windows/Taskfile.yml
@@ -0,0 +1,98 @@
+version: '3'
+
+includes:
+  common: ../Taskfile.yml
+
+tasks:
+  build:
+    summary: Builds the application for Windows
+    deps:
+      - task: common:go:mod:tidy
+      - task: common:build:frontend
+        vars:
+          BUILD_FLAGS:
+            ref: .BUILD_FLAGS
+          PRODUCTION:
+            ref: .PRODUCTION
+      - task: common:generate:icons
+    cmds:
+      - task: generate:syso
+      - go build {{.BUILD_FLAGS}} -o {{.BIN_DIR}}/{{.APP_NAME}}.exe
+      - cmd: powershell Remove-item *.syso
+        platforms: [windows]
+      - cmd: rm -f *.syso
+        platforms: [linux, darwin]
+    vars:
+      BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -buildvcs=false -ldflags="-w -s -H windowsgui"{{else}}-buildvcs=false -gcflags=all="-l"{{end}}'
+    env:
+      GOOS: windows
+      CGO_ENABLED: 0
+      GOARCH: '{{.ARCH | default ARCH}}'
+      PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+  package:
+    summary: Packages a production build of the application
+    cmds:
+      - |-
+        if [ "{{.FORMAT | default "nsis"}}" = "msix" ]; then
+          task: create:msix:package
+        else
+          task: create:nsis:installer
+        fi
+    vars:
+      FORMAT: '{{.FORMAT | default "nsis"}}'
+
+  generate:syso:
+    summary: Generates Windows `.syso` file
+    dir: build
+    cmds:
+      - wails3 generate syso -arch {{.ARCH}} -icon windows/icon.ico -manifest windows/wails.exe.manifest -info windows/info.json -out ../wails_windows_{{.ARCH}}.syso
+    vars:
+      ARCH: '{{.ARCH | default ARCH}}'
+
+  create:nsis:installer:
+    summary: Creates an NSIS installer
+    dir: build/windows/nsis
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      # Create the Microsoft WebView2 bootstrapper if it doesn't exist
+      - wails3 generate webview2bootstrapper -dir "{{.ROOT_DIR}}/build/windows/nsis"
+      - makensis -DARG_WAILS_{{.ARG_FLAG}}_BINARY="{{.ROOT_DIR}}/{{.BIN_DIR}}/{{.APP_NAME}}.exe" project.nsi
+    vars:
+      ARCH: '{{.ARCH | default ARCH}}'
+      ARG_FLAG: '{{if eq .ARCH "amd64"}}AMD64{{else}}ARM64{{end}}'
+
+  create:msix:package:
+    summary: Creates an MSIX package
+    deps:
+      - task: build
+        vars:
+          PRODUCTION: "true"
+    cmds:
+      - |-
+        wails3 tool msix \
+          --config "{{.ROOT_DIR}}/wails.json" \
+          --name "{{.APP_NAME}}" \
+          --executable "{{.ROOT_DIR}}/{{.BIN_DIR}}/{{.APP_NAME}}.exe" \
+          --arch "{{.ARCH}}" \
+          --out "{{.ROOT_DIR}}/{{.BIN_DIR}}/{{.APP_NAME}}-{{.ARCH}}.msix" \
+          {{if .CERT_PATH}}--cert "{{.CERT_PATH}}"{{end}} \
+          {{if .PUBLISHER}}--publisher "{{.PUBLISHER}}"{{end}} \
+          {{if .USE_MSIX_TOOL}}--use-msix-tool{{else}}--use-makeappx{{end}}
+    vars:
+      ARCH: '{{.ARCH | default ARCH}}'
+      CERT_PATH: '{{.CERT_PATH | default ""}}'
+      PUBLISHER: '{{.PUBLISHER | default ""}}'
+      USE_MSIX_TOOL: '{{.USE_MSIX_TOOL | default "false"}}'
+
+  install:msix:tools:
+    summary: Installs tools required for MSIX packaging
+    cmds:
+      - wails3 tool msix-install-tools
+
+  run:
+    cmds:
+      - '{{.BIN_DIR}}/{{.APP_NAME}}.exe'
diff --git a/build/windows/icon.ico b/build/windows/icon.ico
new file mode 100644
index 0000000..bfa0690
Binary files /dev/null and b/build/windows/icon.ico differ
diff --git a/build/windows/nsis/project.nsi.tmpl b/build/windows/nsis/project.nsi.tmpl
new file mode 100644
index 0000000..404fae7
--- /dev/null
+++ b/build/windows/nsis/project.nsi.tmpl
@@ -0,0 +1,112 @@
+Unicode true
+
+####
+## Please note: Template replacements don't work in this file. They are provided with default defines like
+## mentioned underneath.
+## If the keyword is not defined, "wails_tools.nsh" will populate them.
+## If they are defined here, "wails_tools.nsh" will not touch them. This allows you to use this project.nsi manually
+## from outside of Wails for debugging and development of the installer.
+## 
+## For development first make a wails nsis build to populate the "wails_tools.nsh":
+## > wails build --target windows/amd64 --nsis
+## Then you can call makensis on this file with specifying the path to your binary:
+## For a AMD64 only installer:
+## > makensis -DARG_WAILS_AMD64_BINARY=..\..\bin\app.exe
+## For a ARM64 only installer:
+## > makensis -DARG_WAILS_ARM64_BINARY=..\..\bin\app.exe
+## For a installer with both architectures:
+## > makensis -DARG_WAILS_AMD64_BINARY=..\..\bin\app-amd64.exe -DARG_WAILS_ARM64_BINARY=..\..\bin\app-arm64.exe
+####
+## The following information is taken from the wails_tools.nsh file, but they can be overwritten here.
+####
+## !define INFO_PROJECTNAME    "my-project" # Default "{{.Name}}"
+## !define INFO_COMPANYNAME    "My Company" # Default "{{.ProductCompany}}"
+## !define INFO_PRODUCTNAME    "My Product Name" # Default "{{.ProductName}}"
+## !define INFO_PRODUCTVERSION "1.0.0"     # Default "{{.ProductVersion}}"
+## !define INFO_COPYRIGHT      "(c) Now, My Company" # Default "{{.ProductCopyright}}"
+###
+## !define PRODUCT_EXECUTABLE  "Application.exe"      # Default "${INFO_PROJECTNAME}.exe"
+## !define UNINST_KEY_NAME     "UninstKeyInRegistry"  # Default "${INFO_COMPANYNAME}${INFO_PRODUCTNAME}"
+####
+## !define REQUEST_EXECUTION_LEVEL "admin"            # Default "admin"  see also https://nsis.sourceforge.io/Docs/Chapter4.html
+####
+## Include the wails tools
+####
+!include "wails_tools.nsh"
+
+# The version information for this two must consist of 4 parts
+VIProductVersion "${INFO_PRODUCTVERSION}.0"
+VIFileVersion    "${INFO_PRODUCTVERSION}.0"
+
+VIAddVersionKey "CompanyName"     "${INFO_COMPANYNAME}"
+VIAddVersionKey "FileDescription" "${INFO_PRODUCTNAME} Installer"
+VIAddVersionKey "ProductVersion"  "${INFO_PRODUCTVERSION}"
+VIAddVersionKey "FileVersion"     "${INFO_PRODUCTVERSION}"
+VIAddVersionKey "LegalCopyright"  "${INFO_COPYRIGHT}"
+VIAddVersionKey "ProductName"     "${INFO_PRODUCTNAME}"
+
+# Enable HiDPI support. https://nsis.sourceforge.io/Reference/ManifestDPIAware
+ManifestDPIAware true
+
+!include "MUI.nsh"
+
+!define MUI_ICON "..\icon.ico"
+!define MUI_UNICON "..\icon.ico"
+# !define MUI_WELCOMEFINISHPAGE_BITMAP "resources\leftimage.bmp" #Include this to add a bitmap on the left side of the Welcome Page. Must be a size of 164x314
+!define MUI_FINISHPAGE_NOAUTOCLOSE # Wait on the INSTFILES page so the user can take a look into the details of the installation steps
+!define MUI_ABORTWARNING # This will warn the user if they exit from the installer.
+
+!insertmacro MUI_PAGE_WELCOME # Welcome to the installer page.
+# !insertmacro MUI_PAGE_LICENSE "resources\eula.txt" # Adds a EULA page to the installer
+!insertmacro MUI_PAGE_DIRECTORY # In which folder install page.
+!insertmacro MUI_PAGE_INSTFILES # Installing page.
+!insertmacro MUI_PAGE_FINISH # Finished installation page.
+
+!insertmacro MUI_UNPAGE_INSTFILES # Uninstalling page
+
+!insertmacro MUI_LANGUAGE "English" # Set the Language of the installer
+
+## The following two statements can be used to sign the installer and the uninstaller. The path to the binaries are provided in %1
+#!uninstfinalize 'signtool --file "%1"'
+#!finalize 'signtool --file "%1"'
+
+Name "${INFO_PRODUCTNAME}"
+OutFile "..\..\..\bin\${INFO_PROJECTNAME}-${ARCH}-installer.exe" # Name of the installer's file.
+InstallDir "$PROGRAMFILES64\${INFO_COMPANYNAME}\${INFO_PRODUCTNAME}" # Default installing folder ($PROGRAMFILES is Program Files folder).
+ShowInstDetails show # This will always show the installation details.
+
+Function .onInit
+   !insertmacro wails.checkArchitecture
+FunctionEnd
+
+Section
+    !insertmacro wails.setShellContext
+
+    !insertmacro wails.webview2runtime
+
+    SetOutPath $INSTDIR
+    
+    !insertmacro wails.files
+
+    CreateShortcut "$SMPROGRAMS\${INFO_PRODUCTNAME}.lnk" "$INSTDIR\${PRODUCT_EXECUTABLE}"
+    CreateShortCut "$DESKTOP\${INFO_PRODUCTNAME}.lnk" "$INSTDIR\${PRODUCT_EXECUTABLE}"
+
+    !insertmacro wails.associateFiles
+
+    !insertmacro wails.writeUninstaller
+SectionEnd
+
+Section "uninstall" 
+    !insertmacro wails.setShellContext
+
+    RMDir /r "$AppData\${PRODUCT_EXECUTABLE}" # Remove the WebView2 DataPath
+
+    RMDir /r $INSTDIR
+
+    Delete "$SMPROGRAMS\${INFO_PRODUCTNAME}.lnk"
+    Delete "$DESKTOP\${INFO_PRODUCTNAME}.lnk"
+
+    !insertmacro wails.unassociateFiles
+
+    !insertmacro wails.deleteUninstaller
+SectionEnd
diff --git a/effect/Black_en.jpg b/effect/Black_en.jpg
new file mode 100644
index 0000000..d77cd74
Binary files /dev/null and b/effect/Black_en.jpg differ
diff --git a/effect/an.jpg b/effect/an.jpg
new file mode 100644
index 0000000..10a31e1
Binary files /dev/null and b/effect/an.jpg differ
diff --git a/effect/en/Dashboard_en.png b/effect/en/Dashboard_en.png
new file mode 100644
index 0000000..94d7034
Binary files /dev/null and b/effect/en/Dashboard_en.png differ
diff --git a/effect/en/about_black_en.png b/effect/en/about_black_en.png
new file mode 100644
index 0000000..ac980ea
Binary files /dev/null and b/effect/en/about_black_en.png differ
diff --git a/effect/en/about_en.png b/effect/en/about_en.png
new file mode 100644
index 0000000..841627e
Binary files /dev/null and b/effect/en/about_en.png differ
diff --git a/effect/en/dashboard_black_en.png b/effect/en/dashboard_black_en.png
new file mode 100644
index 0000000..d243e28
Binary files /dev/null and b/effect/en/dashboard_black_en.png differ
diff --git a/effect/en/dashboard_black_not_en.png b/effect/en/dashboard_black_not_en.png
new file mode 100644
index 0000000..0c8abfc
Binary files /dev/null and b/effect/en/dashboard_black_not_en.png differ
diff --git a/effect/en/settings_black_en.png b/effect/en/settings_black_en.png
new file mode 100644
index 0000000..b2c0c90
Binary files /dev/null and b/effect/en/settings_black_en.png differ
diff --git a/effect/en/settings_en.png b/effect/en/settings_en.png
new file mode 100644
index 0000000..e59252b
Binary files /dev/null and b/effect/en/settings_en.png differ
diff --git a/effect/en/tags_black_en.png b/effect/en/tags_black_en.png
new file mode 100644
index 0000000..e8ff23e
Binary files /dev/null and b/effect/en/tags_black_en.png differ
diff --git a/effect/en/tags_en.png b/effect/en/tags_en.png
new file mode 100644
index 0000000..aa61027
Binary files /dev/null and b/effect/en/tags_en.png differ
diff --git a/effect/white.jpg b/effect/white.jpg
new file mode 100644
index 0000000..8ad6f2e
Binary files /dev/null and b/effect/white.jpg differ
diff --git a/effect/white_en.jpg b/effect/white_en.jpg
new file mode 100644
index 0000000..a2c47b3
Binary files /dev/null and b/effect/white_en.jpg differ
diff --git a/effect/zh/about_black_zh.png b/effect/zh/about_black_zh.png
new file mode 100644
index 0000000..94dfd9c
Binary files /dev/null and b/effect/zh/about_black_zh.png differ
diff --git a/effect/zh/about_zh.png b/effect/zh/about_zh.png
new file mode 100644
index 0000000..a9d6325
Binary files /dev/null and b/effect/zh/about_zh.png differ
diff --git a/effect/zh/dashboard_black_zh.png b/effect/zh/dashboard_black_zh.png
new file mode 100644
index 0000000..67dc0b6
Binary files /dev/null and b/effect/zh/dashboard_black_zh.png differ
diff --git a/effect/zh/dashboard_zh.png b/effect/zh/dashboard_zh.png
new file mode 100644
index 0000000..044897e
Binary files /dev/null and b/effect/zh/dashboard_zh.png differ
diff --git a/effect/zh/dashboard_zh_not.png b/effect/zh/dashboard_zh_not.png
new file mode 100644
index 0000000..436303d
Binary files /dev/null and b/effect/zh/dashboard_zh_not.png differ
diff --git a/effect/zh/settings_black_zh.png b/effect/zh/settings_black_zh.png
new file mode 100644
index 0000000..04b8bcb
Binary files /dev/null and b/effect/zh/settings_black_zh.png differ
diff --git a/effect/zh/settings_zh.png b/effect/zh/settings_zh.png
new file mode 100644
index 0000000..296e487
Binary files /dev/null and b/effect/zh/settings_zh.png differ
diff --git a/effect/zh/tags_black_zh.png b/effect/zh/tags_black_zh.png
new file mode 100644
index 0000000..af0f470
Binary files /dev/null and b/effect/zh/tags_black_zh.png differ
diff --git a/effect/zh/tags_zh.png b/effect/zh/tags_zh.png
new file mode 100644
index 0000000..b88864a
Binary files /dev/null and b/effect/zh/tags_zh.png differ
diff --git a/frontend/Inter Font License.txt b/frontend/Inter Font License.txt
new file mode 100644
index 0000000..b525cbf
--- /dev/null
+++ b/frontend/Inter Font License.txt	
@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..ef72fd5
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+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.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
diff --git a/frontend/bindings/cmbone/internal/models/index.ts b/frontend/bindings/cmbone/internal/models/index.ts
new file mode 100644
index 0000000..ed870e6
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/models/index.ts
@@ -0,0 +1,6 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export {
+    Hotkey
+} from "./models.js";
diff --git a/frontend/bindings/cmbone/internal/models/models.ts b/frontend/bindings/cmbone/internal/models/models.ts
new file mode 100644
index 0000000..04230f7
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/models/models.ts
@@ -0,0 +1,46 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+export class Hotkey {
+    /**
+     * 热键ID
+     */
+    "id": number;
+
+    /**
+     * 键码
+     */
+    "keycode": number;
+
+    /**
+     * 修饰键
+     */
+    "modifiers": number;
+
+    /** Creates a new Hotkey instance. */
+    constructor($$source: Partial<Hotkey> = {}) {
+        if (!("id" in $$source)) {
+            this["id"] = 0;
+        }
+        if (!("keycode" in $$source)) {
+            this["keycode"] = 0;
+        }
+        if (!("modifiers" in $$source)) {
+            this["modifiers"] = 0;
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new Hotkey instance from a string or object.
+     */
+    static createFrom($$source: any = {}): Hotkey {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new Hotkey($$parsedSource as Partial<Hotkey>);
+    }
+}
diff --git a/frontend/bindings/cmbone/internal/services/appconfigservice.ts b/frontend/bindings/cmbone/internal/services/appconfigservice.ts
new file mode 100644
index 0000000..719dbf0
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/appconfigservice.ts
@@ -0,0 +1,34 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Call as $Call, CancellablePromise as $CancellablePromise } from "@wailsio/runtime";
+
+/**
+ * 根据key获取配置项
+ */
+export function GetAppConfig(key: string): $CancellablePromise<string> {
+    return $Call.ByName("cmbone/internal/services.AppConfigService.GetAppConfig", key);
+}
+
+/**
+ * 获取应用语言
+ */
+export function GetLanguage(): $CancellablePromise<string> {
+    return $Call.ByName("cmbone/internal/services.AppConfigService.GetLanguage");
+}
+
+/**
+ * 设置或更新配置项
+ */
+export function SetAppConfig(key: string, value: string): $CancellablePromise<void> {
+    return $Call.ByName("cmbone/internal/services.AppConfigService.SetAppConfig", key, value);
+}
+
+/**
+ * 设置应用语言
+ */
+export function SetLanguage(lang: string): $CancellablePromise<void> {
+    return $Call.ByName("cmbone/internal/services.AppConfigService.SetLanguage", lang);
+}
diff --git a/frontend/bindings/cmbone/internal/services/appservice.ts b/frontend/bindings/cmbone/internal/services/appservice.ts
new file mode 100644
index 0000000..1cf38a0
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/appservice.ts
@@ -0,0 +1,17 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Call as $Call, CancellablePromise as $CancellablePromise } from "@wailsio/runtime";
+
+export function OpenSecondWindow(): $CancellablePromise<void> {
+    return $Call.ByName("cmbone/internal/services.AppService.OpenSecondWindow");
+}
+
+/**
+ * 更新应用语言设置并刷新菜单显示
+ */
+export function SetLanguage(lang: string): $CancellablePromise<void> {
+    return $Call.ByName("cmbone/internal/services.AppService.SetLanguage", lang);
+}
diff --git a/frontend/bindings/cmbone/internal/services/hotkeyservice.ts b/frontend/bindings/cmbone/internal/services/hotkeyservice.ts
new file mode 100644
index 0000000..96f155c
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/hotkeyservice.ts
@@ -0,0 +1,27 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Call as $Call, CancellablePromise as $CancellablePromise, Create as $Create } from "@wailsio/runtime";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as models$0 from "../models/models.js";
+
+export function GetHotkeys(): $CancellablePromise<models$0.Hotkey[]> {
+    return $Call.ByName("cmbone/internal/services.HotkeyService.GetHotkeys").then(($result: any) => {
+        return $$createType1($result);
+    });
+}
+
+/**
+ * 快捷键修改
+ */
+export function UpHotkey(id: number, key: number, modifier: number): $CancellablePromise<void> {
+    return $Call.ByName("cmbone/internal/services.HotkeyService.UpHotkey", id, key, modifier);
+}
+
+// Private type creation functions
+const $$createType0 = models$0.Hotkey.createFrom;
+const $$createType1 = $Create.Array($$createType0);
diff --git a/frontend/bindings/cmbone/internal/services/index.ts b/frontend/bindings/cmbone/internal/services/index.ts
new file mode 100644
index 0000000..296e84d
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/index.ts
@@ -0,0 +1,19 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+import * as AppConfigService from "./appconfigservice.js";
+import * as AppService from "./appservice.js";
+import * as HotkeyService from "./hotkeyservice.js";
+import * as OCRService from "./ocrservice.js";
+import * as SystemInfo from "./systeminfo.js";
+export {
+    AppConfigService,
+    AppService,
+    HotkeyService,
+    OCRService,
+    SystemInfo
+};
+
+export {
+    SuiStore
+} from "./models.js";
diff --git a/frontend/bindings/cmbone/internal/services/models.ts b/frontend/bindings/cmbone/internal/services/models.ts
new file mode 100644
index 0000000..9d9f93a
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/models.ts
@@ -0,0 +1,39 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as sql$0 from "../../../database/sql/models.js";
+
+export class SuiStore {
+    "DB": sql$0.DB | null;
+
+    /** Creates a new SuiStore instance. */
+    constructor($$source: Partial<SuiStore> = {}) {
+        if (!("DB" in $$source)) {
+            this["DB"] = null;
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new SuiStore instance from a string or object.
+     */
+    static createFrom($$source: any = {}): SuiStore {
+        const $$createField0_0 = $$createType1;
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        if ("DB" in $$parsedSource) {
+            $$parsedSource["DB"] = $$createField0_0($$parsedSource["DB"]);
+        }
+        return new SuiStore($$parsedSource as Partial<SuiStore>);
+    }
+}
+
+// Private type creation functions
+const $$createType0 = sql$0.DB.createFrom;
+const $$createType1 = $Create.Nullable($$createType0);
diff --git a/frontend/bindings/cmbone/internal/services/ocrservice.ts b/frontend/bindings/cmbone/internal/services/ocrservice.ts
new file mode 100644
index 0000000..21c3d3f
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/ocrservice.ts
@@ -0,0 +1,8 @@
+// This file is kept small because wails3 is not available in this environment.
+// Regenerate bindings with `wails3 generate bindings` when the CLI is installed.
+
+import { Call as $Call, CancellablePromise as $CancellablePromise } from "@wailsio/runtime";
+
+export function RecognizeImageBase64(base64str: string): $CancellablePromise<string> {
+    return $Call.ByName("cmbone/internal/services.OCRService.RecognizeImageBase64", base64str);
+}
diff --git a/frontend/bindings/cmbone/internal/services/systeminfo.ts b/frontend/bindings/cmbone/internal/services/systeminfo.ts
new file mode 100644
index 0000000..9592d98
--- /dev/null
+++ b/frontend/bindings/cmbone/internal/services/systeminfo.ts
@@ -0,0 +1,10 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Call as $Call, CancellablePromise as $CancellablePromise } from "@wailsio/runtime";
+
+export function GetOS(): $CancellablePromise<string> {
+    return $Call.ByName("cmbone/internal/services.SystemInfo.GetOS");
+}
diff --git a/frontend/bindings/database/sql/index.ts b/frontend/bindings/database/sql/index.ts
new file mode 100644
index 0000000..a30b177
--- /dev/null
+++ b/frontend/bindings/database/sql/index.ts
@@ -0,0 +1,6 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export {
+    DB
+} from "./models.js";
diff --git a/frontend/bindings/database/sql/models.ts b/frontend/bindings/database/sql/models.ts
new file mode 100644
index 0000000..8b2eeda
--- /dev/null
+++ b/frontend/bindings/database/sql/models.ts
@@ -0,0 +1,37 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+/**
+ * DB is a database handle representing a pool of zero or more
+ * underlying connections. It's safe for concurrent use by multiple
+ * goroutines.
+ * 
+ * The sql package creates and frees connections automatically; it
+ * also maintains a free pool of idle connections. If the database has
+ * a concept of per-connection state, such state can be reliably observed
+ * within a transaction ([Tx]) or connection ([Conn]). Once [DB.Begin] is called, the
+ * returned [Tx] is bound to a single connection. Once [Tx.Commit] or
+ * [Tx.Rollback] is called on the transaction, that transaction's
+ * connection is returned to [DB]'s idle connection pool. The pool size
+ * can be controlled with [DB.SetMaxIdleConns].
+ */
+export class DB {
+
+    /** Creates a new DB instance. */
+    constructor($$source: Partial<DB> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new DB instance from a string or object.
+     */
+    static createFrom($$source: any = {}): DB {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new DB($$parsedSource as Partial<DB>);
+    }
+}
diff --git a/frontend/bindings/embed/index.ts b/frontend/bindings/embed/index.ts
new file mode 100644
index 0000000..8a1384c
--- /dev/null
+++ b/frontend/bindings/embed/index.ts
@@ -0,0 +1,6 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export {
+    FS
+} from "./models.js";
diff --git a/frontend/bindings/embed/models.ts b/frontend/bindings/embed/models.ts
new file mode 100644
index 0000000..95c5db1
--- /dev/null
+++ b/frontend/bindings/embed/models.ts
@@ -0,0 +1,35 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+/**
+ * An FS is a read-only collection of files, usually initialized with a //go:embed directive.
+ * When declared without a //go:embed directive, an FS is an empty file system.
+ * 
+ * An FS is a read-only value, so it is safe to use from multiple goroutines
+ * simultaneously and also safe to assign values of type FS to each other.
+ * 
+ * FS implements fs.FS, so it can be used with any package that understands
+ * file system interfaces, including net/http, text/template, and html/template.
+ * 
+ * See the package documentation for more details about initializing an FS.
+ */
+export class FS {
+
+    /** Creates a new FS instance. */
+    constructor($$source: Partial<FS> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new FS instance from a string or object.
+     */
+    static createFrom($$source: any = {}): FS {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new FS($$parsedSource as Partial<FS>);
+    }
+}
diff --git a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/index.ts b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/index.ts
new file mode 100644
index 0000000..b8aaea1
--- /dev/null
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/index.ts
@@ -0,0 +1,17 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export {
+    App,
+    BrowserManager,
+    ClipboardManager,
+    ContextMenuManager,
+    DialogManager,
+    EnvironmentManager,
+    EventManager,
+    KeyBindingManager,
+    MenuManager,
+    ScreenManager,
+    SystemTrayManager,
+    WindowManager
+} from "./models.js";
diff --git a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/models.ts b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/models.ts
new file mode 100644
index 0000000..bf9925b
--- /dev/null
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/models.ts
@@ -0,0 +1,369 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as slog$0 from "../../../../../../log/slog/models.js";
+
+export class App {
+    /**
+     * Manager pattern for organized API
+     */
+    "Window": WindowManager | null;
+    "ContextMenu": ContextMenuManager | null;
+    "KeyBinding": KeyBindingManager | null;
+    "Browser": BrowserManager | null;
+    "Env": EnvironmentManager | null;
+    "Dialog": DialogManager | null;
+    "Event": EventManager | null;
+    "Menu": MenuManager | null;
+    "Screen": ScreenManager | null;
+    "Clipboard": ClipboardManager | null;
+    "SystemTray": SystemTrayManager | null;
+    "Logger": slog$0.Logger | null;
+
+    /** Creates a new App instance. */
+    constructor($$source: Partial<App> = {}) {
+        if (!("Window" in $$source)) {
+            this["Window"] = null;
+        }
+        if (!("ContextMenu" in $$source)) {
+            this["ContextMenu"] = null;
+        }
+        if (!("KeyBinding" in $$source)) {
+            this["KeyBinding"] = null;
+        }
+        if (!("Browser" in $$source)) {
+            this["Browser"] = null;
+        }
+        if (!("Env" in $$source)) {
+            this["Env"] = null;
+        }
+        if (!("Dialog" in $$source)) {
+            this["Dialog"] = null;
+        }
+        if (!("Event" in $$source)) {
+            this["Event"] = null;
+        }
+        if (!("Menu" in $$source)) {
+            this["Menu"] = null;
+        }
+        if (!("Screen" in $$source)) {
+            this["Screen"] = null;
+        }
+        if (!("Clipboard" in $$source)) {
+            this["Clipboard"] = null;
+        }
+        if (!("SystemTray" in $$source)) {
+            this["SystemTray"] = null;
+        }
+        if (!("Logger" in $$source)) {
+            this["Logger"] = null;
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new App instance from a string or object.
+     */
+    static createFrom($$source: any = {}): App {
+        const $$createField0_0 = $$createType1;
+        const $$createField1_0 = $$createType3;
+        const $$createField2_0 = $$createType5;
+        const $$createField3_0 = $$createType7;
+        const $$createField4_0 = $$createType9;
+        const $$createField5_0 = $$createType11;
+        const $$createField6_0 = $$createType13;
+        const $$createField7_0 = $$createType15;
+        const $$createField8_0 = $$createType17;
+        const $$createField9_0 = $$createType19;
+        const $$createField10_0 = $$createType21;
+        const $$createField11_0 = $$createType23;
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        if ("Window" in $$parsedSource) {
+            $$parsedSource["Window"] = $$createField0_0($$parsedSource["Window"]);
+        }
+        if ("ContextMenu" in $$parsedSource) {
+            $$parsedSource["ContextMenu"] = $$createField1_0($$parsedSource["ContextMenu"]);
+        }
+        if ("KeyBinding" in $$parsedSource) {
+            $$parsedSource["KeyBinding"] = $$createField2_0($$parsedSource["KeyBinding"]);
+        }
+        if ("Browser" in $$parsedSource) {
+            $$parsedSource["Browser"] = $$createField3_0($$parsedSource["Browser"]);
+        }
+        if ("Env" in $$parsedSource) {
+            $$parsedSource["Env"] = $$createField4_0($$parsedSource["Env"]);
+        }
+        if ("Dialog" in $$parsedSource) {
+            $$parsedSource["Dialog"] = $$createField5_0($$parsedSource["Dialog"]);
+        }
+        if ("Event" in $$parsedSource) {
+            $$parsedSource["Event"] = $$createField6_0($$parsedSource["Event"]);
+        }
+        if ("Menu" in $$parsedSource) {
+            $$parsedSource["Menu"] = $$createField7_0($$parsedSource["Menu"]);
+        }
+        if ("Screen" in $$parsedSource) {
+            $$parsedSource["Screen"] = $$createField8_0($$parsedSource["Screen"]);
+        }
+        if ("Clipboard" in $$parsedSource) {
+            $$parsedSource["Clipboard"] = $$createField9_0($$parsedSource["Clipboard"]);
+        }
+        if ("SystemTray" in $$parsedSource) {
+            $$parsedSource["SystemTray"] = $$createField10_0($$parsedSource["SystemTray"]);
+        }
+        if ("Logger" in $$parsedSource) {
+            $$parsedSource["Logger"] = $$createField11_0($$parsedSource["Logger"]);
+        }
+        return new App($$parsedSource as Partial<App>);
+    }
+}
+
+/**
+ * BrowserManager manages browser-related operations
+ */
+export class BrowserManager {
+
+    /** Creates a new BrowserManager instance. */
+    constructor($$source: Partial<BrowserManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new BrowserManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): BrowserManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new BrowserManager($$parsedSource as Partial<BrowserManager>);
+    }
+}
+
+/**
+ * ClipboardManager manages clipboard operations
+ */
+export class ClipboardManager {
+
+    /** Creates a new ClipboardManager instance. */
+    constructor($$source: Partial<ClipboardManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new ClipboardManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): ClipboardManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new ClipboardManager($$parsedSource as Partial<ClipboardManager>);
+    }
+}
+
+/**
+ * ContextMenuManager manages all context menu operations
+ */
+export class ContextMenuManager {
+
+    /** Creates a new ContextMenuManager instance. */
+    constructor($$source: Partial<ContextMenuManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new ContextMenuManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): ContextMenuManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new ContextMenuManager($$parsedSource as Partial<ContextMenuManager>);
+    }
+}
+
+/**
+ * DialogManager manages dialog-related operations
+ */
+export class DialogManager {
+
+    /** Creates a new DialogManager instance. */
+    constructor($$source: Partial<DialogManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new DialogManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): DialogManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new DialogManager($$parsedSource as Partial<DialogManager>);
+    }
+}
+
+/**
+ * EnvironmentManager manages environment-related operations
+ */
+export class EnvironmentManager {
+
+    /** Creates a new EnvironmentManager instance. */
+    constructor($$source: Partial<EnvironmentManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new EnvironmentManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): EnvironmentManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new EnvironmentManager($$parsedSource as Partial<EnvironmentManager>);
+    }
+}
+
+/**
+ * EventManager manages event-related operations
+ */
+export class EventManager {
+
+    /** Creates a new EventManager instance. */
+    constructor($$source: Partial<EventManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new EventManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): EventManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new EventManager($$parsedSource as Partial<EventManager>);
+    }
+}
+
+/**
+ * KeyBindingManager manages all key binding operations
+ */
+export class KeyBindingManager {
+
+    /** Creates a new KeyBindingManager instance. */
+    constructor($$source: Partial<KeyBindingManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new KeyBindingManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): KeyBindingManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new KeyBindingManager($$parsedSource as Partial<KeyBindingManager>);
+    }
+}
+
+/**
+ * MenuManager manages menu-related operations
+ */
+export class MenuManager {
+
+    /** Creates a new MenuManager instance. */
+    constructor($$source: Partial<MenuManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new MenuManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): MenuManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new MenuManager($$parsedSource as Partial<MenuManager>);
+    }
+}
+
+export class ScreenManager {
+
+    /** Creates a new ScreenManager instance. */
+    constructor($$source: Partial<ScreenManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new ScreenManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): ScreenManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new ScreenManager($$parsedSource as Partial<ScreenManager>);
+    }
+}
+
+/**
+ * SystemTrayManager manages system tray-related operations
+ */
+export class SystemTrayManager {
+
+    /** Creates a new SystemTrayManager instance. */
+    constructor($$source: Partial<SystemTrayManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new SystemTrayManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): SystemTrayManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new SystemTrayManager($$parsedSource as Partial<SystemTrayManager>);
+    }
+}
+
+/**
+ * WindowManager manages all window-related operations
+ */
+export class WindowManager {
+
+    /** Creates a new WindowManager instance. */
+    constructor($$source: Partial<WindowManager> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new WindowManager instance from a string or object.
+     */
+    static createFrom($$source: any = {}): WindowManager {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new WindowManager($$parsedSource as Partial<WindowManager>);
+    }
+}
+
+// Private type creation functions
+const $$createType0 = WindowManager.createFrom;
+const $$createType1 = $Create.Nullable($$createType0);
+const $$createType2 = ContextMenuManager.createFrom;
+const $$createType3 = $Create.Nullable($$createType2);
+const $$createType4 = KeyBindingManager.createFrom;
+const $$createType5 = $Create.Nullable($$createType4);
+const $$createType6 = BrowserManager.createFrom;
+const $$createType7 = $Create.Nullable($$createType6);
+const $$createType8 = EnvironmentManager.createFrom;
+const $$createType9 = $Create.Nullable($$createType8);
+const $$createType10 = DialogManager.createFrom;
+const $$createType11 = $Create.Nullable($$createType10);
+const $$createType12 = EventManager.createFrom;
+const $$createType13 = $Create.Nullable($$createType12);
+const $$createType14 = MenuManager.createFrom;
+const $$createType15 = $Create.Nullable($$createType14);
+const $$createType16 = ScreenManager.createFrom;
+const $$createType17 = $Create.Nullable($$createType16);
+const $$createType18 = ClipboardManager.createFrom;
+const $$createType19 = $Create.Nullable($$createType18);
+const $$createType20 = SystemTrayManager.createFrom;
+const $$createType21 = $Create.Nullable($$createType20);
+const $$createType22 = slog$0.Logger.createFrom;
+const $$createType23 = $Create.Nullable($$createType22);
diff --git a/frontend/bindings/log/slog/index.ts b/frontend/bindings/log/slog/index.ts
new file mode 100644
index 0000000..28f9022
--- /dev/null
+++ b/frontend/bindings/log/slog/index.ts
@@ -0,0 +1,6 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export {
+    Logger
+} from "./models.js";
diff --git a/frontend/bindings/log/slog/models.ts b/frontend/bindings/log/slog/models.ts
new file mode 100644
index 0000000..ef606c6
--- /dev/null
+++ b/frontend/bindings/log/slog/models.ts
@@ -0,0 +1,31 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import { Create as $Create } from "@wailsio/runtime";
+
+/**
+ * A Logger records structured information about each call to its
+ * Log, Debug, Info, Warn, and Error methods.
+ * For each call, it creates a [Record] and passes it to a [Handler].
+ * 
+ * To create a new Logger, call [New] or a Logger method
+ * that begins "With".
+ */
+export class Logger {
+
+    /** Creates a new Logger instance. */
+    constructor($$source: Partial<Logger> = {}) {
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new Logger instance from a string or object.
+     */
+    static createFrom($$source: any = {}): Logger {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new Logger($$parsedSource as Partial<Logger>);
+    }
+}
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..08e3558
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/wails.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/style.css" />
+    <title>Wails + Vue + TS</title>
+    <style>
+    html, body {
+        margin: 0;
+        overflow: hidden; /* 禁止横向滚动 */
+      } 
+html, body, #app {
+  background: transparent !important;
+}
+/* 仅当 html 有 dark 类时生效 */
+
+/* Select 输入框 */
+html.dark .ant-select-selector {
+  color: #ffffff !important;
+  /* background-color: #1f1f1f !important; */
+  background-color: rgba(31, 41, 55, 1) !important;
+  /* background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); */
+  border-color: #434343 !important;
+}
+
+/* Select 下拉面板 */
+html.dark .ant-select-dropdown {
+  /* background-color: #141414 !important; */
+  background-color: rgba(31, 41, 55, 1) !important;
+}
+
+/* 下拉项文字 */
+html.dark .ant-select-item {
+  color: #ffffff !important;
+}
+
+/* Hover / Active 状态 */
+html.dark .ant-select-item-option-active {
+  /* background-color: #2a2a2a !important; */
+  background-color: rgb(46, 56, 71) !important;
+  /* background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); */
+}
+
+/* 选中项 */
+html.dark .ant-select-item-option-selected {
+  /* background-color: #3a3a3a !important; */
+  background-color: #283150 !important;
+  /* background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important; */
+  color: #69c0ff !important;
+}
+
+/* Input */
+html.dark .ant-input {
+  background-color: #374151 !important;
+  color: white !important;
+}
+
+html.dark .ant-input::placeholder {
+  color: #cccccc !important;
+}
+
+/* Input 带前后缀 */
+html.dark .ant-input-affix-wrapper {
+  background-color: #374151 !important;
+  border-color: #626161 !important;
+}
+  #app {
+       margin: 0;
+       padding: 0;
+       width: 100%;
+       height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..21b0eaf
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,3288 @@
+{
+  "name": "frontend",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "frontend",
+      "version": "0.0.0",
+      "dependencies": {
+        "@headlessui/vue": "^1.7.23",
+        "@wailsio/runtime": "3.0.0-alpha.66",
+        "ant-design-vue": "^4.2.6",
+        "vue": "^3.2.45",
+        "vue-i18n": "^11.1.5",
+        "vue-router": "^4.5.1"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^6.0.7",
+        "autoprefixer": "^10.4.21",
+        "postcss": "^8.5.3",
+        "tailwindcss": "^3.4.1",
+        "typescript": "^4.9.3",
+        "vite": "^8.1.3",
+        "vue-tsc": "^1.0.11"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ant-design/colors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
+      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/icons-vue": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-vue/-/icons-vue-7.0.1.tgz",
+      "integrity": "sha512-eCqY2unfZK6Fe02AwFlDHLfoyEFreP6rBwAZMIJ1LugmfMiVgwWDYlp1YsRugaPtICYOabV1iWxXdP12u9U43Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^6.0.0",
+        "@ant-design/icons-svg": "^4.2.1"
+      },
+      "peerDependencies": {
+        "vue": ">=3.0.3"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.2.tgz",
+      "integrity": "sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.3.tgz",
+      "integrity": "sha512-7EYtGezsdiDMyY80+65EzwiGmcJqpmcZCojSXaRgdrBaGtWTgDZKq69cPIVped6MkIM78cTQ2GOiEYjwOlG4xw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
+      "integrity": "sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz",
+      "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
+      "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
+      "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==",
+      "license": "MIT"
+    },
+    "node_modules/@headlessui/vue": {
+      "version": "1.7.23",
+      "resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.7.23.tgz",
+      "integrity": "sha512-JzdCNqurrtuu0YW6QaDtR2PIYCKPUWq28csDyMvN4zmGccmE7lz40Is6hc3LA4HFeCI7sekZ/PQMTNmn9I/4Wg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/vue-virtual": "^3.0.0-beta.60"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "11.4.6",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.4.6.tgz",
+      "integrity": "sha512-EOeHO95XESK9IFHgHeZXunsM/WBAoCA0DlaWODvx14vKmetAuS97t+l6Xe9hTUqntPpF93vtVSjjUDafw3wXMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/devtools-types": "11.4.6",
+        "@intlify/message-compiler": "11.4.6",
+        "@intlify/shared": "11.4.6"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/devtools-types": {
+      "version": "11.4.6",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-types/-/devtools-types-11.4.6.tgz",
+      "integrity": "sha512-wowQPpNem56b2d43IJmqbrzG2FeBKe5f/kUGlpNuBmXs6OSqncF8m1+1lxHuW8ISZJF0ma2RkW3iLkw0g0G4VA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.6",
+        "@intlify/shared": "11.4.6"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.4.6",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.4.6.tgz",
+      "integrity": "sha512-5nj3jULqeTAC1WovwMs1LQWgatTa2pM/rXN9T3XW8rdOtXW9ZF6/GLSNFTKDQmPLwclhPdgUWLJ/4w3fMeeC/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "11.4.6",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.4.6",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.4.6.tgz",
+      "integrity": "sha512-m1p1HHAMLhqSpTRH7VnXdrN0CQ4y+9vunFkpLkbD8soIuBsnQdawZXqMCgvwI2UVF9Ww7sVaw7g9tV2VO7shoA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@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/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
+      "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.138.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.138.0.tgz",
+      "integrity": "sha512-1a7ZKmrRTCoN1XMZ4L0PyyqrMnrNlLyPuOkdSX2MZg7IiIGRUyurNhAm73ptDOraoBcIordsIGKNPKUzy3ZmfA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.4.tgz",
+      "integrity": "sha512-EZLpf/8y7GXkkra90ML47kzik/GMP3EMcE9bPyHmRfxLC6z9+aW5A8poCsoxjrT5GfEcNAAvWwUHjvP1pUQkfw==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.4.tgz",
+      "integrity": "sha512-aUi+HBvmYb7j8krl1+qJgkG8C17fO79gk3c+jPw4S8glRFc1DTija9S3EyaTSQUm5GJXYKDAsugBEhFHH2vYiQ==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.4.tgz",
+      "integrity": "sha512-F7hHC3gwY11+vByKPRWqwGbeXWVgKmL+pTGCinaEhdihzBV2aQ0fvZOch9cXYUOKuKKq429HeYXOqQLc7wFCEg==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.4.tgz",
+      "integrity": "sha512-sI5yw+7s92SK6odiEhD5lKCBlWcpjHS5qyqpVQbZAJ0fIzEUXrmbl3DH2ybR3PZogulNJF+COLtmA8hUfvkCCQ==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.4.tgz",
+      "integrity": "sha512-mCi0OKgEieFircrtVYmQAFGszRtMnZ6fpZAXrxanXAu7lqZcsK1E1RAaZNG0uKAnxox3B1f4EyQNnoyMfN1vAA==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.4.tgz",
+      "integrity": "sha512-B9Ial3Kv5sh0SHnB1g/QWcUQCEvCF6QKGAl4zXypYj65mVI+B4AhFBwPtSN7pDrJeIx8Z7zdy4ntx+wQABom7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.4.tgz",
+      "integrity": "sha512-lZVym0PuHE1KZ22gmFTC15lAkrg9iTszR617oYRB/iPY1A56ywoJzVKOJBKaot5RiikCObmur6pogpse3gRcng==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.4.tgz",
+      "integrity": "sha512-t2DNiLJWNTbnEHyUzTumldML6ET4/g16467LZoDDJ3tSxGvguL5/NyC2lCsNKuyRycg9XeDQF5SSv+TNOhQEXg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.4.tgz",
+      "integrity": "sha512-0WIRnL1Uw4BvTZRLQt+PVgo6ZKTJadlC2btP+/EOXv2f/DWbY0rEgl+y834mIVwP1FkTlWVTrGGJXf12lru7EQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.4.tgz",
+      "integrity": "sha512-JWtGshGfX+oENAKonoNkqEJX+7hC8yfhi9GUyPX1VX4mdh1y5r+ZiJLR5XzAB0aoP6s/PcILsGjKq8O0mm24bw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.4.tgz",
+      "integrity": "sha512-rT6yQcxUuXs4CnbofqwHRRV0iem349rLMYpTjkgQGLjrY4ado/eDzwPZPTCgTOlF6Nkp8NEv70yLMTn6qkWxsQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.4.tgz",
+      "integrity": "sha512-KXMGoboq5cyaCQjDA4GLuRiOwBQ0EyFnJoVViLeZ45/3rFItRODEr+NdsBcVpll40hhNArlm/speWGRvj08LzA==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.4.tgz",
+      "integrity": "sha512-5K83rb36oJiY7BCyE9zLZtGcPV4g5wvq+xwdO0XPIwDVZI8cyB/AUjkNXGb92/rnmezEkjMOpgY61rtwjQtFwg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.11.1",
+        "@emnapi/runtime": "1.11.1",
+        "@napi-rs/wasm-runtime": "^1.1.6"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.4.tgz",
+      "integrity": "sha512-PnWBtw3TV5KOg69HQQDR0mnQuyCmSGR2pAB4DC1rPF808fgKeTUMj2EOEyKATpgiuxuR5APQmiDO7PDgEjTFSA==",
+      "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.1.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.4.tgz",
+      "integrity": "sha512-M1lpniBePobTfsa7Ks9a199e1akxsXn+GYBUKsEzv3YFzOm1HJAMNwKI3qr0Zq+mxwx9gOZoTdP1yXRYsZUocQ==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@simonwep/pickr": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@simonwep/pickr/-/pickr-1.8.2.tgz",
+      "integrity": "sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^3.15.1",
+        "nanopop": "^2.1.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.9.tgz",
+      "integrity": "sha512-3jztt0jpaoJO5TARe2WIHC1UQC3VMLAFUW5mmMo0yrkwtDB2AQP0+sh10BVUpWrnvHjSLvzFizydtEGLCJKFoQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-virtual": {
+      "version": "3.13.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.9.tgz",
+      "integrity": "sha512-HsvHaOo+o52cVcPhomKDZ3CMpTF/B2qg+BhPHIQJwzn4VIqDyt/rRVqtIomG6jE83IFsE2vlr6cmx7h3dHA0SA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.9"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.0.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
+      "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.7.tgz",
+      "integrity": "sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
+      "integrity": "sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "1.11.1"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz",
+      "integrity": "sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "muggle-string": "^0.3.1"
+      }
+    },
+    "node_modules/@volar/typescript": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.11.1.tgz",
+      "integrity": "sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "1.11.1",
+        "path-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.14.tgz",
+      "integrity": "sha512-k7qMHMbKvoCXIxPhquKQVw3Twid3Kg4s7+oYURxLGRd56LiuHJVrvFKI4fm2AM3c8apqODPfVJGoh8nePbXMRA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.2",
+        "@vue/shared": "3.5.14",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.14.tgz",
+      "integrity": "sha512-1aOCSqxGOea5I80U2hQJvXYpPm/aXo95xL/m/mMhgyPUsKe9jhjwWpziNAw7tYRnbz1I61rd9Mld4W9KmmRoug==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.14",
+        "@vue/shared": "3.5.14"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.14.tgz",
+      "integrity": "sha512-9T6m/9mMr81Lj58JpzsiSIjBgv2LiVoWjIVa7kuXHICUi8LiDSIotMpPRXYJsXKqyARrzjT24NAwttrMnMaCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.2",
+        "@vue/compiler-core": "3.5.14",
+        "@vue/compiler-dom": "3.5.14",
+        "@vue/compiler-ssr": "3.5.14",
+        "@vue/shared": "3.5.14",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.17",
+        "postcss": "^8.5.3",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.14.tgz",
+      "integrity": "sha512-Y0G7PcBxr1yllnHuS/NxNCSPWnRGH4Ogrp0tsLA5QemDZuJLs99YjAKQ7KqkHE0vCg4QTKlQzXLKCMF7WPSl7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.14",
+        "@vue/shared": "3.5.14"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/language-core": {
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.27.tgz",
+      "integrity": "sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "~1.11.1",
+        "@volar/source-map": "~1.11.1",
+        "@vue/compiler-dom": "^3.3.0",
+        "@vue/shared": "^3.3.0",
+        "computeds": "^0.0.1",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.3.1",
+        "path-browserify": "^1.0.1",
+        "vue-template-compiler": "^2.7.14"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.14.tgz",
+      "integrity": "sha512-7cK1Hp343Fu/SUCCO52vCabjvsYu7ZkOqyYu7bXV9P2yyfjUMUXHZafEbq244sP7gf+EZEz+77QixBTuEqkQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.14"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.14.tgz",
+      "integrity": "sha512-w9JWEANwHXNgieAhxPpEpJa+0V5G0hz3NmjAZwlOebtfKyp2hKxKF0+qSh0Xs6/PhfGihuSdqMprMVcQU/E6ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.14",
+        "@vue/shared": "3.5.14"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.14.tgz",
+      "integrity": "sha512-lCfR++IakeI35TVR80QgOelsUIdcKjd65rWAMfdSlCYnaEY5t3hYwru7vvcWaqmrK+LpI7ZDDYiGU5V3xjMacw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.14",
+        "@vue/runtime-core": "3.5.14",
+        "@vue/shared": "3.5.14",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.14.tgz",
+      "integrity": "sha512-Rf/ISLqokIvcySIYnv3tNWq40PLpNLDLSJwwVWzG6MNtyIhfbcrAxo5ZL9nARJhqjZyWWa40oRb2IDuejeuv6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.14",
+        "@vue/shared": "3.5.14"
+      },
+      "peerDependencies": {
+        "vue": "3.5.14"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.14.tgz",
+      "integrity": "sha512-oXTwNxVfc9EtP1zzXAlSlgARLXNC84frFYkS0HHz0h3E4WZSP9sywqjqzGCP9Y34M8ipNmd380pVgmMuwELDyQ==",
+      "license": "MIT"
+    },
+    "node_modules/@wailsio/runtime": {
+      "version": "3.0.0-alpha.66",
+      "resolved": "https://registry.npmjs.org/@wailsio/runtime/-/runtime-3.0.0-alpha.66.tgz",
+      "integrity": "sha512-ENLu8rn1griL1gFHJqkq1i+BVxrrA0JPJHYneUJYuf/s54kjuQViW0RKDEe/WTDo56ABpfykrd/T8OYpPUyXUw==",
+      "license": "MIT"
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ant-design-vue": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-4.2.6.tgz",
+      "integrity": "sha512-t7eX13Yj3i9+i5g9lqFyYneoIb3OzTvQjq9Tts1i+eiOd3Eva/6GagxBSXM1fOCjqemIu0FYVE1ByZ/38epR3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^6.0.0",
+        "@ant-design/icons-vue": "^7.0.0",
+        "@babel/runtime": "^7.10.5",
+        "@ctrl/tinycolor": "^3.5.0",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/unitless": "^0.8.0",
+        "@simonwep/pickr": "~1.8.0",
+        "array-tree-filter": "^2.1.0",
+        "async-validator": "^4.0.0",
+        "csstype": "^3.1.1",
+        "dayjs": "^1.10.5",
+        "dom-align": "^1.12.1",
+        "dom-scroll-into-view": "^2.0.0",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.15",
+        "resize-observer-polyfill": "^1.5.1",
+        "scroll-into-view-if-needed": "^2.2.25",
+        "shallow-equal": "^1.0.0",
+        "stylis": "^4.1.3",
+        "throttle-debounce": "^5.0.0",
+        "vue-types": "^3.0.0",
+        "warning": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design-vue"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2.0"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array-tree-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
+      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==",
+      "license": "MIT"
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "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.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "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.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/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.1.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
+      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.24.5",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.5.tgz",
+      "integrity": "sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==",
+      "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": {
+        "caniuse-lite": "^1.0.30001716",
+        "electron-to-chromium": "^1.5.149",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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.30001718",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz",
+      "integrity": "sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==",
+      "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/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==",
+      "license": "MIT"
+    },
+    "node_modules/computeds": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
+      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/core-js": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
+      "integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dom-align": {
+      "version": "1.12.4",
+      "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.4.tgz",
+      "integrity": "sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==",
+      "license": "MIT"
+    },
+    "node_modules/dom-scroll-into-view": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/dom-scroll-into-view/-/dom-scroll-into-view-2.0.1.tgz",
+      "integrity": "sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==",
+      "license": "MIT"
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.159",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.159.tgz",
+      "integrity": "sha512-CEvHptWAMV5p6GJ0Lq8aheyvVbfzVrv5mmidu1D3pidoVNkB3tTBsTMVtPJ+rzRK5oV229mCLz9Zj/hNvU8GBA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/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/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
+      "integrity": "sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/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": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "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.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "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.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "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/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.3.1.tgz",
+      "integrity": "sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.15",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+      "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/nanopop": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/nanopop/-/nanopop-2.4.2.tgz",
+      "integrity": "sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz",
+      "integrity": "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==",
+      "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.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/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.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "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.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.4.tgz",
+      "integrity": "sha512-IjZYiLxZwpnhwhdBH2ugdTGVSdhCQUmLxLoqyjiL0JxYjyRst+5a0P3xfrTxJ5F638j4Mvvw5FAX5XE6eHpXbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.138.0",
+        "@rolldown/pluginutils": "^1.0.0"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.1.4",
+        "@rolldown/binding-darwin-arm64": "1.1.4",
+        "@rolldown/binding-darwin-x64": "1.1.4",
+        "@rolldown/binding-freebsd-x64": "1.1.4",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.1.4",
+        "@rolldown/binding-linux-arm64-gnu": "1.1.4",
+        "@rolldown/binding-linux-arm64-musl": "1.1.4",
+        "@rolldown/binding-linux-ppc64-gnu": "1.1.4",
+        "@rolldown/binding-linux-s390x-gnu": "1.1.4",
+        "@rolldown/binding-linux-x64-gnu": "1.1.4",
+        "@rolldown/binding-linux-x64-musl": "1.1.4",
+        "@rolldown/binding-openharmony-arm64": "1.1.4",
+        "@rolldown/binding-wasm32-wasi": "1.1.4",
+        "@rolldown/binding-win32-arm64-msvc": "1.1.4",
+        "@rolldown/binding-win32-x64-msvc": "1.1.4"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shallow-equal": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.2.1.tgz",
+      "integrity": "sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==",
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string-width-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "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.npmjs.org/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/tailwindcss": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
+      "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.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.npmjs.org/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.npmjs.org/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/throttle-debounce": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "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/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "8.1.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.3.tgz",
+      "integrity": "sha512-Ds+gBRbj0lwRO2Y5hwnUBdxSwlAve9LeRyU4sNnAr0ewW0gWF0n5bgXgUzbgZ49MV9BVUAQUFYVcDUcilUExMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.32.0",
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.16",
+        "rolldown": "~1.1.3",
+        "tinyglobby": "^0.2.17"
+      },
+      "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.3.0",
+        "esbuild": "^0.27.0 || ^0.28.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/vite/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.14.tgz",
+      "integrity": "sha512-LbOm50/vZFG6Mhy6KscQYXZMQ0LMCC/y40HDJPPvGFQ+i/lUH+PJHR6C3assgOQiXdl6tAfsXHbXYVBZZu65ew==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.14",
+        "@vue/compiler-sfc": "3.5.14",
+        "@vue/runtime-dom": "3.5.14",
+        "@vue/server-renderer": "3.5.14",
+        "@vue/shared": "3.5.14"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "11.4.6",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.4.6.tgz",
+      "integrity": "sha512-l0gE7Rfy0phCa5ChKYkOq543Wgd39BCK6hkktfr1Ed4D99oRkgPK9ffShASZdeC8OJxGfdWmpYoAaAH6iLEuIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.6",
+        "@intlify/devtools-types": "11.4.6",
+        "@intlify/shared": "11.4.6",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
+      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
+      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.27.tgz",
+      "integrity": "sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "~1.11.1",
+        "@vue/language-core": "1.8.27",
+        "semver": "^7.5.4"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      }
+    },
+    "node_modules/vue-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/vue-types/-/vue-types-3.0.2.tgz",
+      "integrity": "sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "3.0.1"
+      },
+      "engines": {
+        "node": ">=10.15.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..5b2c803
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "frontend",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:dev": "vue-tsc && vite build --minify false --mode development",
+    "build": "vue-tsc && vite build --mode production",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@headlessui/vue": "^1.7.23",
+    "@wailsio/runtime": "3.0.0-alpha.66",
+    "ant-design-vue": "^4.2.6",
+    "vue": "^3.2.45",
+    "vue-i18n": "^11.1.5",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.7",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.3",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^4.9.3",
+    "vite": "^8.1.3",
+    "vue-tsc": "^1.0.11"
+  }
+}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/frontend/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/frontend/public/Inter-Medium.ttf b/frontend/public/Inter-Medium.ttf
new file mode 100644
index 0000000..a01f377
Binary files /dev/null and b/frontend/public/Inter-Medium.ttf differ
diff --git a/frontend/public/style.css b/frontend/public/style.css
new file mode 100644
index 0000000..187e7e4
--- /dev/null
+++ b/frontend/public/style.css
@@ -0,0 +1,145 @@
+:root {
+    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: rgba(27, 38, 54, 1);
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+}
+
+* {
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+@font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: local(""),
+    url("./Inter-Medium.ttf") format("truetype");
+}
+
+h3 {
+    font-size: 3em;
+    line-height: 1.1;
+}
+
+a {
+    font-weight: 500;
+    color: #646cff;
+    text-decoration: inherit;
+}
+
+a:hover {
+    color: #535bf2;
+}
+
+button {
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 3px;
+    border: none;
+    margin: 0 0 0 20px;
+    padding: 0 8px;
+    cursor: pointer;
+}
+
+.result {
+    height: 20px;
+    line-height: 20px;
+}
+
+body {
+    margin: 0;
+    display: flex;
+    place-items: center;
+    place-content: center;
+    min-width: 320px;
+    min-height: 100vh;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+h1 {
+    font-size: 3.2em;
+    line-height: 1.1;
+}
+
+#app {
+    max-width: 1280px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.result {
+    height: 20px;
+    line-height: 20px;
+    margin: 1.5rem auto;
+    text-align: center;
+}
+
+.footer {
+    margin-top: 1rem;
+    align-content: center;
+    text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+        color: #213547;
+        background-color: #ffffff;
+    }
+
+    a:hover {
+        color: #747bff;
+    }
+
+    button {
+        background-color: #f9f9f9;
+    }
+}
+
+
+.input-box .btn:hover {
+    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
+    color: #333333;
+}
+
+.input-box .input {
+    border: none;
+    border-radius: 3px;
+    outline: none;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    color: black;
+    background-color: rgba(240, 240, 240, 1);
+    -webkit-font-smoothing: antialiased;
+}
+
+.input-box .input:hover {
+    border: none;
+    background-color: rgba(255, 255, 255, 1);
+}
+
+.input-box .input:focus {
+    border: none;
+    background-color: rgba(255, 255, 255, 1);
+}
\ No newline at end of file
diff --git a/frontend/public/system/about.svg b/frontend/public/system/about.svg
new file mode 100644
index 0000000..f3be7c8
--- /dev/null
+++ b/frontend/public/system/about.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="722.11262" height="558.1509" viewBox="0 0 722.11262 558.1509" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><path d="M892.0771,705.04148h-585.082a68.4964,68.4964,0,0,1-66.89649-83.21289l26.13379-118.78711H932.83979l26.13379,118.78711a68.49639,68.49639,0,0,1-66.89648,83.21289Zm-624.23731-200-25.78808,117.2168a66.49673,66.49673,0,0,0,64.94336,80.7832h585.082a66.49674,66.49674,0,0,0,64.94336-80.7832l-25.78809-117.2168Z" transform="translate(-238.47977 -171.03678)" fill="#f2f2f2"/><path d="M817.7855,249.41514l30.69046-4.5739-4.84758-21.34916-18.4,9.26659-37.961-14.30669a7.71684,7.71684,0,1,0-5.0485,10.199Z" transform="translate(-238.47977 -171.03678)" fill="#ffb6b6"/><path d="M880.164,233.45546c-2.37275,8.99484-57.04774,19.14085-57.02046,17.19492.07752-5.53051,3.5933-17.135,1.58543-20.14555-1.14827-1.72168,14.31267-6.121,14.31267-6.121s8.53341-3.28453,19.59642-7.29317a19.72107,19.72107,0,0,1,18.85049,2.60441S882.5367,224.46062,880.164,233.45546Z" transform="translate(-238.47977 -171.03678)" fill="#6c63ff"/><path d="M351.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M412.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M473.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M534.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M595.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M656.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M717.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M778.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M839.24671,608.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M351.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M412.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M473.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#6c63ff"/><path d="M534.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M595.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M656.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M717.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M778.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M839.24671,541.03678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M379.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M440.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M501.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M562.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M623.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M684.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M745.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M806.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M867.74671,575.53678h-19a16,16,0,0,0,0,32h19a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M797.37855,504.03678H402.61488a23.64479,23.64479,0,0,1-23.61817-23.61816l.02588-.22559c13.96582-60.42773,13.96045-136.18164-.0166-238.40234l-.00928-.13574a23.64512,23.64512,0,0,1,23.61817-23.61817H797.37855A23.64511,23.64511,0,0,1,820.99671,241.655l-.022.209a566.87235,566.87235,0,0,0,0,238.3457l.022.209A23.64478,23.64478,0,0,1,797.37855,504.03678Z" transform="translate(-238.47977 -171.03678)" fill="#fff"/><path d="M797.37855,504.03678H402.61488a23.64479,23.64479,0,0,1-23.61817-23.61816l.02588-.22559c13.96582-60.42773,13.96045-136.18164-.0166-238.40234l-.00928-.13574a23.64512,23.64512,0,0,1,23.61817-23.61817H797.37855A23.64511,23.64511,0,0,1,820.99671,241.655l-.022.209a566.87235,566.87235,0,0,0,0,238.3457l.022.209A23.64478,23.64478,0,0,1,797.37855,504.03678ZM380.9972,480.53092a21.64307,21.64307,0,0,0,21.61768,21.50586H797.37855a21.64279,21.64279,0,0,0,21.61767-21.51367,568.84463,568.84463,0,0,1,0-238.97266,21.64279,21.64279,0,0,0-21.61767-21.51367H402.61488a21.64308,21.64308,0,0,0-21.61817,21.55078C394.98939,343.95622,394.99036,419.89274,380.9972,480.53092Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M755.99671,288.53678h-319a6.5,6.5,0,0,1,0-13h319a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M755.99671,320.03678h-319a6.5,6.5,0,0,1,0-13h319a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M755.99671,351.53678h-319a6.5,6.5,0,0,1,0-13h319a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M755.99671,383.03678h-319a6.5,6.5,0,0,1,0-13h319a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M755.99671,414.53678h-319a6.5,6.5,0,0,1,0-13h319a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M579.99671,446.03678h-143a6.5,6.5,0,0,1,0-13h143a6.5,6.5,0,0,1,0,13Z" transform="translate(-238.47977 -171.03678)" fill="#6c63ff"/><path d="M598.17835,495.53678H571.85511a2.65765,2.65765,0,0,1-2.06885-1.01953,3.174,3.174,0,0,1-.60058-2.65234l12.3872-56.0459a2.69956,2.69956,0,0,1,5.32032-.08106l13.936,56.04493a3.1748,3.1748,0,0,1-.55762,2.7041A2.65706,2.65706,0,0,1,598.17835,495.53678Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/><path d="M928.99671,516.53678h-658a13.5,13.5,0,0,1,0-27h658a13.5,13.5,0,0,1,0,27Z" transform="translate(-238.47977 -171.03678)" fill="#f2f2f2"/><polygon points="607.193 311.693 597.591 311.692 593.024 274.657 607.195 274.658 607.193 311.693" fill="#ffb6b6"/><path d="M848.12137,492.03678l-30.95975-.00114v-.39159a12.051,12.051,0,0,1,12.0504-12.05021h.00076l5.65521-4.29034,10.55135,4.291,2.7026.0001Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><polygon points="693.95 299.209 685.357 303.492 664.747 272.384 677.431 266.063 693.95 299.209" fill="#ffb6b6"/><path d="M938.77356,477.48361l-27.709,13.81-.17469-.35047a12.051,12.051,0,0,1,5.40937-16.16039l.00069-.00034,3.14742-6.36255,11.3575-.86655,2.41883-1.20552Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M841.41862,314.52925l52.94493,1.85308,3.95881,7.35208s4.14634,30.07924,2.02286,32.20272-3.18522,2.12348-2.12348,5.83957,3.80663,39.22214,3.80663,39.22214,21.87145,45.36626,22.93319,48.02061,2.12348,1.59261,1.06174,2.65435A39.09813,39.09813,0,0,0,923.369,454.859H906.0645s-9.31724-23.50265-17.846-32.59349a51.63525,51.63525,0,0,1-13.61219-29.178l-7.175-33.96517L852.036,411.14763s-2.65436,51.49442-2.12349,54.14877l.53087,2.65435-20.39562.22781s-2.12348-4.47477-1.06174-6.06738.998-1.15789-.29729-3.76417-.76445-7.02253-.76445-7.02253,7.65474-104.41215,7.65474-106.00476a5.29511,5.29511,0,0,0-.441-2.38825V340.7697l2.03361-7.66Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M864.24632,218.46691c-3.44619,2.04877-5.50772,5.81313-6.69112,9.64368a91.38867,91.38867,0,0,0-3.9272,21.83492l-1.24993,22.18655a91.3502,91.3502,0,0,1-11.627,40.78356,7.12994,7.12994,0,0,0,4.45968,10.32456c19.18914,5.03527,55.533-1.28668,55.533-1.28668s1.548-.516,0-2.064-5.02085-9.28825-5.02085-9.28825l4.12808-27.117,5.16009-54.69713c-6.19215-7.74017-18.64533-12.30294-18.64533-12.30294l-3.21775-5.79194-16.08872,1.28709Z" transform="translate(-238.47977 -171.03678)" fill="#6c63ff"/><circle cx="635.97946" cy="20.8342" r="15.4554" fill="#ffb8b8"/><path d="M893.50263,190.95324a26.87734,26.87734,0,0,1-3.67594,8.807,5.99486,5.99486,0,0,1-2.00508,2.27656,2.19153,2.19153,0,0,1-2.78481-.34811l-.376-.30633a7.97635,7.97635,0,0,0,1.9494-1.69177,2.71626,2.71626,0,0,0,.52216-2.42975,1.67252,1.67252,0,0,0-2.04685-1.093c-.9051.35507-1.45508,1.66393-2.40191,1.46205-.76585-.16712-.926-1.17659-.926-1.97027.02783-4.1494-1.97724-10.04623-3.52977-9.86521a12.51866,12.51866,0,0,1-4.62973-.61963,12.12965,12.12965,0,0,0-4.63675-.5918c-.11138.01394-.22279.03484-.34114.05571a10.267,10.267,0,0,0-1.03036-2.24873,12.01386,12.01386,0,0,1-.12532,2.54809,23.83181,23.83181,0,0,1-3.857,1.21836c-1.43418.20192-4.588,4.49053-4.73418,4.05191a10.2676,10.2676,0,0,0-1.03037-2.24872,12.01386,12.01386,0,0,1-.12531,2.54809c-.007.0348-.007.06267-.01394.09748-.69621-.926-1.12088-2.05382-.88419-1.19053-2.33227-5.2772-1.42722-9.05759,2.2418-13.50635a7.05517,7.05517,0,0,1,2.75-2.207,3.46792,3.46792,0,0,1,3.38359.33421,11.38389,11.38389,0,0,1,11.29242-2.40888c3.82216,1.32977,6.76713,2.10952,7.35192,6.11966a8.50874,8.50874,0,0,1,8.15257,3.96834A12.84965,12.84965,0,0,1,893.50263,190.95324Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M909.99671,291.38527l.02514-31.02941-21.83183,1.63,6.43726,19.57017-19.77475,35.42138a7.71685,7.71685,0,1,0,9.33816,6.5043Z" transform="translate(-238.47977 -171.03678)" fill="#ffb6b6"/><path d="M903.45817,227.33035c8.54385,3.67964,10.47463,59.25452,8.55424,58.93915-5.458-.89632-16.41325-6.09313-19.68811-4.55362-1.87284.88042-3.93214-15.06177-3.93214-15.06177s-1.98355-8.926-4.30831-20.4609a19.721,19.721,0,0,1,5.36941-18.25633S894.91432,223.65073,903.45817,227.33035Z" transform="translate(-238.47977 -171.03678)" fill="#6c63ff"/><path d="M375.81748,570.22737a5.23881,5.23881,0,0,1,.34211-8.02572l-5.8656-17.66857,9.34295,2.51,4.1377,16.39356a5.26714,5.26714,0,0,1-7.95716,6.79069Z" transform="translate(-238.47977 -171.03678)" fill="#ffb6b6"/><path d="M392.75058,474.23094c1.55025.88871,10.72239-1.31335,12.51367-.68693-.98881,6.03322,4.38179,3.76921-1.45026,11.69239s-17.57849,31.679-20.24693,40.55766-.02734,21.391-.427,25.599a43.66668,43.66668,0,0,0,.036,7.32415c-3.151-.03982-6.25679.61406-9.457.19641-3.41282-9.657-5.70752-23.40286-7.26568-30.99974s-1.61516-4.38419-.90051-8.18286.88769-1.03827.137-4.67233,2.28537-8.2,5.09062-10.80348c1.20952-3.47889,2.77265-6.72266,3.97008-10.16523C383.52546,486.4351,384.1024,482.01317,392.75058,474.23094Z" transform="translate(-238.47977 -171.03678)" fill="#3f3d56"/><path d="M474.88381,559.02692a5.23879,5.23879,0,0,1-5.97865-5.36516l-17.36876-6.70149,7.87608-5.61769,15.28618,7.2251a5.26715,5.26715,0,0,1,.18515,10.45924Z" transform="translate(-238.47977 -171.03678)" fill="#ffb6b6"/><path d="M411.53417,484.94c1.67143-.632,5.80107-9.11275,7.4232-10.09752,4.02934,4.598,5.69494-.98721,8.1051,8.55116s13.28449,33.70588,18.443,41.40914,16.49713,13.61695,19.49177,16.6a43.66635,43.66635,0,0,0,5.67736,4.62732c-2.03347,2.40735-3.50266,5.22071-5.85913,7.42595-9.62465-3.50308-21.69532-10.46818-28.55069-14.0937s-4.4113-1.53959-6.88976-4.50569-.23737-1.34524-3.52012-3.07542-4.87812-6.9762-5.10508-10.79665c-1.91706-3.14492-3.42783-6.4134-5.32453-9.52591C415.09278,499.81889,412.04562,496.563,411.53417,484.94Z" transform="translate(-238.47977 -171.03678)" fill="#3f3d56"/><polygon points="186.123 366.39 194.791 405.071 139.247 401.616 154.351 363.627 186.123 366.39" fill="#ffb6b6"/><polygon points="176.874 544.917 183.113 544.916 186.081 520.851 176.873 520.851 176.874 544.917" fill="#ffb6b6"/><path d="M413.24084,712.87544l9.86294-.58869v4.22572l9.377,6.47607a2.63953,2.63953,0,0,1-1.49987,4.81163h-11.7422l-2.024-4.17987-.79025,4.17987h-4.42727Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><polygon points="117.905 541.813 124.002 543.135 132.005 520.246 123.006 518.294 117.905 541.813" fill="#ffb6b6"/><path d="M354.97208,709.39342l9.76355,1.51568-.89587,4.12965,7.79087,8.31682a2.63954,2.63954,0,0,1-2.48586,4.38428l-11.47529-2.48939-1.09179-4.51394-1.65844,3.91732-4.32664-.93859Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M434.68851,608.453c-4.37873,24.06477-5.4734,34.45515-5.4734,34.45515s3.28406,3.82832,1.09467,6.01771,0,6.562,0,6.562l-4.923,53.05259-3.96291-.64217-9.5464-1.535-3.44307-.5565,2.18938-49.76853s-2.18938-4.37873-1.09467-5.47345c1.09467-1.09467-1.09471-7.65667-1.09471-7.65667l-2.73365-51.95791-16.95847,56.88094s1.64506,2.18939,0,3.82836c-1.639,1.639-4.91694,9.846-4.91694,9.846l-10.08457,35.28686-.8562,2.99661-5.25938-.9846-5.72416-1.07634-1.0519-.19567-1.87136-.35471-1.20475-.22628-.40977-.07338-1.98144-.37308.59935-2.66026.31186-1.40045,8.53123-37.8921.1957-.87452.20795-.92346s-1.09471-2.73364.54426-4.37873a4.27375,4.27375,0,0,0,1.09471-3.82836,1.49325,1.49325,0,0,1-.14677-.18346,2.27029,2.27029,0,0,1-.3914-.89288,2.96057,2.96057,0,0,1,1.08855-2.752,4.66973,4.66973,0,0,0,.77669-1.113c1.66345-3.14953,2.50128-9.82161,2.50128-9.82161s1.48-52.84464,6.32348-60.9172c.25689-.422,5.39871-8.523,5.66779-8.68811,5.46733-3.27793,48.06278,1.24967,48.06278,1.24967s2.57993,6.93083,2.69613,7.65247C434.07529,573.13556,438.40067,588.03921,434.68851,608.453Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M421.7457,481.16455s.92165-4.78429-7.93483-13.64077c-4.68873-1.56291-12.81266-.652-15.62908,0-13.02424,17.192-10.69228,14.15858-14.08253,23.7643a13.52866,13.52866,0,0,0-.928,6.83773c1.5629,7.81454,4.10025,47.92846,3.57928,50.01234s-4.16776,4.68872-.521,4.68872,50.67527-.82322,49.63333-2.38613S421.7457,481.16455,421.7457,481.16455Z" transform="translate(-238.47977 -171.03678)" fill="#3f3d56"/><circle cx="168.57659" cy="278.54491" r="14.93754" fill="#ffb6b6"/><path d="M394.40092,455.22963c-.08162,1.81151-1.21709,3.37347-2.09351,4.95938a19.78854,19.78854,0,0,0-.18369,18.45966c1.21928,2.31278,2.90747,4.37677,3.8749,6.80567a7.73112,7.73112,0,0,1-.06058,6.52172c-2.61823-2.51922-3.89582-1.189-6.869-3.388,1.16921,3.27673.17249,3.38345,1.34621,6.65666q-7.56916,2.16111-15.14392,4.33382a18.25213,18.25213,0,0,0,5.22148-21.48155c-1.846-3.95845-5.14554-7.22129-6.34675-11.4272a12.39871,12.39871,0,0,1,17.04247-14.71269C392.88618,451.472,394.4831,453.44685,394.40092,455.22963Z" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M413.16307,432.8393c-2.0088-4.38928-7.309-3.4962-12.10128-2.91722a14.894,14.894,0,0,0-11.15917,8.28094,20.35278,20.35278,0,0,0-1.10354,14.1278,15.47841,15.47841,0,0,0,4.88706,8.23865c2.53091,2.03537,14.42859,6.84906,15.419,2.70413-1.23813,5.40754-4.45963,8.48642-.77251,12.63124,1.90974-5.73678,9.9854-11.18566,11.89514-16.92244.28747-.86355-.89305-11.01274-.60558-11.87629.606-1.82026,1.21278-3.64358,1.65064-5.51142.55-2.34638.76172-5.03695-.69576-6.95627s-5.12912-1.994-5.86577.30066" transform="translate(-238.47977 -171.03678)" fill="#2f2e41"/><path d="M410.75815,451.10681l-.63851-4.06484c.43393-5.05554-.27442-13.097,3.04343-14.20267l2.029,2.029C413.90857,435.29624,411.46749,442.85627,410.75815,451.10681Z" transform="translate(-238.47977 -171.03678)" fill="#ff6584"/><path d="M556.26874,727.99768a1.18647,1.18647,0,0,1-1.19006,1.19h-280.29a1.19,1.19,0,1,1,0-2.38h280.29A1.18651,1.18651,0,0,1,556.26874,727.99768Z" transform="translate(-238.47977 -171.03678)" fill="#ccc"/><path d="M702.99671,654.04148h-206a16,16,0,0,0,0,32h206a16,16,0,0,0,0-32Z" transform="translate(-238.47977 -171.03678)" fill="#e6e6e6"/></svg>
\ No newline at end of file
diff --git a/frontend/public/system/empty.svg b/frontend/public/system/empty.svg
new file mode 100644
index 0000000..6c93df3
--- /dev/null
+++ b/frontend/public/system/empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="797.5" height="834.5" viewBox="0 0 797.5 834.5" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><title>void</title><ellipse cx="308.5" cy="780" rx="308.5" ry="54.5" fill="#3f3d56"/><circle cx="496" cy="301.5" r="301.5" fill="#3f3d56"/><circle cx="496" cy="301.5" r="248.89787" opacity="0.05"/><circle cx="496" cy="301.5" r="203.99362" opacity="0.05"/><circle cx="496" cy="301.5" r="146.25957" opacity="0.05"/><path d="M398.42029,361.23224s-23.70394,66.72221-13.16886,90.42615,27.21564,46.52995,27.21564,46.52995S406.3216,365.62186,398.42029,361.23224Z" transform="translate(-201.25 -32.75)" fill="#d0cde1"/><path d="M398.42029,361.23224s-23.70394,66.72221-13.16886,90.42615,27.21564,46.52995,27.21564,46.52995S406.3216,365.62186,398.42029,361.23224Z" transform="translate(-201.25 -32.75)" opacity="0.1"/><path d="M415.10084,515.74682s-1.75585,16.68055-2.63377,17.55847.87792,2.63377,0,5.26754-1.75585,6.14547,0,7.02339-9.65716,78.13521-9.65716,78.13521-28.09356,36.8728-16.68055,94.81576l3.51169,58.82089s27.21564,1.75585,27.21564-7.90132c0,0-1.75585-11.413-1.75585-16.68055s4.38962-5.26754,1.75585-7.90131-2.63377-4.38962-2.63377-4.38962,4.38961-3.51169,3.51169-4.38962,7.90131-63.2105,7.90131-63.2105,9.65716-9.65716,9.65716-14.92471v-5.26754s4.38962-11.413,4.38962-12.29093,23.70394-54.43127,23.70394-54.43127l9.65716,38.62864,10.53509,55.3092s5.26754,50.04165,15.80262,69.356c0,0,18.4364,63.21051,18.4364,61.45466s30.72733-6.14547,29.84941-14.04678-18.4364-118.5197-18.4364-118.5197L533.62054,513.991Z" transform="translate(-201.25 -32.75)" fill="#2f2e41"/><path d="M391.3969,772.97846s-23.70394,46.53-7.90131,48.2858,21.94809,1.75585,28.97148-5.26754c3.83968-3.83968,11.61528-8.99134,17.87566-12.87285a23.117,23.117,0,0,0,10.96893-21.98175c-.463-4.29531-2.06792-7.83444-6.01858-8.16366-10.53508-.87792-22.826-10.53508-22.826-10.53508Z" transform="translate(-201.25 -32.75)" fill="#2f2e41"/><path d="M522.20753,807.21748s-23.70394,46.53-7.90131,48.28581,21.94809,1.75584,28.97148-5.26754c3.83968-3.83969,11.61528-8.99134,17.87566-12.87285a23.117,23.117,0,0,0,10.96893-21.98175c-.463-4.29531-2.06792-7.83444-6.01857-8.16367-10.53509-.87792-22.826-10.53508-22.826-10.53508Z" transform="translate(-201.25 -32.75)" fill="#2f2e41"/><circle cx="295.90488" cy="215.43252" r="36.90462" fill="#ffb8b8"/><path d="M473.43048,260.30832S447.07,308.81154,444.9612,308.81154,492.41,324.62781,492.41,324.62781s13.70743-46.39439,15.81626-50.61206Z" transform="translate(-201.25 -32.75)" fill="#ffb8b8"/><path d="M513.86726,313.3854s-52.67543-28.97148-57.943-28.09356-61.45466,50.04166-60.57673,70.2339,7.90131,53.55335,7.90131,53.55335,2.63377,93.05991,7.90131,93.93783-.87792,16.68055.87793,16.68055,122.90931,0,123.78724-2.63377S513.86726,313.3854,513.86726,313.3854Z" transform="translate(-201.25 -32.75)" fill="#d0cde1"/><path d="M543.2777,521.89228s16.68055,50.91958,2.63377,49.16373-20.19224-43.89619-20.19224-43.89619Z" transform="translate(-201.25 -32.75)" fill="#ffb8b8"/><path d="M498.50359,310.31267s-32.48318,7.02339-27.21563,50.91957,14.9247,87.79237,14.9247,87.79237l32.48318,71.11182,3.51169,13.16886,23.70394-6.14547L528.353,425.32067s-6.14547-108.86253-14.04678-112.37423A33.99966,33.99966,0,0,0,498.50359,310.31267Z" transform="translate(-201.25 -32.75)" fill="#d0cde1"/><polygon points="277.5 414.958 317.885 486.947 283.86 411.09 277.5 414.958" opacity="0.1"/><path d="M533.896,237.31585l.122-2.82012,5.6101,1.39632a6.26971,6.26971,0,0,0-2.5138-4.61513l5.97581-.33413a64.47667,64.47667,0,0,0-43.1245-26.65136c-12.92583-1.87346-27.31837.83756-36.182,10.43045-4.29926,4.653-7.00067,10.57018-8.92232,16.60685-3.53926,11.11821-4.26038,24.3719,3.11964,33.40938,7.5006,9.18513,20.602,10.98439,32.40592,12.12114,4.15328.4,8.50581.77216,12.35457-.83928a29.721,29.721,0,0,0-1.6539-13.03688,8.68665,8.68665,0,0,1-.87879-4.15246c.5247-3.51164,5.20884-4.39635,8.72762-3.9219s7.74984,1.20031,10.062-1.49432c1.59261-1.85609,1.49867-4.559,1.70967-6.99575C521.28248,239.785,533.83587,238.70653,533.896,237.31585Z" transform="translate(-201.25 -32.75)" fill="#2f2e41"/><circle cx="559" cy="744.5" r="43" fill="#6c63ff"/><circle cx="54" cy="729.5" r="43" fill="#6c63ff"/><circle cx="54" cy="672.5" r="31" fill="#6c63ff"/><circle cx="54" cy="624.5" r="22" fill="#6c63ff"/></svg>
\ No newline at end of file
diff --git a/frontend/public/system/mychoice.svg b/frontend/public/system/mychoice.svg
new file mode 100644
index 0000000..763adb1
--- /dev/null
+++ b/frontend/public/system/mychoice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="654.8" viewBox="0 0 800 654.8" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><g transform="translate(-443.84 -102.182)"><g transform="translate(548.211 159.5)"><path d="M121.992,531.053l-18.611,0L98.9,470.116l23.089-4.889Z" transform="translate(467.802 55.274)" fill="#9f616a"/><path d="M90.979,526.328h0c-.579.976-.885,4.126-.885,5.261h0a6.317,6.317,0,0,0,6.317,6.317h57.635a4.309,4.309,0,0,0,4.309-4.309v-2.4s2.851-7.212-3.019-16.1c0,0-7.3,6.96-18.2-3.941l-3.215-5.824L110.653,522.35l-12.9,1.588c-2.822.347-5.324-.054-6.775,2.391Z" transform="translate(435.053 59.576)" fill="#090814"/><path d="M122.109,529.846l-18.611,0-3.344-59.48L126.9,452.255Z" transform="translate(369.278 56.481)" fill="#9f616a"/><path d="M90.979,526.328h0c-.579.976-.885,4.126-.885,5.261h0a6.317,6.317,0,0,0,6.317,6.317h57.635a4.309,4.309,0,0,0,4.309-4.309v-2.4s2.851-7.212-3.019-16.1c0,0-7.3,6.96-18.2-3.941l-3.215-5.824L110.653,522.35l-12.9,1.588c-2.822.347-5.324-.054-6.775,2.391Z" transform="translate(336.645 59.576)" fill="#090814"/><path d="M0,0H28.225l5.332,31.744H0Z" transform="translate(512.51 127.537)" fill="#9f616a"/><rect width="342.833" height="82.534" transform="translate(92.895 0.029)" fill="#f2f2f2"/><path d="M4.214,4.214V79.005H338.143V4.214H4.214M0,0H342.356V83.219H0Z" transform="translate(93.371 0)" fill="#090814"/><path d="M881.354,667.732a8.154,8.154,0,0,1-6.406,4.339c-.689.068-.493,1.125.192,1.057a9.138,9.138,0,0,0,7.1-4.785.555.555,0,0,0-.136-.748A.54.54,0,0,0,881.354,667.732Z" transform="translate(-235.75 -162.495)" fill="#fff"/><path d="M643.708,177.5a10.479,10.479,0,0,0,3.158,15.755l-6.128,36.731,17.687-7.85,3.107-33.676A10.536,10.536,0,0,0,643.708,177.5Z" transform="translate(-214 -116.536)" fill="#9e616a"/><path d="M704.008,451.188,698.6,458.3s-.489,3.32-8.689,30.37l-3.464,213.611,26.708,4.157,35.837-177.127,37.746,165.942,23.587,1.392-1.109-188.611s2.979-38.8-7.581-46.009S704.008,451.188,704.008,451.188Z" transform="translate(-218.253 -142.37)" fill="#090814"/><circle cx="28.552" cy="28.552" r="28.552" transform="translate(493.692 83.219)" fill="#9e616a"/><path d="M771.4,231.077l-.472-.943c-.729-1.458-6.766-13.582-7.524-16.7l-7.6.894-19.786,0,2.749-4.124-7.269.948a16.682,16.682,0,0,0-7.407,2.792,11.349,11.349,0,0,0-3.36,3.464c-2.6,4.446-6.563,11.719-6.6,11.792l-.379.7-3.3-5.545c-.043-.215-4.128-21.523,9.544-28.75.705-1.432,6.714-12.7,20.915-11.937a9,9,0,0,1,6.121-3.043c3.243-.169,6.61,1.535,9.991,5.085,4.491,4.716,10.642,11.173,14.362,18.343l1.026,1.464a11.539,11.539,0,0,1,2.053,7.164,23.919,23.919,0,0,1-.815,12.2Z" transform="translate(-220.43 -114.837)" fill="#090814"/><path d="M763.5,268.729l15.8,8.732,31.034,8.69-9.263,81.215,1.685,80s-52.532,35.987-102.9-6.041V340.628l2.98-54.477s12.054-3.424,18.124,2.483l11.511-14.953Z" transform="translate(-219.5 -125.395)" fill="#6c63ff"/><path d="M497.5,142.089l-6.961-7.482-38.359-4.345,3.6-58.916-20.914-14.92L419.5,139.368l70.977,49.715Z" transform="translate(-7.209 26.15)" fill="#6c63ff"/><path d="M796.523,489.938A10.479,10.479,0,0,1,806.7,477.5l11.81-35.316,11.942,15.227-13.046,31.2a10.536,10.536,0,0,1-20.883,1.322Z" transform="translate(-228.477 -141.533)" fill="#9e616a"/><path d="M808.158,297.234l11.659-9.3s11.922,6.576,15.549,18.366,9.977,78.906,9.977,78.906l-17.232,86.162L808.84,458.006l9.295-68.262-16.325-49.883Z" transform="translate(-228.986 -127.182)" fill="#6c63ff"/><ellipse cx="24.789" cy="24.789" rx="24.789" ry="24.789" transform="translate(140.381 16.706)" fill="#6c63ff"/><rect width="165.837" height="5.389" transform="translate(224.448 31.795)" fill="#6c63ff"/><rect width="165.837" height="5.389" transform="translate(224.448 45.806)" fill="#6c63ff"/><path d="M205.309,265.054,473.85,284.641V355.15l-268.541-4.987Z" transform="translate(-205.309 -140.043)" fill="#d6d6e3"/><path d="M213.95,351.354l260.081,5.416V294.222L213.95,275.02Z" transform="translate(-209.721 -145.405)" fill="#fff"/><path d="M270.474,286.622a20.213,20.213,0,0,1,8.375,2.425,23.315,23.315,0,0,1,6.77,5.583,26.367,26.367,0,0,1,4.53,7.9,27.635,27.635,0,0,1,1.655,9.441,26.366,26.366,0,0,1-1.655,9.29,23.416,23.416,0,0,1-4.53,7.492,20.446,20.446,0,0,1-6.77,4.964,19,19,0,0,1-8.375,1.658A20.055,20.055,0,0,1,262,333.2a23.106,23.106,0,0,1-6.988-5.493,26.26,26.26,0,0,1-4.747-8.02A27.624,27.624,0,0,1,248.521,310a26.326,26.326,0,0,1,1.748-9.537,23.274,23.274,0,0,1,4.748-7.582,20.3,20.3,0,0,1,6.988-4.853A18.988,18.988,0,0,1,270.474,286.622Z" transform="translate(-206.219 -140.496)" fill="#d6d6e3"/><path d="M322.037,304.444l123.729,6.448v4.686l-123.729-6.012Z" transform="translate(-207.766 -140.872)" fill="#d6d6e3"/><path d="M322.037,318.051l123.729,5.311v4.686l-123.729-4.875Z" transform="translate(-207.766 -141.158)" fill="#d6d6e3"/><path d="M205.309,411.259l268.541-4.986v70.509L205.309,496.37Z" transform="translate(-205.309 -167.523)" fill="#d6d6e3"/><path d="M213.95,499.386l260.081-19.994V416.315l-260.081,5.22Z" transform="translate(-209.72 -173.96)" fill="#fff"/><path d="M248.539,451.19a27.588,27.588,0,0,1,2.138-9.613,25.941,25.941,0,0,1,5.058-7.774,22.713,22.713,0,0,1,7.186-5.135,19.816,19.816,0,0,1,8.528-1.743,19.033,19.033,0,0,1,8.28,2.085,20.737,20.737,0,0,1,6.549,5.308,23.808,23.808,0,0,1,4.218,7.725,26.636,26.636,0,0,1,1.281,9.379,27.6,27.6,0,0,1-2.024,9.367,26.065,26.065,0,0,1-4.836,7.687,22.925,22.925,0,0,1-6.978,5.247,19.959,19.959,0,0,1-8.454,2,19.006,19.006,0,0,1-8.394-1.842,20.584,20.584,0,0,1-6.77-5.217,23.675,23.675,0,0,1-4.427-7.836A26.6,26.6,0,0,1,248.539,451.19Z" transform="translate(-206.218 -167.957)" fill="#d6d6e3"/><path d="M322.037,439.972,445.765,435.1v4.686l-123.729,5.311Z" transform="translate(-207.766 -168.129)" fill="#d6d6e3"/><path d="M322.037,453.553l123.729-6.01v4.686l-123.729,6.448Z" transform="translate(-207.766 -168.391)" fill="#d6d6e3"/><path d="M958.151,754.5H612.6a.907.907,0,1,1,0-1.814H958.151a.907.907,0,1,1,0,1.814Z" transform="translate(-263.429 -157.02)" fill="#d6d6e3"/></g><path d="M27.691,83.028h-2.6A8.8,8.8,0,0,1,16.3,74.237V72.053c0-5.411,1.025-9.941,3.047-13.465a70.828,70.828,0,0,1,8.532-11.464,50.524,50.524,0,0,0,5.8-6.993,11.762,11.762,0,0,0,1.832-6.505c0-5.427-3.536-8.066-10.81-8.066a43.9,43.9,0,0,0-11.915,1.788A10.031,10.031,0,0,1,0,17.7V13.281A9.839,9.839,0,0,1,5.8,4.263,53.119,53.119,0,0,1,27.445.006a53.286,53.286,0,0,1,20.89,3.886A33.716,33.716,0,0,1,62.628,14.725a26.09,26.09,0,0,1,5.127,15.813A25.718,25.718,0,0,1,62.8,46.353,90.407,90.407,0,0,1,48.936,60.476a98.772,98.772,0,0,0-8.887,8.372,15.455,15.455,0,0,0-3.695,6.879,8.768,8.768,0,0,1-8.664,7.3Z" transform="translate(443.84 118.574) rotate(-14)" fill="#6c63ff"/><path d="M16.637,32.588h-.343A16.294,16.294,0,1,1,16.294,0h.343a16.294,16.294,0,0,1,0,32.588Z" transform="translate(475.366 205.306) rotate(-14)" fill="#6c63ff"/></g></svg>
\ No newline at end of file
diff --git a/frontend/public/system/options.svg b/frontend/public/system/options.svg
new file mode 100644
index 0000000..0f0832c
--- /dev/null
+++ b/frontend/public/system/options.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="744.79921" height="449.14098" viewBox="0 0 744.79921 449.14098" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><path d="M952.84016,674.57049c68.23434-120.69593-62.64082-182.50964-79.48628-55.05707-.85331-16.44794-1.757-33.16061-7.22088-48.69795-8.29741-32.23249-53.38462-55.58875-74.91959-22.961-11.38413,20.21687,3.71282,48.57678-9.37911,67.73424-8.25769-48.2147-78.26339-36.904-70.89191,11.4727,5.53385,23.24182,30.08972,36.76744,49.69088,47.28173Z" transform="translate(-227.60039 -225.42951)" fill="#f2f2f2"/><path d="M720.96979,597.8569c34.63662,11.23884,77.92186,30.17049,81.43333,71.55017.10081,1.64036,2.66806,1.65181,2.56656-.00053-.89755-14.61106-8.01809-27.98222-17.87815-38.55676-10.81047-11.59383-24.81936-19.51225-39.283-25.656C744.98184,604.5399,715.54582,590.61442,720.96979,597.8569Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M808.4778,537.334A233.05468,233.05468,0,0,1,841.218,670.24c-.09519,1.65007,2.47167,1.64459,2.56658,0a235.89158,235.89158,0,0,0-19.04295-106.84728c-1.63585-3.01175-14.83306-34.72773-16.26385-26.05873Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M934.0947,552.0766a374.88372,374.88372,0,0,0-30.95147,119.95646c-.14352,1.64514,2.42387,1.63551,2.56652,0a372.91417,372.91417,0,0,1,20.54019-93.5674c-.03047-3.36135,14.76269-30.64191,7.84476-26.389Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M636.80053,672.49459c19.53273-34.55037-17.93153-52.24513-22.75371-15.76062-.24426-4.70838-.503-9.49254-2.067-13.94025-2.37522-9.22686-15.28186-15.91281-21.44645-6.5728-3.25882,5.78727,1.06283,13.90557-2.68486,19.38957-2.36384-13.80192-22.40364-10.56413-20.29349,3.28417,1.58412,6.65319,8.61347,10.525,14.22449,13.53485Z" transform="translate(-227.60039 -225.42951)" fill="#f2f2f2"/><path d="M570.42542,650.53459c9.91506,3.21722,22.30588,8.63659,23.31107,20.48192.02886.46957.76376.47284.7347-.00016a18.06265,18.06265,0,0,0-5.11779-11.03724,32.36951,32.36951,0,0,0-11.24512-7.34427C577.2991,652.44766,568.87276,648.46136,570.42542,650.53459Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M595.47542,633.20932a66.714,66.714,0,0,1,9.37221,38.04561c-.02725.47235.70754.47078.7347,0a67.52614,67.52614,0,0,0-5.45122-30.586c-.46828-.86215-4.24611-9.94115-4.65569-7.45956Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M631.43446,637.42954a107.3139,107.3139,0,0,0-8.86015,34.33868c-.04109.47094.69385.46818.73469,0a106.75,106.75,0,0,1,5.87983-26.78456c-.00873-.96222,4.22595-8.77154,2.24563-7.55412Z" transform="translate(-227.60039 -225.42951)" fill="#fff"/><path d="M511.60039,244.42951h-283a1,1,0,0,1,0-2h283a1,1,0,0,1,0,2Z" transform="translate(-227.60039 -225.42951)" fill="#3f3d56"/><circle cx="225.79921" cy="17" r="17" fill="#6c63ff"/><path d="M511.60039,308.42951h-283a1,1,0,0,1,0-2h283a1,1,0,0,1,0,2Z" transform="translate(-227.60039 -225.42951)" fill="#3f3d56"/><circle cx="67.79921" cy="81" r="17" fill="#6c63ff"/><path d="M511.60039,372.42951h-283a1,1,0,0,1,0-2h283a1,1,0,0,1,0,2Z" transform="translate(-227.60039 -225.42951)" fill="#3f3d56"/><circle cx="134.79921" cy="145" r="17" fill="#6c63ff"/><path d="M641.16479,382.596a11.25852,11.25852,0,0,1,.93585,1.50549l52.70668,5.92648,7.66556-10.35685,17.14236,9.52578-15.08983,25.15734-64.57279-16.94663a11.225,11.225,0,1,1,1.21217-14.81161Z" transform="translate(-227.60039 -225.42951)" fill="#ffb8b8"/><path d="M715.86957,398.20665a4.82738,4.82738,0,0,1-1.174-.73259L693.5124,379.62942a4.81188,4.81188,0,0,1-.30946-7.07655l19.22261-19.302a4.78746,4.78746,0,0,1,6.2374-.4968l14.53685,10.55607a4.81475,4.81475,0,0,1,1.523,5.95108L722.147,395.85082a4.817,4.817,0,0,1-6.27739,2.35583Z" transform="translate(-227.60039 -225.42951)" fill="#6c63ff"/><polygon points="570.892 425.157 558.24 428.599 538.942 381.438 557.614 376.358 570.892 425.157" fill="#ffb8b8"/><path d="M776.71153,651.36427H803.0324a0,0,0,0,1,0,0v15.92117a0,0,0,0,1,0,0H761.82467a0,0,0,0,1,0,0v-1.03431A14.88686,14.88686,0,0,1,776.71153,651.36427Z" transform="matrix(0.96492, -0.26254, 0.26254, 0.96492, -373.25161, 3.11506)" fill="#2f2e41"/><polygon points="462.735 434.811 449.624 434.81 443.386 384.237 462.738 384.238 462.735 434.811" fill="#ffb8b8"/><path d="M439.22389,431.06387h26.32087a0,0,0,0,1,0,0V446.985a0,0,0,0,1,0,0H424.337a0,0,0,0,1,0,0v-1.03431A14.88686,14.88686,0,0,1,439.22389,431.06387Z" fill="#2f2e41"/><circle cx="710.08723" cy="300.06218" r="26.26745" transform="translate(-231.79666 364.56417) rotate(-45)" fill="#ffb8b8"/><path d="M689.53284,624.18191H671.61518a4.82663,4.82663,0,0,1-4.80794-4.516c-5.339-84.87512-2.216-145.758,9.82817-191.60036a5.00167,5.00167,0,0,1,.195-.59009l.95955-2.399a4.79,4.79,0,0,1,4.46878-3.02565H719.1043a4.80484,4.80484,0,0,1,3.65413,1.68045l5.00456,5.83931c.09765.11384.189.22977.277.352,22.56711,31.4702,42.79109,92.99542,66.21384,175.69189a4.79653,4.79653,0,0,1-3.164,5.89988l-19.25581,6.162a4.83851,4.83851,0,0,1-5.802-2.49405L716.06323,511.54217a3.74336,3.74336,0,0,0-7.08032,1.11856L694.3011,620.021A4.83105,4.83105,0,0,1,689.53284,624.18191Z" transform="translate(-227.60039 -225.42951)" fill="#2f2e41"/><path d="M725.7431,429.99768c-.0504,0-.10053-.001-.15118-.00209L680.836,428.5825a4.797,4.797,0,0,1-4.62936-4.22882c-5.6735-45.92485,9.8864-58.228,16.83957-61.38526a3.7,3.7,0,0,0,2.152-2.93375l.60158-4.8137a4.79509,4.79509,0,0,1,.95093-2.33739c10.90183-14.12253,25.78808-18.64483,33.6914-20.083a4.80525,4.80525,0,0,1,5.61606,4.11707l.90133,6.91191a3.80783,3.80783,0,0,0,.76294,1.80892c22.736,29.7229-2.593,73.60906-7.90149,82.1043h0A4.82165,4.82165,0,0,1,725.7431,429.99768Z" transform="translate(-227.60039 -225.42951)" fill="#6c63ff"/><path d="M721.56859,495.27364a11.48907,11.48907,0,0,0,1.50421-17.55277l8.31333-100.39328L706.634,380.7327l-.4709,97.5412a11.55133,11.55133,0,0,0,15.40546,16.99974Z" transform="translate(-227.60039 -225.42951)" fill="#ffb8b8"/><path d="M733.00358,391.78372a4.82707,4.82707,0,0,1-1.36948-.19844L705.06193,383.77a4.81187,4.81187,0,0,1-3.1301-6.35419l9.83365-25.40426a4.78747,4.78747,0,0,1,5.51057-2.964l17.55525,3.81628a4.81475,4.81475,0,0,1,3.78834,4.83562l-.81673,29.40226a4.817,4.817,0,0,1-4.79933,4.6821Z" transform="translate(-227.60039 -225.42951)" fill="#6c63ff"/><path d="M954.61614,674.42951h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z" transform="translate(-227.60039 -225.42951)" fill="#3f3d56"/><path d="M738.98819,283.72583a108.93259,108.93259,0,0,1-4.30468-18.14537c-.28712-3.58653.63165-7.44558,3.24355-9.92018,4.88807-4.6311,13.19293-2.42535,18.30474,1.95753,7.38773,6.33426,11.07227,16.06872,12.46474,25.7s.77981,19.42539,1.115,29.15108,1.72618,19.72593,6.68451,28.09949,14.15945,14.801,23.86479,14.08837a16.79538,16.79538,0,0,0,10.51373-4.4556,12.19082,12.19082,0,0,0,3.66134-10.586c4.96049,8.8824,2.44591,20.92093-4.9531,27.90363s-18.7801,8.95665-28.50716,5.97536S763.3429,363.03748,758.561,354.05766s-6.53421-19.35318-6.28026-29.52368c.195-7.81016,1.52262-15.68424.20281-23.38454s-6.139-15.51892-13.73829-17.33222Z" transform="translate(-227.60039 -225.42951)" fill="#2f2e41"/><path d="M704.8618,293.84966c-1.29565,4.32811-6.25148,6.997-10.70967,6.265s-8.1242-4.40348-9.47888-8.71348a17.93824,17.93824,0,0,1,1.40188-13.15052,20.4785,20.4785,0,0,1,11.71739-10.43688,16.814,16.814,0,0,1,15.28884,2.443,5.62277,5.62277,0,0,1,3.9293-4.10922,10.7448,10.7448,0,0,1,5.89659.087,24.29568,24.29568,0,0,1,13.52231,9.83738,39.53547,39.53547,0,0,1,6.12865,15.79793c1.50872,8.46858.95223,17.7224-3.804,24.88978s-14.48686,11.39952-22.38095,7.98245c-.49224-2.51642.67385-5.05027,2.02294-7.23079s2.948-4.3047,3.46623-6.8159-.4753-5.58288-2.90435-6.40411c-2.07226-.70061-4.28167.43447-6.46487.57154a7.08406,7.08406,0,0,1-6.79537-10.20743Z" transform="translate(-227.60039 -225.42951)" fill="#2f2e41"/></svg>
\ No newline at end of file
diff --git a/frontend/public/system/reminders.svg b/frontend/public/system/reminders.svg
new file mode 100644
index 0000000..fbcb5d1
--- /dev/null
+++ b/frontend/public/system/reminders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="571.971" viewBox="0 0 960 571.971" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><g transform="translate(-464.529 -201.957)"><g transform="matrix(0.97, 0.242, -0.242, 0.97, 570.488, 578.584)"><g transform="translate(0 0)"><path d="M31.521,87.243h-.143A3.4,3.4,0,0,1,28.6,85.137a49.475,49.475,0,0,0-8.215-11.867c-1.928-2.055-3.943-3.965-5.892-5.815C9.468,62.689,4.735,58.2,2.108,51.994-3.62,38.47,3.124,19.644,12.763,11.186,23.574,1.711,37.792.225,51.548.031Q53.689,0,55.839,0h0a310.293,310.293,0,0,1,73.893,9.011c8.105,1.995,16.589,4.437,23.408,10.366,6.779,5.893,10.9,15.175,10.495,23.645-.588,12.369-10.416,21.606-19.368,24.024-8.532,2.3-17.4.746-26.776-.9-2.072-.357-4.213-.74-6.331-1.07C88.141,61.527,44.9,72.458,43.07,72.925l-1.815.464L34.213,85.473a3.175,3.175,0,0,1-2.694,1.765Z" fill="#e6e6e6"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.4a2.117,2.117,0,0,1,0,4.234Z" transform="translate(34.618 27.058)" fill="#090814"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.411a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.62 40.052)" fill="#090814"/><path d="M13.456,4.234H2.117A2.117,2.117,0,1,1,2.117,0H13.456a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.614 53.041)" fill="#090814"/></g></g><g transform="translate(464.529 651.092) rotate(-15)"><g transform="translate(0 0)"><path d="M31.521,87.243h-.143A3.4,3.4,0,0,1,28.6,85.137a49.475,49.475,0,0,0-8.215-11.867c-1.928-2.055-3.943-3.965-5.892-5.815C9.468,62.689,4.735,58.2,2.108,51.994-3.62,38.47,3.124,19.644,12.763,11.186,23.574,1.711,37.792.225,51.548.031Q53.689,0,55.839,0h0a310.293,310.293,0,0,1,73.893,9.011c8.105,1.995,16.589,4.437,23.408,10.366,6.779,5.893,10.9,15.175,10.495,23.645-.588,12.369-10.416,21.606-19.368,24.024-8.532,2.3-17.4.746-26.776-.9-2.072-.357-4.213-.74-6.331-1.07C88.141,61.527,44.9,72.458,43.07,72.925l-1.815.464L34.213,85.473a3.175,3.175,0,0,1-2.694,1.765Z" fill="#d6d6e3"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.4a2.117,2.117,0,0,1,0,4.234Z" transform="translate(34.618 27.058)" fill="#090814"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.411a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.62 40.052)" fill="#090814"/><path d="M13.456,4.234H2.117A2.117,2.117,0,1,1,2.117,0H13.456a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.614 53.041)" fill="#090814"/></g></g><g transform="translate(529.426 693.038) rotate(-22)"><g transform="translate(0 0)"><path d="M31.521,87.243h-.143A3.4,3.4,0,0,1,28.6,85.137a49.475,49.475,0,0,0-8.215-11.867c-1.928-2.055-3.943-3.965-5.892-5.815C9.468,62.689,4.735,58.2,2.108,51.994-3.62,38.47,3.124,19.644,12.763,11.186,23.574,1.711,37.792.225,51.548.031Q53.689,0,55.839,0h0a310.293,310.293,0,0,1,73.893,9.011c8.105,1.995,16.589,4.437,23.408,10.366,6.779,5.893,10.9,15.175,10.495,23.645-.588,12.369-10.416,21.606-19.368,24.024-8.532,2.3-17.4.746-26.776-.9-2.072-.357-4.213-.74-6.331-1.07C88.141,61.527,44.9,72.458,43.07,72.925l-1.815.464L34.213,85.473a3.175,3.175,0,0,1-2.694,1.765Z" fill="#6c63ff"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.4a2.117,2.117,0,0,1,0,4.234Z" transform="translate(34.618 27.058)" fill="#fff"/><path d="M99.4,4.234H2.117A2.117,2.117,0,1,1,2.117,0H99.411a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.62 40.052)" fill="#fff"/><path d="M13.456,4.234H2.117A2.117,2.117,0,1,1,2.117,0H13.456a2.117,2.117,0,1,1,0,4.234Z" transform="translate(34.614 53.041)" fill="#fff"/></g></g><path d="M284.961,186.728l665.876,28.456s104.339,331.99,26.559,474.271L346.616,758.7S479.412,512.078,284.961,186.728Z" transform="translate(288.259 15.229)" fill="#e6e6e6"/><line y1="9.485" x2="561.537" transform="translate(674.714 347.084)" fill="none" stroke="#2f2e41" stroke-miterlimit="10" stroke-width="2"/><line y1="11.383" x2="567.228" transform="translate(689.891 388.819)" fill="none" stroke="#2f2e41" stroke-miterlimit="10" stroke-width="2"/><line x2="657.727" y2="23.129" transform="translate(586.704 225.324)" fill="none" stroke="#2f2e41" stroke-miterlimit="10" stroke-width="2"/><path d="M813.168,563.2c0,1.408-.009,2.815-.047,4.2v.009c-.057,3.438-.189,6.82-.406,10.183q-.34,5.413-.926,10.684c-3.826,34.356-15.369,64.291-31.569,84.752-9.182,11.609-19.866,20.177-31.494,24.787a55.214,55.214,0,0,1-11,3.108,52.082,52.082,0,0,1-8.851.756c-13.914,0-27.045-5.536-38.607-15.36-22.34-18.94-38.871-53.815-44-95.483v-.01c-.869-7.047-1.417-14.273-1.6-21.66q-.085-2.961-.085-5.97c0-76.486,37.738-138.492,84.289-138.492,11.024,0,21.556,3.476,31.21,9.805.283.179.567.368.841.567a82.162,82.162,0,0,1,14.5,12.639,106.362,106.362,0,0,1,7.784,9.588,126.789,126.789,0,0,1,8.426,13.433c2.116,3.873,4.109,7.954,5.942,12.214v.009q2.862,6.575,5.243,13.7v.009a202.182,202.182,0,0,1,9.314,44.785C812.819,548.539,813.168,555.8,813.168,563.2Z" transform="translate(268.346 2.051)" fill="#d6d6e3"/><path d="M339.245,198.084c.723,2.709-.145,5.852-1.933,7.017s-3.811-.084-4.531-2.782.138-5.835,1.92-7.008S338.522,195.375,339.245,198.084Z" transform="translate(285.625 15.722)" fill="#6c63ff"/><path d="M355.287,197.833c.723,2.709-.145,5.852-1.933,7.017s-3.811-.084-4.531-2.782.138-5.835,1.92-7.008S354.565,195.124,355.287,197.833Z" transform="translate(283.792 16.681)" fill="#6c63ff"/><path d="M323.2,198.335c.723,2.709-.145,5.852-1.933,7.017s-3.811-.084-4.531-2.783.138-5.835,1.92-7.008S322.48,195.626,323.2,198.335Z" transform="translate(286.514 14.764)" fill="#6c63ff"/><path d="M828.889,574.754s4.36,11.834,11.834,13.7,62.909,14.949,62.909,14.949,48.583,1.246,33.635,11.834-39.24,0-39.24,0-71.006-8.72-76.612-18.063a125.9,125.9,0,0,1-9.343-19.932Z" transform="translate(259.071 -6.258)" fill="#ed9da0"/><path d="M803.8,519.366s35.5,57.926,31.143,59.172-44.846,14.326-46.715,9.343-1.869-28.029-1.869-28.029Z" transform="translate(260.495 -3.191)" fill="#6c63ff"/><path d="M803.8,519.366s35.5,57.926,31.143,59.172-44.846,14.326-46.715,9.343-1.869-28.029-1.869-28.029Z" transform="translate(260.498 -3.191)" opacity="0.082"/><path d="M697.015,499.069l-52.7,73.273s-35.042,31.3-21.909,35.057,33.979-26.551,33.979-26.551l60.739-76.7Z" transform="translate(269.737 -2.067)" fill="#ed9da0"/><path d="M4.361,77.235.623,48.583a60.112,60.112,0,0,0,5.657-9.724A23.043,23.043,0,1,1,29.3,45.233c-4.085,6.482-13.458,22-12.48,26.4,0,0-1.247,3.737.622,6.228S18.687,95.3,18.687,95.3l-6.229,8.721Z" transform="translate(1043.737 427.729)" fill="#ed9da0"/><path d="M40.163,234.9c-13.915,0-27.045-5.536-38.607-15.359.161-36.482-.208-73.785-.208-73.785s-9.965-16.191,24.3-47.96c0,0,5.4-15.755,10.995-31.578h0A318.139,318.139,0,0,1,8.827,42.356C.107,33.635-.516,21.178,21.284,19.932S74.227,0,74.227,0l.008.005c.343,0,10.3.09,14.6,5.223A8.025,8.025,0,0,1,90.426,8.1c1.058,3.448,3.476,11.864,5.9,20.4C99.59,40,102.876,51.7,102.876,51.7l1.672-14.057s5.187,7.208,5.187,12.809c0,.3.009.643.018,1.031.275,6.715,2.381,25.183-9.985,36.971-4.308,4.1-7.47,7.123-9.794,9.428-4.724,4.667-5.989,6.34-6.406,8.011-.623,2.494-3.731,2.494-3.731,2.494L71.25,143c4.261,11.94,12.971,37.105,20.263,63.242-9.182,11.61-19.866,20.178-31.493,24.788a55.226,55.226,0,0,1-11,3.108,52.037,52.037,0,0,1-8.829.755Z" transform="translate(957.052 468.837)" fill="#6c63ff"/><path d="M785.68,683.674c-9.182,11.609-19.866,20.177-31.494,24.787a55.206,55.206,0,0,1-11,3.108c1.993-44.218,4.289-83.656,5.9-87.142,3.741-8.1,17.233-7.528,17.233-7.528s-1.644-.035,0,4.547C770.578,633.385,778.387,657.536,785.68,683.674Z" transform="translate(262.884 -8.591)" opacity="0.086"/><rect width="47.231" height="47.231" rx="6" transform="matrix(0.988, -0.156, 0.156, 0.988, 936.64, 271.617)" fill="#6c63ff"/><circle cx="13.938" cy="13.938" r="13.938" transform="translate(962.113 296.566)" fill="none" stroke="#3f3d56" stroke-miterlimit="10" stroke-width="2"/><g transform="translate(1013.026 413.46)"><path d="M341.316,333.241l-4.979-5.792c.414,30.5,10.321,53.057,10.321,53.057l-42.239-2.335-1.475-8.09-3.049,6.662-7.125-1.986-2.05-4.933-4.4,2.634,9.022-39.218c8.91-37.413,36.08-31.925,36.08-31.925,37.319-.177,31.351,26.133,31.351,26.133Z" transform="translate(-286.324 -301.034)" fill="#2f2e41"/></g><g transform="translate(1155.272 457.507)"><g transform="translate(0 0)"><path d="M560.908,321.223h-.235a5.593,5.593,0,0,1-4.569-3.465,81.4,81.4,0,0,0-13.515-19.524c-3.172-3.381-6.486-6.524-9.693-9.566-8.269-7.84-16.057-15.225-20.379-25.437-9.423-22.249,1.673-53.222,17.53-67.138,17.786-15.587,41.179-18.033,63.81-18.352q3.522-.051,7.06-.051h0a510.5,510.5,0,0,1,121.569,14.826c13.335,3.281,27.292,7.3,38.511,17.054,11.153,9.7,17.927,24.965,17.266,38.9C777.3,268.821,761.126,284.018,746.4,288c-14.037,3.784-28.619,1.227-44.053-1.483-3.408-.587-6.93-1.217-10.415-1.761-37.87-5.837-109.011,12.147-112.02,12.914l-2.986.763-11.586,19.882a5.224,5.224,0,0,1-4.432,2.9Z" transform="translate(-509.05 -177.69)" fill="#6c63ff"/><path d="M745.27,218.151H585.213a3.483,3.483,0,1,1,0-6.966H745.27a3.483,3.483,0,1,1,0,6.966Z" transform="translate(-524.777 -166.668)" fill="#fff"/><path d="M745.268,245.43H585.211a3.483,3.483,0,1,1,0-6.966H745.28a3.483,3.483,0,1,1,0,6.966Z" transform="translate(-524.771 -172.571)" fill="#fff"/><path d="M603.865,272.706H585.21a3.483,3.483,0,1,1,0-6.966h18.655a3.483,3.483,0,0,1,0,6.966Z" transform="translate(-524.779 -178.476)" fill="#fff"/></g></g><g transform="translate(1312.453 347.084)"><path d="M537.329,213.892a1.168,1.168,0,0,0-1.166,1.166v5.087a1.166,1.166,0,1,0,2.331,0v-5.087a1.168,1.168,0,0,0-1.166-1.166Z" transform="translate(-500.739 -213.892)" fill="#090814"/><path d="M632.513,243.7c-.328-.246-.664-.485-1-.719a1.165,1.165,0,0,0-1.039.507l-2.864,4.2a1.166,1.166,0,1,0,1.927,1.312l2.864-4.2A1.158,1.158,0,0,0,632.513,243.7Z" transform="translate(-572.643 -236.815)" fill="#090814"/><path d="M687,334.1a1.164,1.164,0,0,0-1.517-.64l-4.714,1.914a1.166,1.166,0,0,0,.878,2.16l4.714-1.914A1.168,1.168,0,0,0,687,334.1Z" transform="translate(-614.124 -308.051)" fill="#090814"/><path d="M435.4,247.693l-2.864-4.2a1.165,1.165,0,0,0-1.039-.507c-.337.233-.672.473-1,.719a1.158,1.158,0,0,0,.112,1.1l2.864,4.2a1.166,1.166,0,0,0,1.927-1.312Z" transform="translate(-417.402 -236.815)" fill="#090814"/><path d="M375.361,335.377l-4.714-1.914a1.166,1.166,0,1,0-.878,2.16l4.714,1.914a1.166,1.166,0,0,0,.878-2.16Z" transform="translate(-369.042 -308.05)" fill="#090814"/><path d="M537.329,540.892a1.168,1.168,0,0,0-1.166,1.166v5.087a1.166,1.166,0,1,0,2.331,0v-5.087a1.168,1.168,0,0,0-1.166-1.166Z" transform="translate(-500.739 -471.579)" fill="#090814"/><path d="M632.4,520.69l-2.864-4.2a1.166,1.166,0,1,0-1.927,1.312l2.864,4.2a1.165,1.165,0,0,0,1.039.507c.337-.233.672-.473,1-.719A1.159,1.159,0,0,0,632.4,520.69Z" transform="translate(-572.643 -451.945)" fill="#090814"/><path d="M686.361,438.376l-4.714-1.914a1.166,1.166,0,1,0-.878,2.16l4.714,1.914a1.166,1.166,0,1,0,.877-2.16Z" transform="translate(-614.12 -389.217)" fill="#090814"/><path d="M435.1,516.181a1.166,1.166,0,0,0-1.619.307l-2.864,4.2a1.158,1.158,0,0,0-.112,1.1c.328.246.663.486,1,.719a1.165,1.165,0,0,0,1.039-.507l2.864-4.2a1.165,1.165,0,0,0-.307-1.619Z" transform="translate(-417.402 -451.946)" fill="#090814"/><path d="M376,437.1a1.164,1.164,0,0,0-1.517-.64l-4.714,1.914a1.166,1.166,0,1,0,.878,2.16l4.714-1.914a1.168,1.168,0,0,0,.64-1.52Z" transform="translate(-369.045 -389.219)" fill="#090814"/><path d="M450.863,384.209a1.974,1.974,0,0,1-1.758,2.24l-18.234,2.8a2.137,2.137,0,0,1-2.478-1.589,1.971,1.971,0,0,1,1.758-2.24l18.234-2.8A2.14,2.14,0,0,1,450.863,384.209Z" transform="translate(-414.303 -344.418)" fill="#090814"/><path d="M551.9,405.883a1.009,1.009,0,0,1-1.644.008L533.974,385.75a1.712,1.712,0,0,1-.007-2.049,1.008,1.008,0,0,1,1.644-.008l16.282,20.141a1.714,1.714,0,0,1,.006,2.049Z" transform="translate(-498.743 -347.369)" fill="#090814"/><circle cx="4.271" cy="4.271" r="4.271" transform="translate(32.319 34.848)" fill="#6c63ff"/></g><g transform="translate(1328.038 610.83)"><path d="M528.509,646.021a20.9,20.9,0,1,1,20.9-20.9A20.9,20.9,0,0,1,528.509,646.021Zm0-40.718a19.819,19.819,0,1,0,19.819,19.819A19.819,19.819,0,0,0,528.509,605.3Z" transform="translate(-507.61 -604.224)" fill="#090814"/><path d="M538.327,643.731c-.043,0-.087,0-.13,0a2.663,2.663,0,0,1-1.974-1.025l-3.4-4.374a2.663,2.663,0,0,1,.467-3.738l.122-.1a2.663,2.663,0,0,1,3.739.467,1.943,1.943,0,0,0,2.942.143L547,627.812a2.667,2.667,0,0,1,3.766-.1l.113.108a2.663,2.663,0,0,1,.1,3.766L540.26,642.9A2.661,2.661,0,0,1,538.327,643.731Z" transform="translate(-521.087 -614.457)" fill="#6c63ff"/></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/visual/coffee.png b/frontend/public/visual/coffee.png
new file mode 100644
index 0000000..a96a9c0
Binary files /dev/null and b/frontend/public/visual/coffee.png differ
diff --git a/frontend/public/visual/default.png b/frontend/public/visual/default.png
new file mode 100644
index 0000000..a2eddea
Binary files /dev/null and b/frontend/public/visual/default.png differ
diff --git a/frontend/public/visual/eat.png b/frontend/public/visual/eat.png
new file mode 100644
index 0000000..e81d68d
Binary files /dev/null and b/frontend/public/visual/eat.png differ
diff --git a/frontend/public/visual/read.png b/frontend/public/visual/read.png
new file mode 100644
index 0000000..e130cd9
Binary files /dev/null and b/frontend/public/visual/read.png differ
diff --git a/frontend/public/visual/work.png b/frontend/public/visual/work.png
new file mode 100644
index 0000000..ea1bcd2
Binary files /dev/null and b/frontend/public/visual/work.png differ
diff --git a/frontend/public/vue.svg b/frontend/public/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/frontend/public/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/frontend/public/wails.png b/frontend/public/wails.png
new file mode 100644
index 0000000..8bdf424
Binary files /dev/null and b/frontend/public/wails.png differ
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
new file mode 100644
index 0000000..f511987
--- /dev/null
+++ b/frontend/src/App.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { onMounted} from 'vue'
+import { themeConfig } from './utils/ThemeManager' 
+const applyTheme = () => {
+  const userTheme = localStorage.getItem('theme')
+  const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+  const isDark = userTheme === 'dark' || (!userTheme && systemPrefersDark)
+  document.documentElement.classList.toggle('dark', isDark)
+}
+
+onMounted(() => {
+  applyTheme()
+  // 可监听系统主题变化自动更新（可选）
+  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+    applyTheme()
+  })
+})
+</script>
+
+<template>
+  <ConfigProvider :theme="themeConfig" >
+      <router-view />
+  </ConfigProvider>
+</template>
+
+<style scoped>
+html, body {
+  margin: 0;
+  overflow-x: hidden; /* 禁止横向滚动 */
+}
+/* 可选：全局背景适配 */
+body {
+  @apply bg-white dark:bg-gray-900 text-black dark:text-white;
+}
+.drag-region {
+  -webkit-app-region: drag;
+  --wails-draggable: drag;
+}
+</style>
diff --git a/frontend/src/components/About/Index.vue b/frontend/src/components/About/Index.vue
new file mode 100644
index 0000000..010839b
--- /dev/null
+++ b/frontend/src/components/About/Index.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="w-full h-full flex items-center justify-center ">
+    <!-- 中央轻卡片 -->
+    <div
+      class="
+        w-[420px]
+        rounded-2xl
+        bg-neutral-50 dark:bg-gray-800
+        px-8 py-10
+        text-center
+        shadow-sm
+        border border-neutral-100 dark:border-gray-700
+      "
+    >
+      <!-- 轻符号 / 视觉锚点 -->
+      <transition name="fade-up">
+        <div
+          v-if="show"
+          class="flex justify-center mb-4"
+        >
+          <img src="/system/about.svg" class="w-28 h-28" />
+        </div>
+      </transition>
+      <!-- 标题 -->
+      <transition name="fade-up">
+        <h1
+          v-if="show"
+          class="text-2xl font-semibold text-neutral-800 mb-1 dark:text-white"
+          style="transition-delay: 80ms"
+        >
+          cmbone
+        </h1>
+      </transition>
+      <!-- 副标题 -->
+      <transition name="fade-up">
+        <p
+          v-if="show"
+          class="text-sm text-neutral-500 mb-6 dark:text-neutral-300"
+          style="transition-delay: 120ms"
+        >
+          Wails3 · Desktop
+        </p>
+      </transition>
+      <!-- 主文案 -->
+      <transition name="fade-up">
+        <div
+          v-if="show"
+          class="text-sm text-neutral-700 leading-relaxed space-y-3 mb-6 dark:text-white"
+          style="transition-delay: 180ms"
+        >
+          <p></p>
+          <p></p>
+          <div class="h-2"></div>
+          <p>{{ $t('components.about.description_p1') }}</p>
+          <p>{{ $t('components.about.description_p2') }}</p>
+        </div>
+      </transition>
+      <!-- 分割线 -->
+      <transition name="fade-up">
+        <div
+          v-if="show"
+          class="flex justify-center mb-6"
+          style="transition-delay: 240ms"
+        >
+          <span class="w-12 h-px bg-neutral-200"></span>
+        </div>
+      </transition>
+      <!-- 底部信息 -->
+      <transition name="fade-up">
+        <div
+          v-if="show"
+          class="text-xs text-neutral-400 space-y-1 dark:text-white"
+          style="transition-delay: 300ms"
+        >
+          <p>Designed & Built by {{ $t('components.about.author') }}</p>
+          <p>© 2026 cmbone</p>
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+const show = ref(false)
+onMounted(() => {
+  // 延迟出现，避免“页面一闪全出”
+  setTimeout(() => {
+    show.value = true
+  }, 80)
+})
+</script>
+
+<style scoped>
+.fade-up-enter-from {
+  opacity: 0;
+  transform: translateY(6px);
+}
+
+.fade-up-enter-to {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.fade-up-enter-active {
+  transition: all 0.4s ease;
+}
+</style>
diff --git a/frontend/src/components/Dashboard/Index.vue b/frontend/src/components/Dashboard/Index.vue
new file mode 100644
index 0000000..0d2ac5c
--- /dev/null
+++ b/frontend/src/components/Dashboard/Index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="  text-slate-800 font-sans  dark:text-white">
+    <div class="max-w-4xl mx-auto pl-6 pr-6">
+      <header class="flex items-center justify-between mb-6">
+        <div class="relative w-2/3">
+          <span class="absolute inset-y-0 left-0 pl-3 flex items-center text-slate-400">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+            </svg>
+          </span>
+          <input 
+            type="text" 
+            placeholder="Search reminders..." 
+            class="w-full dark:bg-gray-800 pl-10 pr-4 py-2 bg-slate-100 border-none rounded-xl focus:ring-2 focus:ring-indigo-500 transition-all outline-none text-sm"
+          />
+        </div>
+        <div class="flex items-center gap-3">
+          <button @click="showMsgModal"  class="relative  text-slate-600 w-[40px]">
+            <div class="absolute mr-2 top-2 right-2 w-2 h-2 bg-red-500 rounded-full border-2 border-white dark:border-gray-200"></div>
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 dark:text-gray-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+            </svg>
+          </button>
+          <button @click="OpenSecondWindow" class="w-[110px] bg-indigo-600 hover:bg-indigo-700 text-white text-sm px-3 py-2 rounded-xl flex items-center gap-2 font-medium transition-colors shadow-sm">
+            <span class="text-xl pb-1">+</span> {{ $t('components.dashboard.buttons.newtask') }}
+          </button>
+        </div>
+      </header>
+
+      <section class="mb-4  dark:text-white ">  
+        <span class="text-xl font-bold text-slate-900 text-left dark:text-white">{{ greetingMessage }}, {{ profile.name }}</span>
+        <p class="text-slate-500 mt-1 text-left dark:text-slate-300" v-if="today_pending>0">You have <span class="font-semibold text-slate-600 dark:text-slate-100" v-text="today_pending"></span> tasks to complete today.</p>
+      </section>
+
+      <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-10">
+        <div v-for="stat in stats" :key="stat.label" class="dark:bg-gray-800 dark:text-white  bg-white pt-2 pr-4 pl-4  rounded-3xl shadow-sm 0">
+          <div class="flex justify-between  mb-2">
+            <div :class="`p-1 rounded-xl  ${stat.iconBg} `">
+              <component :is="stat.icon" class="w-6 h-6 flex items-center justify-center " :class="stat.iconColor" />
+            </div>
+            <span :class="tagStyles(stat.tagType)">{{ stat.tag }}</span>
+          </div>
+          <p class="text-slate-500 text-sm font-medium text-left dark:text-white">{{ stat.label }}</p>
+          <h2 class="text-2xl font-bold mt-1 text-slate-800 dark:text-white">{{ stat.value }}</h2>
+        </div>
+      </section>
+
+      <section class="mb-4 flex items-center justify-between">
+        <span class="text-base font-bold text-slate-800 dark:text-white">{{ $t('components.dashboard.title.upcoming_task') }}</span>
+        <div class="flex bg-slate-200/60 p-1 rounded-lg text-sm dark:bg-gray-800">
+          <button class="px-4 py-1 rounded-md bg-white shadow-sm font-medium dark:text-white dark:bg-gray-900">{{ $t('components.dashboard.buttons.upcoming_all') }}</button>
+          <button class="px-4 py-1 w-[66px] rounded-md text-slate-500 hover:text-slate-700 dark:text-slate-300">{{ $t('components.dashboard.buttons.upcoming_priority') }}</button>
+        </div>
+      </section>
+
+      <div class="space-y-1 ">
+        <div v-if="tasks.length === 0" class="text-center py-10">
+          <img src="/system/empty.svg" class=" mx-auto mt-1 w-32 "  />
+          <span class="text-sm">{{ $t('components.dashboard.label.no_tasks') }}</span>
+        </div>
+        <div v-else v-for="task in tasks" :key="task.id" 
+             class="dark:bg-gray-800 dark:text-white dark:border-slate-500 group flex items-center bg-white p-2 rounded-3xl border border-slate-100 hover:shadow-md transition-shadow cursor-pointer">
+          <div class="w-6 h-6 rounded-full border-2 border-slate-200 mr-4 flex items-center justify-center group-hover:border-indigo-400 transition-colors">
+            <div v-if="task.isCompleted" class="w-4 h-4 bg-indigo-500 rounded-full"></div>
+          </div> 
+          <div class="flex-1 pl-3">
+            <span class="text-slate-800 text-left text-sm dark:text-white line-clamp-1">{{ task.title }}</span>
+            <div class="flex items-center gap-4 ">
+              <span class="flex items-center text-xs text-slate-400 font-medium">
+                <svg v-if="task.time.includes(':')" xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+                <svg v-else xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+                
+                {{task.time}}
+              </span>
+              
+              <span v-if="task.priority" class="flex items-center text-xs text-orange-500 font-bold uppercase tracking-wider">
+                <span class="mr-1">🚩</span> {{ task.priority }}
+              </span>
+
+              <span  :class="categoryStyles(task.category)">
+                {{ task.category }}
+              </span>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+  <a-modal v-model:open="openmessage" title="" width="400px" :closable="false" :footer="null">
+   <div class="bg-white h-[360px]  pl-1 pr-1 pb-4 pt-1 ">  
+      <Notifications :handle-cancel="openmessage" @notification-change="handleOk" /> 
+  </div>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref ,computed} from 'vue'
+import { ProfileOutlined,FileDoneOutlined ,ExceptionOutlined  } from '@ant-design/icons-vue'
+import  Notifications from '../Setting/Notifications.vue'
+import { OpenSecondWindow } from '../../../bindings/cmbone/internal/services/appservice'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+const today_pending = ref(0)
+const profile = ref({
+  name: 'Jin Gong',
+  avatar: 'https://i.pravatar.cc/150?img=3'
+})
+const openmessage = ref<boolean>(false);
+const stats = ref([
+  { label: t('components.dashboard.label.total_tasks'), value: 520, tag: '+12%', tagType: 'percentage', icon: ProfileOutlined, iconBg: 'bg-indigo-100', iconColor: 'text-indigo-600' },
+  { label: t('components.dashboard.label.pending_tasks'), value: 13, tag: 'Urgent', tagType: 'status', icon: ExceptionOutlined, iconBg: 'bg-orange-100', iconColor: 'text-orange-600' },
+  { label: t('components.dashboard.label.completed_tasks'), value: 14, tag: 'Daily', tagType: 'default', icon: FileDoneOutlined, iconBg: 'bg-emerald-100', iconColor: 'text-emerald-600' },
+])
+interface Task {
+  id: number
+  title: string
+  time: string
+  category: string
+  priority?: string
+  isCompleted: boolean
+}
+const tasks = ref<Task[]>([])
+tasks.value = [
+    // { id: 1, title: 'Quarterly Budget Review', time: '10:30 AM', category: 'WORK', priority: 'High Priority', isCompleted: true },
+    // { id: 2, title: 'Buy Weekly Groceries', time: '05:00 PM', category: 'PERSONAL', isCompleted: false },
+    // { id: 3, title: 'Client Presentation Design', time: 'Tomorrow', category: 'WORK', isCompleted: false },
+    // { id: 4, title: 'Book Gym Slot', time: '08:00 AM', category: 'PERSONAL', isCompleted: false }, 
+  ]
+const showMsgModal = () => {
+  openmessage.value = true;
+};
+const handleOk = () => {
+  openmessage.value = false;
+};
+const tagStyles = (type: string) => {
+  const base = "text-[10px] px-2 my-1 rounded-lg font-bold "
+  if (type === 'percentage') return base + "bg-emerald-50 text-emerald-500"
+  if (type === 'status') return base + "bg-orange-50 text-orange-500"
+  return base + "bg-slate-100 text-slate-400"
+}
+
+const categoryStyles = (cat: string) => {
+  const base = "text-[8px] px-2 rounded-md font-bold "
+  return cat === 'WORK' 
+    ? base + "bg-blue-100 text-blue-500" 
+    : base + "bg-emerald-100 text-emerald-500"
+}
+onMounted(async () => {
+})
+ 
+const now = ref(new Date())
+
+// 计算问候语
+const greetingMessage = computed(() => {
+  const hour = now.value.getHours()
+  if (hour >= 5 && hour < 12) return 'Good Morning'
+  if (hour >= 12 && hour < 18) return 'Good Afternoon'
+  if (hour >= 18 && hour < 22) return 'Good Evening'
+  return 'Good Night'
+})
+
+</script>
+
+<style scoped>
+/* 可以在此添加特定字体，如 Inter 或 Plus Jakarta Sans */
+</style>
diff --git a/frontend/src/components/General/Index.vue b/frontend/src/components/General/Index.vue
new file mode 100644
index 0000000..ad84c22
--- /dev/null
+++ b/frontend/src/components/General/Index.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { ref,h } from 'vue'
+import ListItem from '../Setting/ListRow.vue' 
+import LanguageSwitcher from '../Setting/LanguageSwitcher.vue'
+import ThemeSetting from '../Setting/ThemeSetting.vue'
+import Shortcut from '../Shortcut/Index.vue'
+
+const modelValue = ref(false)
+</script>
+
+<template > 
+<div >
+  <section > 
+    <!-- 外观设置 -->
+        <h2 class="text-lg font-bold text-gray-800 dark:text-white"  >{{ $t('components.general.title.exterior') }}</h2>
+      <div class="bg-white rounded-lg shadow divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
+         <ListItem :label="$t('components.general.label.language')" subLabel="">
+            <LanguageSwitcher />
+          </ListItem>
+          <ListItem :label="$t('components.general.label.theme')" subLabel="">
+            <ThemeSetting />
+          </ListItem>
+      </div>
+      <!-- 快捷键设置 -->
+      <Shortcut />
+
+        <!-- 应用设置 -->
+    <h2 class="text-lg font-bold text-gray-800 dark:text-white" >{{ $t('components.general.title.application') }}</h2>
+      <div class="bg-white rounded-lg shadow divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
+          <ListItem :label="$t('components.general.label.startup')" subLabel="">
+            <input type="checkbox" class="sr-only peer" v-model="modelValue" />
+            <div
+              class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer dark:bg-gray-300 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500 relative"
+            ></div>
+          </ListItem>
+      </div>
+<!-- 应用更新 -->
+     <h2 class="text-lg font-bold text-gray-800 dark:text-white" >{{ $t('components.general.title.update') }}</h2>
+      <div class="mt-4 bg-white rounded-lg shadow divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
+         <ListItem :label="$t('components.general.label.automatic_up')" subLabel="">
+            <input type="checkbox" class="sr-only peer" v-model="modelValue" />
+            <div
+              class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer dark:bg-gray-300 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500 relative"
+            ></div>
+          </ListItem>
+          <ListItem :label="$t('components.general.label.next_up')" subLabel="">
+            <input type="checkbox" class="sr-only peer" v-model="modelValue" />
+            <div
+              class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer dark:bg-gray-300 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500 relative"
+            ></div>
+          </ListItem>
+      </div> 
+
+
+  </section>
+  </div>
+</template>
+<style scoped>
+ h2{
+    text-align: left;
+    margin:15px 15px 4px 15px;
+    font-size:15px;
+ }
+ .rg_desc{
+    text-align: left;
+    margin:4px 0px 4px 8px;
+    font-size:13px;
+    color:#999;
+ }
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/Main/Index.vue b/frontend/src/components/Main/Index.vue
new file mode 100644
index 0000000..3af5efc
--- /dev/null
+++ b/frontend/src/components/Main/Index.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="flex h-screen  font-sans text-slate-900">
+    <!-- 左侧请求栏 -->
+    <aside
+      class="w-44 border-r border-slate-200  bg-white flex flex-col dark:bg-gray-800 dark:text-white dark:border-slate-600"
+      :class="ismacos ? 'pt-10 ' : 'pt-8'">
+      <nav class="flex-1  px-4 space-y-1 dark:bg-gray-800">
+        <div v-for="(item, index) in requests" :key="index" @click="handleMenu(item)"
+          :class="[' flex items-center gap-3 px-3 py-2  text-indigo-700 cursor-pointer rounded-xl font-medium dark:text-white', selected === item.id ? 'bg-indigo-50 dark:bg-slate-500' : ' hover:bg-slate-50 text-slate-500 dark:hover:bg-slate-700']">
+          <component :is="item.icon" />
+          {{ item.label }}
+        </div>
+      </nav>
+      <div class="pl-4 pr-4 pt-2 pb-2 border-t border-slate-100 flex items-center gap-3 dark:border-slate-600 ">
+        <img src="https://api.dicebear.com/7.x/avataaars/svg?seed=JinGong8"
+          class="w-10 h-10 rounded-full bg-slate-200" />
+        <div class="text-sm">
+          <p class="font-bold mb-0">Jin Gong</p>
+          <p class="text-slate-500 text-xs mb-0">Pro Plan</p>
+        </div>
+      </div>
+    </aside>
+    <!-- 右侧整体 -->
+    <div class="flex-1 flex flex-col bg-gray-50 dark:bg-gray-950">
+      <div v-if="iswindows" class="titlebar drag-region pt-4 px-4 mb-2  text-white flex items-center justify-between">
+        <div class="drag-area">
+        </div>
+        <div class="window-controls">
+          <button @click="Window.Minimise()" >
+            <LineOutlined class="text-gray-400 hover:text-gray-600 dark:text-gray-300 dark:hover:text-gray-100" />
+          </button>
+          <button  @click="toggleMaximize()">
+            <BorderOutlined v-if="!isMaximized"  class="text-gray-400 hover:text-gray-600 dark:text-gray-300 dark:hover:text-gray-100" />
+            <SwitcherOutlined v-else   class="text-gray-400 hover:text-gray-600 dark:text-gray-300 dark:hover:text-gray-100" />
+          </button> 
+          <button @click="Window.Hide()" >
+            <CloseOutlined class="text-gray-400 hover:text-gray-600 dark:text-gray-300 dark:hover:text-gray-100" />
+          </button>
+        </div>
+      </div>
+      <!-- 主内容 -->
+      <main class="flex-1  overflow-y-auto max-h-screen scroll-container  scrollbar-thin" :class="iswindows ? 'px-4 pt-px pb-4' : 'p-4'">
+        <component :is="getComponent" />
+      </main>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch, nextTick, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { SettingOutlined, BulbOutlined, ScheduleOutlined, DashboardOutlined, TagsOutlined } from '@ant-design/icons-vue';
+import { OpenSecondWindow } from '../../../bindings/cmbone/internal/services/appservice'
+import { getOS, OS_READY } from '../../utils/osinfo'
+import { CloseOutlined, LineOutlined, BorderOutlined, SwitcherOutlined } from '@ant-design/icons-vue'
+
+const ismacos = ref(false)
+const iswindows= ref(false)
+const { t } = useI18n()
+const isMaximized = ref(false)
+//菜单结构
+type MenuItem =
+  | {
+    id: string
+    label: string
+    icon: any
+    type: 'component'
+  }
+  | {
+    id: string
+    label: string
+    icon: any
+    type: 'window'
+    action: () => void
+  }
+
+const requests = computed<MenuItem[]>(() => [
+  { id: 'dashboard', label: t('menus.dashboard'), icon: DashboardOutlined, type: 'component' },
+  { id: 'light-tip', label: t('menus.second'), icon: ScheduleOutlined, type: 'window', action: OpenSecondWindow },
+  {id:'tags',label:t('menus.tags'),icon:TagsOutlined,type: 'component'}, 
+  { id: 'setting', label: t('menus.setting'), icon: SettingOutlined, type: 'component' },
+  { id: 'about', label: t('menus.about'), icon: BulbOutlined, type: 'component' },
+])
+const selected = ref('dashboard')
+import Dashboard from '../Dashboard/Index.vue'
+import Tags from '../Tags/Index.vue'
+import Setting from '../General/Index.vue'
+import About from '../About/Index.vue'
+import { Window } from '@wailsio/runtime';
+
+
+const components = {
+  dashboard: Dashboard,
+  tags: Tags,
+  setting: Setting,
+  about: About
+}
+
+const getComponent = computed(() => components[selected.value])
+function handleMenu(item: MenuItem) {
+  if (item.type === 'component') {
+    selected.value = item.id
+  }
+  if (item.type === 'window') {
+    item.action()
+  }
+}
+
+// 菜单变化时滚动到顶部
+watch(selected, () => {
+  nextTick(() => {
+    const el = document.querySelector('.scroll-container')
+    if (el) el.scrollTop = 0
+  })
+})
+
+onMounted(async () => {
+  await OS_READY
+  const osname = getOS() //判断是否为macos 
+  if (osname === 'darwin') {
+    ismacos.value = true;
+  }else if (osname === 'windows') {
+    iswindows.value = true;
+    isMaximized.value = await Window.IsMaximised()
+  }else{ 
+  }
+})
+async function toggleMaximize() {
+  isMaximized.value = !isMaximized.value
+  await Window.ToggleMaximise()
+}
+</script>
+
+<style scoped>
+html,
+body {
+  margin: 0;
+  overflow-x: hidden;
+  /* 禁止横向滚动 */
+  overflow-y: hidden;
+}
+
+.drag-region {
+  -webkit-app-region: drag;
+  --wails-draggable: drag;
+}
+
+.titlebar {
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  user-select: none;
+}
+
+.drag-area {
+  flex: 1;
+  padding-left: 12px;
+  /* 👇 关键：允许拖动窗口 */
+  -webkit-app-region: drag;
+  --wails-draggable: drag;
+}
+
+.window-controls {
+  display: flex;
+   /* 👇 按钮不能拖动 */
+  -webkit-app-region: no-drag;
+  --wails-draggable: no-drag;
+}
+
+.window-controls button {
+  margin-right: 8px;
+  width: 20px;
+  height: 20px;
+  font-size: 13px;
+  border: none;
+  background: transparent;
+  color: white;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+ 
+}
+
+/* 全局样式（可放在 main.css 或 tailwind.css） */
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1;
+  border-radius: 4px;
+}
+
+.dark .scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #555;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+</style>
diff --git a/frontend/src/components/Setting/LanguageSwitcher.vue b/frontend/src/components/Setting/LanguageSwitcher.vue
new file mode 100644
index 0000000..cc1f823
--- /dev/null
+++ b/frontend/src/components/Setting/LanguageSwitcher.vue
@@ -0,0 +1,30 @@
+<template>
+  <div >
+    <a-select  class="dark:text-white"
+              ref="select"
+              v-model:value="locale"
+              style="width: 100px"
+            >
+              <a-select-option value="zh" >简体中文</a-select-option>
+              <a-select-option value="en">English</a-select-option>
+              <a-select-option value="zh-HK">繁體中文</a-select-option>
+            </a-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { i18n, setupI18n } from '../../utils/i18n'
+import { Locale } from '../../locales'
+import { SetLanguage } from '../../../bindings/cmbone/internal/services/appservice'
+const locale = computed({
+  get: () => i18n.global.locale.value,
+  set: (val) => {
+    switchLang(val as Locale)
+  }
+})
+const switchLang =async  (lang: Locale) => {
+  await setupI18n(lang) // 切换语言并更新 i18n 实例
+  await SetLanguage(lang)// 更新配置项中的语言设置 and 更新菜单语言
+};
+</script>
diff --git a/frontend/src/components/Setting/ListRow.vue b/frontend/src/components/Setting/ListRow.vue
new file mode 100644
index 0000000..d4ecea3
--- /dev/null
+++ b/frontend/src/components/Setting/ListRow.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+defineProps<{
+   label: string
+   subLabel?: string
+ }>()
+</script>
+
+<template> 
+   <div class="flex items-center justify-between px-4 py-3 ">
+      <div style="text-align: left;">
+        <div class="text-sm text-gray-900 font-medium dark:text-white">{{ label }}</div>
+        <div v-if="subLabel" class="text-xs text-gray-500 mt-1">{{ subLabel }}</div>
+      </div>
+      <label class="inline-flex items-center cursor-pointer">
+        <slot />
+      </label>
+    </div> 
+</template>
diff --git a/frontend/src/components/Setting/Notifications.vue b/frontend/src/components/Setting/Notifications.vue
new file mode 100644
index 0000000..df55e85
--- /dev/null
+++ b/frontend/src/components/Setting/Notifications.vue
@@ -0,0 +1,231 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { message } from 'ant-design-vue';
+import { CloseOutlined, DeleteOutlined, SyncOutlined } from '@ant-design/icons-vue'
+const props = defineProps<{
+  handleCancel: boolean,
+}>()
+const emit = defineEmits<{
+  (e: 'notification-change', value: true | false): void
+}>()
+function onCloseChange() {
+  emit('notification-change', false)
+}
+interface Activity {
+  id: number
+  title: string
+  content?: string
+  type: string
+  created_at: number
+}
+
+const activities_data = ref<Activity[]>([
+  {
+    id: 1,
+    title: 'System Update',
+    content: 'Your system was updated successfully.',
+    type: 'system',
+    created_at: Math.floor(Date.now() / 1000) - 300
+  },
+  {
+    id: 2,
+    title: 'Auto-complete Task',
+    content: 'Task "Write report" was auto-completed.',
+    type: 'auto_complete',
+    created_at: Math.floor(Date.now() / 1000) - 7200
+  },
+  {
+    id: 3,
+    title: 'Alert: High CPU Usage',
+    content: 'Your CPU usage has been above 90% for the last hour.',
+    type: 'alert',
+    created_at: Math.floor(Date.now() / 1000) - 90000
+  },
+  {
+    id: 4,
+    title: 'New Message',
+    content: 'You have received a new message from John.',
+    type: 'message',
+    created_at: Math.floor(Date.now() / 1000) - 120
+  },
+  {
+    id: 5,
+    title: 'Backup Completed',
+    content: 'Your files were backed up successfully.',
+    type: 'backup',
+    created_at: Math.floor(Date.now() / 1000) - 3600
+  },
+  {
+    id: 6,
+    title: 'Friend Request',
+    content: 'Alice has sent you a friend request.',
+    type: 'social',
+    created_at: Math.floor(Date.now() / 1000) - 18000
+  }
+])
+const activities = ref<Activity[]>([])
+// 时间格式
+function formatTime(ts: number) {
+  const now = Date.now() / 1000
+  const diff = now - ts
+  if (diff < 60) return 'just now'
+  if (diff < 3600) return Math.floor(diff / 60) + ' mins ago'
+  if (diff < 86400) return Math.floor(diff / 3600) + ' hours ago'
+  return 'yesterday'
+}
+
+// 类型样式
+function getTypeStyle(type: string) {
+  switch (type) {
+    case 'system':
+      return {
+        icon: 'i-carbon-information',
+        bg: 'bg-indigo-100',
+        iconColor: 'text-indigo-600'
+      }
+    case 'auto_complete':
+      return {
+        icon: 'i-carbon-checkmark-filled',
+        bg: 'bg-green-100',
+        iconColor: 'text-green-600'
+      }
+    case 'complete':
+      return {
+        icon: 'i-carbon-checkmark-filled',
+        bg: 'bg-green-200',
+        iconColor: 'text-green-800'
+      }
+    case 'alert':
+      return {
+        icon: 'i-carbon-warning-filled',
+        bg: 'bg-orange-100',
+        iconColor: 'text-orange-600'
+      }
+    case 'create':
+      return {
+        icon: 'i-carbon-add-filled',
+        bg: 'bg-blue-100',
+        iconColor: 'text-blue-600'
+      }
+    default:
+      return {
+        icon: 'i-carbon-dot-mark',
+        bg: 'bg-gray-100',
+        iconColor: 'text-gray-500'
+      }
+  }
+}  
+onMounted(async () => {
+  await onloadActivities()
+})
+const onloadActivities = async () => {
+  try {
+    activities.value = activities_data.value
+  } catch (error) {
+    console.error('Failed to load activities:', error)
+  }
+}
+const clearActivities = async () => {
+  try {
+    activities.value = []
+  } catch (error) {
+    console.error('Failed to clear activities:', error)
+  }
+}
+const clearActivity = async (id: number) => {
+  try {
+    activities.value = activities.value.filter(item => item.id !== id)
+    message.success('Deleted successfully.')
+  } catch (error) {
+    console.error('Failed to clear activity:', error)
+  }
+}
+</script>
+
+<template>
+  <div class="flex items-center justify-between mb-4 mt-[-4px]">
+    <div class="text-sm font-semibold flex items-center gap-2 text-slate-800 dark:text-white">
+      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 dark:text-gray-200" fill="none" viewBox="0 0 24 24"
+        stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+          d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+      </svg>
+      Notifications
+    </div>
+    <div class=" cursor-pointer text-items-center text-sm flex gap-4">
+      <DeleteOutlined @click="clearActivities" class="text-red-400 hover:text-red-600" />
+      <SyncOutlined @click="onloadActivities" class="text-yellow-400 hover:text-yellow-600" />
+      <CloseOutlined @click="onCloseChange" class="text-gray-400 hover:text-gray-600" />
+    </div>
+  </div>
+
+  <div class="bg-white h-[320px] ">
+    <!-- 空状态 -->
+    <div v-if="activities.length === 0" class="text-center text-gray-400 text-sm py-6">
+      <img src="/system/reminders.svg" alt="No activity" class="w-28 h-28 mx-auto mb-2" />
+      No activity yet
+    </div>
+    <div v-else class="space-y-1 overflow-y-auto h-full scrollbar-thin pr-2 ">
+      <div v-for="item in activities" :key="item.id" class="flex gap-2 group"> 
+        <div class="flex-1 p-1 rounded-xl transition-all duration-200
+                 hover:bg-gray-50 ">
+          <div class="flex items-start justify-between gap-3">
+            <div class="flex items-start gap-3"> 
+              <div class="w-9 h-9 rounded-xl flex items-center justify-center" :class="getTypeStyle(item.type).bg">
+                <i :class="[
+                  getTypeStyle(item.type).icon,
+                  getTypeStyle(item.type).iconColor,
+                  'text-lg'
+                ]" />
+              </div>
+            </div> 
+            <div class="flex-1  sm:w-auto">
+              <div class="flex items-start justify-between gap-2 ">
+                <!-- 标题 -->
+                <div class="text-xs  font-medium text-gray-800   break-words line-clamp-1">
+                  {{ item.title }}
+                </div>
+                <!-- 时间 -->
+                <div class="text-xs text-gray-400 whitespace-nowrap shrink-0  ">
+                  {{ formatTime(item.created_at) }} 
+                    <CloseOutlined @click="clearActivity(item.id)"
+                      class="text-red-400 hover:text-red-600 pl-1  group-hover:opacity-100 transition-opacity cursor-pointer" />
+                </div>
+              </div>
+              <div v-if="item.content" class="text-xs text-gray-500 mt-1">
+                {{ item.content }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="w-[60%]  items-center justify-center  mx-auto  ">
+        <a-divider dashed plain>END</a-divider>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+/* 全局样式（可放在 main.css 或 tailwind.css） */
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1;
+  border-radius: 4px;
+}
+
+.dark .scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #555;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.ant-popover {
+  font-size: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/Setting/ShortcutInput.vue b/frontend/src/components/Setting/ShortcutInput.vue
new file mode 100644
index 0000000..8f5f538
--- /dev/null
+++ b/frontend/src/components/Setting/ShortcutInput.vue
@@ -0,0 +1,166 @@
+<script setup lang="ts">
+import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
+
+const props = defineProps<{ modelValue: string }>();
+const emit = defineEmits(['update:modelValue']);
+
+const modifierKeys = ['Shift', 'Control', 'Alt', 'Meta'] as const;
+const modifierSymbols: Record<string, string> = {
+  Shift: '⇧',
+  Control: '⌃',
+  Alt: '⌥',
+  Meta: '⌘',
+};
+
+// 用于规范化外部传入的别名，比如 Cmd => Meta
+const normalizeModifier = (key: string): string => {
+  switch (key.toUpperCase()) {
+    case 'CMD':
+    case 'COMMAND':
+      return 'Meta';
+    case 'CTRL':
+      return 'Control';
+    case 'OPTION':
+      return 'Alt';
+    default:
+      return key;
+  }
+};
+
+const pressedModifiers = ref<Set<string>>(new Set());
+const finalModifiers = ref<Set<string>>(new Set());
+const mainKey = ref<string | null>(null);
+
+const isRecording = ref(false);
+const isFinalized = ref(false);
+
+const display = computed(() => {
+  const activeSet = isFinalized.value ? finalModifiers.value : pressedModifiers.value;
+
+  const modifiers = modifierKeys
+    .map(key => {
+      const isActive = activeSet.has(key);
+      const color = isActive ? '#1890ff' : '#999';
+      return `<span style=\"color: ${color}; font-weight: bold;\">${modifierSymbols[key]}</span>`;
+    })
+    .join('');
+
+  const keyColor = isFinalized.value && mainKey.value ? '#1890ff' : '#000';
+  const keyPart = mainKey.value
+    ? `<span style=\"margin-left: 6px; color: ${keyColor}; font-weight: bold;\">${mainKey.value.toUpperCase()}</span>`
+    : '';
+
+  return modifiers + keyPart;
+});
+
+const shortcutString = computed(() => {
+  if (!isFinalized.value || !mainKey.value || finalModifiers.value.size === 0) {
+    return '';
+  }
+  return [...finalModifiers.value].join('+') + '+' + mainKey.value.toUpperCase();
+});
+
+watch(shortcutString, (val) => {
+  emit('update:modelValue', val);
+});
+
+const startRecording = () => {
+  isRecording.value = true;
+  isFinalized.value = false;
+  mainKey.value = null;
+  pressedModifiers.value.clear();
+  finalModifiers.value.clear();
+};
+
+const finalize = () => {
+  if (pressedModifiers.value.size === 0 || !mainKey.value) {
+    //message.warning('快捷键无效：必须包含至少一个修饰键和一个主键');
+    startRecording();
+    return;
+  }
+  isFinalized.value = true;
+  finalModifiers.value = new Set(pressedModifiers.value);
+};
+
+const clearAll = () => {
+  isRecording.value = false;
+  isFinalized.value = false;
+  pressedModifiers.value.clear();
+  finalModifiers.value.clear();
+  mainKey.value = null;
+  emit('update:modelValue', '');
+};
+
+const onKeyDown = (e: KeyboardEvent) => {
+  if (!isRecording.value || isFinalized.value) return;
+
+  if (modifierKeys.includes(e.key as any)) {
+    pressedModifiers.value.add(e.key);
+  } else if (!['Tab', 'Escape'].includes(e.key)) {
+    mainKey.value = e.key.length === 1 ? e.key.toUpperCase() : e.key;
+    finalize();
+  }
+  e.preventDefault();
+};
+
+const onKeyUp = (e: KeyboardEvent) => {
+  if (!isRecording.value || isFinalized.value) return;
+  if (modifierKeys.includes(e.key as any)) {
+    pressedModifiers.value.delete(e.key);
+  }
+};
+
+onMounted(() => {
+  window.addEventListener('keydown', onKeyDown);
+  window.addEventListener('keyup', onKeyUp);
+});
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', onKeyDown);
+  window.removeEventListener('keyup', onKeyUp);
+});
+
+
+
+// 初始化值支持：从 modelValue 拆解 modifier 和主键
+watch(() => props.modelValue, (val) => {
+  if (!val) {
+    clearAll();
+    return;
+  }
+
+  //const parts = val.split('+');
+  const parts = val.split('+').map(normalizeModifier);
+  const mods = parts.filter(p => modifierKeys.includes(p as any));
+  const key = parts.find(p => !modifierKeys.includes(p as any));
+
+  if (mods.length && key) {
+    finalModifiers.value = new Set(mods);
+    mainKey.value = key;
+    isFinalized.value = true;
+  } else {
+    clearAll(); // 防止非法值
+  }
+}, { immediate: true });
+</script>
+
+<template>  
+  <a-input
+    style="width: 100px;"
+    readonly
+    :value="''" 
+    @focus="startRecording"
+    @blur="isRecording = false"
+  >
+    <template #suffix>
+      <span v-html="display" />
+      <!-- <template v-if="isFinalized">
+        <a-button
+          type="text"
+          size="small"
+          style="margin-left: 8px; color: #999;"
+          @click.stop="clearAll"
+        >✕</a-button>
+      </template> -->
+    </template>
+  </a-input>
+</template>
diff --git a/frontend/src/components/Setting/ThemeSetting.vue b/frontend/src/components/Setting/ThemeSetting.vue
new file mode 100644
index 0000000..56276b5
--- /dev/null
+++ b/frontend/src/components/Setting/ThemeSetting.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { setTheme, getCurrentTheme, ThemeMode } from '../../utils/ThemeManager'
+
+const themevalue = ref<ThemeMode>('light')
+
+const themeChange = (val: ThemeMode) => {
+  setTheme(val) 
+  // 通知子窗口也可以加上 BroadcastChannel
+   const bc = new BroadcastChannel('theme')
+   bc.postMessage(val)
+}
+
+onMounted(() => {
+  themevalue.value = getCurrentTheme()
+})
+</script>
+
+<template>
+  <div class="space-y-2">
+    <a-select
+      v-model:value="themevalue"
+      style="width: 100px"
+      @change="themeChange"
+    >
+      <a-select-option value="light">{{$t('components.themesetting.select.opt_light')}}</a-select-option>
+      <a-select-option value="dark">{{$t('components.themesetting.select.opt_dark')}}</a-select-option>
+    </a-select>
+  </div>
+</template>
\ No newline at end of file
diff --git a/frontend/src/components/Setting/WinShortcutInput.vue b/frontend/src/components/Setting/WinShortcutInput.vue
new file mode 100644
index 0000000..826264c
--- /dev/null
+++ b/frontend/src/components/Setting/WinShortcutInput.vue
@@ -0,0 +1,160 @@
+<script setup lang="ts">
+import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
+
+const props = defineProps<{ modelValue: string }>();
+const emit = defineEmits(['update:modelValue']);
+
+const modifierKeys = ['Shift', 'Control', 'Alt', 'Meta'] as const;
+
+const modifierLabels: Record<string, string> = {
+  Shift: 'Shift',
+  Control: 'Ctrl',
+  Alt: 'Alt',
+  Meta: 'Win', // Windows键
+};
+
+const normalizeModifier = (key: string): string => {
+  switch (key.toUpperCase()) {
+    case 'CMD':
+    case 'COMMAND':
+    case 'WIN':
+    case 'WINDOWS':
+      return 'Meta';
+    case 'CTRL':
+      return 'Control';
+    case 'OPTION':
+      return 'Alt';
+    default:
+      return key;
+  }
+};
+
+const pressedModifiers = ref<Set<string>>(new Set());
+const finalModifiers = ref<Set<string>>(new Set());
+const mainKey = ref<string | null>(null);
+
+const isRecording = ref(false);
+const isFinalized = ref(false);
+
+const display = computed(() => {
+  const activeSet = isFinalized.value ? finalModifiers.value : pressedModifiers.value;
+
+  const modifiers = modifierKeys
+    .map(key => {
+      const isActive = activeSet.has(key);
+      const color = isActive ? '#1890ff' : '#999';
+      return `<span style="color: ${color}; font-weight: bold;">${modifierLabels[key]}</span>`;
+    })
+    .join('  ');
+
+  const keyColor = isFinalized.value && mainKey.value ? '#1890ff' : '#000';
+  const keyPart = mainKey.value
+    ? `<span style="margin-left: 6px; color: ${keyColor}; font-weight: bold;">${mainKey.value.toUpperCase()}</span>`
+    : '';
+
+  return modifiers + (mainKey.value ? '  ' : '') + keyPart;
+});
+
+const shortcutString = computed(() => {
+  if (!isFinalized.value || !mainKey.value || finalModifiers.value.size === 0) {
+    return '';
+  }
+  return [...finalModifiers.value].join('+') + '+' + mainKey.value.toUpperCase();
+});
+
+watch(shortcutString, (val) => {
+  emit('update:modelValue', val);
+});
+
+const startRecording = () => {
+  isRecording.value = true;
+  isFinalized.value = false;
+  mainKey.value = null;
+  pressedModifiers.value.clear();
+  finalModifiers.value.clear();
+};
+
+const finalize = () => {
+  if (pressedModifiers.value.size === 0 || !mainKey.value) {
+    startRecording();
+    return;
+  }
+  isFinalized.value = true;
+  finalModifiers.value = new Set(pressedModifiers.value);
+};
+
+const clearAll = () => {
+  isRecording.value = false;
+  isFinalized.value = false;
+  pressedModifiers.value.clear();
+  finalModifiers.value.clear();
+  mainKey.value = null;
+  emit('update:modelValue', '');
+};
+
+const onKeyDown = (e: KeyboardEvent) => {
+  if (!isRecording.value || isFinalized.value) return;
+
+  if (modifierKeys.includes(e.key as any)) {
+    pressedModifiers.value.add(e.key);
+  } else if (!['Tab', 'Escape'].includes(e.key)) {
+    mainKey.value = e.key.length === 1 ? e.key.toUpperCase() : e.key;
+    finalize();
+
+    // 主键按下后立即取消焦点（触发 blur 逻辑）
+    (document.activeElement as HTMLElement)?.blur();
+  }
+  e.preventDefault();
+};
+
+const onKeyUp = (e: KeyboardEvent) => {
+  if (!isRecording.value || isFinalized.value) return;
+  if (modifierKeys.includes(e.key as any)) {
+    pressedModifiers.value.delete(e.key);
+  }
+};
+
+onMounted(() => {
+  window.addEventListener('keydown', onKeyDown);
+  window.addEventListener('keyup', onKeyUp);
+});
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', onKeyDown);
+  window.removeEventListener('keyup', onKeyUp);
+});
+
+// 初始化值支持：从 modelValue 拆解 modifier 和主键
+watch(() => props.modelValue, (val) => {
+  if (!val) {
+    clearAll();
+    return;
+  }
+
+  const parts = val.split('+').map(normalizeModifier);
+  const mods = parts.filter(p => modifierKeys.includes(p as any));
+  const key = parts.find(p => !modifierKeys.includes(p as any));
+
+  if (mods.length && key) {
+    finalModifiers.value = new Set(mods);
+    mainKey.value = key;
+    isFinalized.value = true;
+  } else {
+    clearAll(); // 防止非法值
+  }
+}, { immediate: true });
+</script>
+
+<template>
+  <a-input
+    style="width: 160px;"
+    readonly
+    :value="''"
+    @focus="startRecording"
+    @mousedown.stop
+    @blur="isRecording = false"
+  >
+    <template #suffix>
+      <span v-html="display" />
+    </template>
+  </a-input>
+</template>
\ No newline at end of file
diff --git a/frontend/src/components/Shortcut/Index.vue b/frontend/src/components/Shortcut/Index.vue
new file mode 100644
index 0000000..7b7f7f8
--- /dev/null
+++ b/frontend/src/components/Shortcut/Index.vue
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { ref,watch ,onMounted,nextTick} from 'vue'
+import ListItem from '../Setting/ListRow.vue' 
+import ShortcutInput from '../Setting/ShortcutInput.vue';
+import WinShortcutInput from '../Setting/WinShortcutInput.vue';
+import { parseShortcutToHotkeyWin,parseShortcutToHotkey,formatHotkeyStringmac ,formatHotkeyStringWin} from '../../utils/hotkeyUtils'; // 🔁 引入工具函数
+
+import { UpHotkey, GetHotkeys } from '../../../bindings/cmbone/internal/services/hotkeyservice';
+import {  IsmacOS } from '../../utils/osinfo'
+import { message } from 'ant-design-vue';
+const ismacos=ref(false)
+// const modelValue = ref(false)
+const OpenShortcut = ref('');
+const OpenSetting = ref('');
+
+const isInitialized = ref(false); 
+
+let lastSaved = '';
+//const action = 'OpenSearch';
+// 监听变化自动保存
+watch(OpenShortcut, async (newShortcut) => {
+   if (!isInitialized.value) return;
+
+  if (!newShortcut || newShortcut === lastSaved) return;
+
+  try {
+   if(ismacos.value){
+      await SendHanld(1,newShortcut); 
+    }else{
+      await SendHanldWin(1,newShortcut); 
+    }
+  } catch (e: any) {
+    message.success('快捷键保存失败: ' + e.message); 
+  }
+},{ flush: 'post' }
+);
+
+
+watch(OpenSetting, async (newShortcut) => {
+   if (!isInitialized.value) return;
+
+  if (!newShortcut || newShortcut === lastSaved) return;
+  try {
+   if(ismacos.value){
+      await SendHanld(2,newShortcut); 
+    }else{
+      await SendHanldWin(2,newShortcut); 
+    }
+  } catch (e: any) {
+    message.success('快捷键保存失败: ' + e.message);
+  }
+},{ flush: 'post' }
+ );
+
+
+const SendHanld = async (item,newShortcut) => {
+   try {
+     const parsed = parseShortcutToHotkey(newShortcut);
+     if (!parsed) {
+       console.error('❌ 快捷键格式错误:', newShortcut);
+       return;
+     }
+    message.success('快捷键已保存'); 
+    await UpHotkey(item,parsed.key, parsed.modifier);
+  } catch (e: any) {
+    message.success('快捷键保存失败: ' + e.message);
+  }
+};
+
+const SendHanldWin = async (item,newShortcut) => {
+   try {
+     const parsed = parseShortcutToHotkeyWin(newShortcut);
+     if (!parsed) {
+       console.error('❌ 快捷键格式错误:', newShortcut);
+       return;
+     }
+    message.success('快捷键已保存'); 
+    await UpHotkey(item,parsed.key, parsed.modifier);
+  } catch (e: any) {
+    message.success('快捷键保存失败: ' + e.message);
+  }
+};
+
+interface HotkeyItem {
+  id: number;
+  keycode: number;
+  modifiers: number;
+}
+const hotkeyentry = ref<HotkeyItem[]>([]);
+
+const Gethotkey = async () => {
+  hotkeyentry.value = await GetHotkeys(); 
+  if (hotkeyentry.value && hotkeyentry.value.length > 0) { 
+    if(ismacos.value){
+       OpenShortcut.value = formatHotkeyStringmac(hotkeyentry.value[0].keycode, hotkeyentry.value[0].modifiers);
+       OpenSetting.value = formatHotkeyStringmac(hotkeyentry.value[1].keycode, hotkeyentry.value[1].modifiers);
+    }
+    else{
+      OpenShortcut.value = formatHotkeyStringWin(hotkeyentry.value[0].keycode, hotkeyentry.value[0].modifiers);
+      OpenSetting.value = formatHotkeyStringWin(hotkeyentry.value[1].keycode, hotkeyentry.value[1].modifiers);
+    }
+    await nextTick();
+    isInitialized.value = true;
+  }
+};
+
+
+ onMounted(async() => {
+    ismacos.value=IsmacOS()
+    Gethotkey(); 
+     // 等下一轮 DOM 渲染完成后才启用监听，避免初始赋值触发 watch
+ });
+ 
+
+</script>
+
+<template> 
+  <h2 class="text-lg font-bold text-gray-800 dark:text-white" >{{ $t('components.general.title.shortcut') }}</h2>
+  <div> 
+       <div class="bg-white rounded-lg shadow divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
+         <ListItem :label="$t('components.general.label.open_second')" :subLabel="$t('components.general.subLabel.ht_shortcut')">
+             <ShortcutInput v-if="ismacos" v-model:modelValue="OpenShortcut"  />
+            <WinShortcutInput v-else v-model:modelValue="OpenShortcut" />
+          </ListItem>
+          <ListItem :label="$t('components.general.label.open_setting')" subLabel="">
+              <ShortcutInput v-if="ismacos" v-model:modelValue="OpenSetting" />
+             <WinShortcutInput v-else v-model:modelValue="OpenSetting" />
+          </ListItem> 
+      </div>
+  </div>
+</template>
+<style scoped>
+ h2{
+    text-align: left;
+    margin:15px 15px 4px 15px;
+    font-size:15px;
+ }
+ .rg_desc{
+    text-align: left;
+    margin:4px 0px 4px 8px;
+    font-size:13px;
+    color:#999;
+ }
+</style>
diff --git a/frontend/src/components/Tags/Index.vue b/frontend/src/components/Tags/Index.vue
new file mode 100644
index 0000000..9270ac8
--- /dev/null
+++ b/frontend/src/components/Tags/Index.vue
@@ -0,0 +1,384 @@
+<template>
+  <div class="flex h-full ">
+    <!-- Left List -->
+    <div class=" pl-1 pb-2 pr-1 flex flex-col" :class="currentTag === null ? 'w-3/5 ' : 'w-2/5'">
+      <div class="mr-2 ml-1">
+        <h2 class="text-lg font-bold text-gray-800 dark:text-white float-left">
+          {{ $t('components.tags.title.manage_tags') }}
+        </h2>
+        <button @click="createNew"
+          class="w-[100px] float-right mb-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm px-2 py-2 rounded-xl flex items-center gap-2 font-medium transition-colors shadow-sm">
+          <span class="text-xl pb-1">+</span> {{ $t('components.tags.buttons.newtag') }}
+        </button>
+      </div>
+      <!-- Search -->
+      <div class="relative w-full pr-2">
+        <FilterOutlined class="absolute pl-1 top-[15px] -translate-y-1/2 text-gray-400 pointer-events-none" />
+        <input v-model="keyword"  placeholder="Search Tag..."
+          class="w-full h-[30px] outline-none mb-2 pl-6 pr-3 py-1 border rounded-lg text-sm dark:bg-gray-900 dark:text-white dark:border-slate-500" />
+      </div>
+      <!-- List -->
+      <div class="flex-1 overflow-auto space-y-1  scrollbar-thin">
+        <div v-for="item in filteredTags" :key="item.id" class="item" :class="{ selected: currentTag?.id === item.id }"
+          @click="select(item)">
+          <div class="flex h-8 w-8 shrink-0 items-center justify-center rounded mr-1 ml-[-4px] mt-1"
+            :class="item.color">
+            <img :src="item.icon" class="h-8 w-8 object-contain" draggable="false" />
+          </div>
+          <div class="flex-1 ">
+            <div class=" text-sm text-left line-clamp-1 break-words dark:text-white">
+              {{ item.name }}
+            </div>
+            <div class="text-sm  text-left  text-gray-500 line-clamp-2 dark:text-gray-300">
+              {{ item.keywords.join(', ') }}
+            </div>
+          </div>
+        </div>
+        <a-divider dashed plain>END</a-divider>
+      </div>
+    </div>
+
+    <!-- Right Editor -->
+    <div class="flex w-3/5 pt-2 pb-6   bg-white  rounded-lg dark:bg-gray-800">
+      <div v-if="currentTag" class="w-full">
+        <div class="w-full mb-4 px-5  border-b gap-2  items-center  dark:border-gray-700">
+          <div class="float-right flex gap-2 pt-1 w-[20%] justify-end">
+            <DeleteOutlined v-if="currentTag.is_default != 1 && currentTag.id != 0" @click="deleteTag"
+              class="px-1 cursor-pointer float-left  text-red-600" />
+            <CheckCircleOutlined class=" px-1  cursor-pointer float-right text-green-600"
+              @click="editTag(currentTag)" />
+          </div>
+          <div class="pb-3  itmes-left">
+            <input v-model="currentTag.name"
+              class="text-sm  w-[80%] font-semibold  outline-none dark:bg-gray-800 dark:text-white "
+              placeholder="Tag Title" />
+          </div>
+        </div>
+        <div class="px-4">
+          <div class="mb-4">
+            <div class="flex justify-between items-center mb-3">
+              <div class="text-xs text-gray-500 dark:text-gray-400 tracking-wider">{{ $t('components.tags.label.tagicon') }}</div>
+              <!-- 当前预览 -->
+              <div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
+                <span>{{ $t('components.tags.label.current_preview') }}:</span>
+                <div class="w-9 h-9 rounded-lg flex items-center justify-center text-white" :class="selectedColor">
+                  <img v-if="customIcon" :src="customIcon" class="w-6 h-6 object-contain" />
+                  <img v-else-if="selectedIconComponent" :src="selectedIconComponent" class="w-6 h-6 object-contain" />
+                </div>
+              </div>
+            </div>
+            <!-- icon 列表 -->
+            <div class="flex items-center gap-3 flex-wrap ">
+              <div v-for="item in iconOptions" :key="item.name" @click="selectIcon(item.name)"
+                class="shrink-0 w-10 h-10 rounded-lg flex items-center justify-center cursor-pointer transition" :class="[
+                  selectedIcon === item.name && !customIcon
+                    ? 'bg-indigo-600 text-white shadow'
+                    : 'bg-gray-100 text-gray-500 hover:bg-gray-200'
+                ]">
+                <img :src="item.component" class="w-8 h-8 object-contain" />
+              </div>
+              <div class="w-px h-6 bg-gray-200 mx-1"></div>
+              <label for="fileInput" @click="handleUpload"
+                class="w-10 h-10 rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-600 flex items-center justify-center cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700">
+                <UploadOutlined class="text-gray-500 dark:text-gray-200" />
+              </label>
+            </div>
+            <!-- 提示 -->
+            <div class="text-xs text-gray-400 mt-2">
+              SVG, PNG or JPG (max 100x100px recommended)
+            </div>
+          </div>
+        </div>
+        <div class="px-4">
+          <div class="mb-2">
+            <span class="text-xs text-left  text-gray-500 dark:text-gray-400">
+              {{ $t('components.tags.label.tagcolor') }}
+            </span>
+          </div>
+          <div class="flex flex-wrap gap-3">
+            <div v-for="color in colors" :key="color" @click="selectedColor = color"
+              class="w-5 h-5 rounded-full cursor-pointer border-2 shrink-0 relative"
+              :class="[color, selectedColor === color ? 'ring-2 ring-white ring-offset-2 ring-offset-black/20 scale-100 ' : 'border-transparent']">
+              <div v-if="color === 'bg-transparent'"
+                class="absolute inset-0 bg-[linear-gradient(45deg,#ccc_25%,transparent_25%),linear-gradient(-45deg,#ccc_25%,transparent_25%),linear-gradient(45deg,transparent_75%,#ccc_75%),linear-gradient(-45deg,transparent_75%,#ccc_75%)] bg-[length:6px_6px] bg-[position:0_0,0_3px,3px_-3px,-3px_0px]">
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- TAG 子标签 -->
+        <div class="px-4">
+          <div class="mb-2">
+            <span class="text-xs text-left  text-gray-500 dark:text-gray-400">{{ $t('components.tags.label.subtags') }}</span>
+          </div> 
+          <div class="flex gap-2 mb-3">
+            <input v-model="newSubTag" @keyup.enter="addSubTag"
+              class="flex-1 h-[30px] bg-gray-100 rounded-lg px-3 py-2 outline-none text-sm  dark:bg-gray-900 dark:text-white"
+              placeholder="Add sub tag..." />
+            <button @click="addSubTag" class="px-4 py bg-black text-white rounded-lg text-sm ">
+              {{ $t('components.tags.buttons.add_subtag') }}
+            </button>
+          </div>
+          <!-- 标签列表 -->
+          <div class="flex flex-wrap gap-2">
+            <div v-for="(tag, index) in currentTag.keywords" :key="index"
+              class="flex items-center gap-2 bg-gray-100 px-2 py-1.5 rounded-lg text-sm  dark:bg-gray-900 dark:text-white">
+              <span class="px-1">{{ tag }}</span>
+              <button @click="removeSubTag(index)"
+                class="w-4 h-4 flex items-center justify-center text-gray-400 hover:text-red-500 ">
+                ✕
+              </button>
+            </div>
+          </div>
+
+          <!-- 空状态 -->
+          <div v-if="currentTag.keywords.length === 0" class="text-xs text-gray-400 mt-2">
+            No sub tags yet
+          </div>
+        </div>
+        <div class="text-right px-4">
+
+        </div>
+      </div>
+      <div v-else class="text-gray-400 p-6 text-center  mx-auto ">
+        <img src="/system/mychoice.svg" class="mx-auto mb-4" style="width: 120px; height: 120px;" />
+        Select a left tags to view details
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, createVNode } from 'vue'
+import { i18n } from '../../utils/i18n'
+import { CheckCircleOutlined, DeleteOutlined, UploadOutlined, ExclamationCircleOutlined, FilterOutlined} from '@ant-design/icons-vue'
+ import { message, Modal } from 'ant-design-vue';
+
+const keyword = ref('')
+//const tags = ref<{id:number, name:string, color:string}[]>([])
+const currentTag = ref<Tag | null>(null)
+interface Tag {
+  id: number
+  tag_key: string
+  name: string
+  color: string
+  icon: string
+  keywords: string[]
+  is_default: number
+  sort: number
+  created_at?: number
+  updated_at?: number
+}
+
+const Tags = ref<Tag[]>([
+  {
+    id: 1,
+    tag_key: 'work',
+    name: 'Work',
+    color: 'bg-blue-100',
+    icon: '/visual/work.png',
+    keywords: ['office', 'project', 'meeting'],
+    is_default: 0,
+    sort: 1
+  },
+  {
+    id: 2,
+    tag_key: 'life',
+    name: 'Life',
+    color: 'bg-green-100',
+    icon: '/visual/eat.png',
+    keywords: ['home', 'family', 'health'],
+    is_default: 0,
+    sort: 2
+  },
+  {
+    id: 3,
+    tag_key: 'rest',
+    name: 'Rest',
+    color: 'bg-yellow-100',
+    icon: '/visual/coffee.png',
+    keywords: ['break', 'relax', 'leisure'],
+    is_default: 0,
+    sort: 3
+  },
+  {
+    id: 4,
+    tag_key: 'read',
+    name: 'Read',
+    color: 'bg-purple-100',
+    icon: '/visual/read.png',
+    keywords: ['book', 'article', 'study'],
+    is_default: 0,
+    sort: 4
+  }
+]) 
+const filteredTags = computed(() => {
+  return Tags.value.filter(t => t.name.toLowerCase().includes(keyword.value.toLowerCase()))
+})
+function createNew() {
+  currentTag.value = null
+  selectedColor.value = 'bg-slate-100'
+  selectedIcon.value = 'Default'
+  customIcon.value = null
+  currentTag.value = {
+    id: 0,
+    tag_key: '',
+    name: '',
+    color: 'bg-slate-100',
+    icon: '/visual/default.png',
+    keywords: [],
+    is_default: 0,
+    sort: 0
+  }
+}
+
+function editTag(tag) {
+  if (currentTag.value == null) return
+  tag.color = selectedColor.value
+  tag.icon = customIcon.value || selectedIconComponent.value || '/visual/default.png'
+  if (tag.id == 0) {
+    tag.Lang = i18n.global.locale.value
+    tag.tag_key = tag.name.toLowerCase().replace(/\s+/g, '-') 
+    tag.id = Date.now() + Math.random()
+    Tags.value.unshift(tag)
+    currentTag.value = null 
+  } else {
+      const index = Tags.value.findIndex(t => t.id === tag.id)
+      if (index !== -1) {
+        Tags.value[index] = tag
+      }
+      currentTag.value = null
+  }
+}
+
+function deleteTag() {
+  if (currentTag.value == null) return
+  Modal.confirm({
+    title: `Do you want to delete the tag "${currentTag.value?.name}"?`,
+    icon: createVNode(ExclamationCircleOutlined),
+    content: 'When clicked the OK button, this dialog will be closed after 1 second',
+    okText: 'Yes',
+    okType: 'danger',
+    cancelText: 'No',
+    async onOk() {
+      try {
+        Tags.value = Tags.value.filter(t => t.id !== currentTag.value?.id)
+        message.success('Tag deleted successfully.')
+        currentTag.value = null
+      } catch (error) {
+        message.error('Failed to delete the tag.')
+      }
+    },
+    onCancel() { },
+  });
+}
+// 选择
+function select(p: Tag) {
+  selectedColor.value = p.color
+  customIcon.value = p.icon
+  currentTag.value = JSON.parse(JSON.stringify(p))
+}
+function fetchTags() {
+  // 调用 API 获取标签列表 
+}
+onMounted(async () => {
+  await fetchTags()
+})
+
+const selectedColor = ref('bg-slate-100') // 默认颜色
+const colors = [
+  'bg-transparent',
+  'bg-slate-100',
+  'bg-gray-100',
+  'bg-red-100',
+  'bg-yellow-100',
+  'bg-green-100',
+  'bg-blue-100',
+  'bg-indigo-100',
+  'bg-purple-100',
+  'bg-slate-400',
+  'bg-red-400',
+  'bg-yellow-400',
+  'bg-green-400',
+  'bg-blue-400',
+  'bg-indigo-400',
+  'bg-purple-400',
+  'bg-red-700',
+  'bg-yellow-700',
+  'bg-green-700',
+  'bg-zinc-800'
+]
+// icon 列表 
+const iconOptions = [
+  { name: 'Default', component: '/visual/default.png' },
+  { name: 'Work', component: '/visual/work.png' },
+  { name: 'Life', component: '/visual/eat.png' },
+  { name: 'Rest', component: '/visual/coffee.png' },
+  { name: 'read', component: '/visual/read.png' },
+]
+
+const selectedIcon = ref('Default')
+const customIcon = ref<string | null>(null)
+const selectedIconComponent = computed(() => {
+  return iconOptions.find(i => i.name === selectedIcon.value)?.component
+})
+
+function selectIcon(name: string) {
+  selectedIcon.value = name
+  customIcon.value = null
+}
+// 上传处理
+async function handleUpload(e: Event) {
+  console.log('上传事件:')
+} 
+
+// 子标签
+const newSubTag = ref('')
+// 添加
+function addSubTag() {
+  const val = newSubTag.value.trim()
+  if (!val) return
+  if (currentTag.value?.keywords.includes(val)) return
+  currentTag.value?.keywords.push(val) 
+  newSubTag.value = ''
+}
+// 删除
+function removeSubTag(index: number) {
+  currentTag.value?.keywords.splice(index, 1)
+}
+</script>
+<style scoped>
+/* 全局样式（可放在 main.css 或 tailwind.css） */
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1;
+  border-radius: 4px;
+}
+
+.dark .scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: #555;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.item {
+  @apply flex p-2 hover:bg-gray-100 cursor-pointer rounded dark:hover:bg-slate-700 dark:border-gray-700;
+}
+
+.selected {
+  @apply border-l-4 border-indigo-500 bg-white dark:bg-slate-500 dark:border-slate-600;
+}
+
+.tag {
+  @apply px-2 py-1 text-xs bg-gray-100 rounded mr-2;
+}
+
+.tag.active {
+  @apply bg-purple-100 text-purple-600;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
new file mode 100644
index 0000000..014ad19
--- /dev/null
+++ b/frontend/src/locales/en.json
@@ -0,0 +1,96 @@
+{
+  "app": {
+    "title": "My App",
+    "login": "Login"
+  },
+  "appmenus": {
+    "second": "Second win",
+    "version": "Version: 0.3.0",
+    "quit": "Quit",
+    "preferences": "Settings"
+  },
+  "menus": {
+    "about": "About",
+    "general": "General",
+    "shortcut": "Shortcut key",
+    "second": "Second win",
+    "setting": "Settings",
+    "dashboard": "Dashboard",
+    "tags": "Tags"
+  },
+  "components": {
+    "general": {
+      "title": {
+        "application": "Apply settings",
+        "exterior": "Appearance settings",
+        "power": "Permission settings",
+        "update": "Application update",
+        "shortcut": "Shortcut key settings"
+      },
+      "label": {
+        "assistant_access": "Accessibility permissions",
+        "automatic_up": "Automatically check for updates",
+        "disk_access": "Full disk access",
+        "language": "Interface language",
+        "next_up": "Automatically check for updates next time",
+        "startup": "Started when logged in",
+        "theme": "Theme mode",
+        "open_second": "Open second window",
+        "open_setting": "Open manages window"
+      },
+      "subLabel": {
+        "sb_assistant_access": "Accessibility permission is required to operate clipboard contents",
+        "sb_disk_access": "Full disk access is required to implement file preview",
+        "ht_shortcut": "Press the combination key, which must contain at least one modifier key and one main key"
+      },
+      "buttons": {
+        "authorized": "Auth",
+        "go_authorized": "Auth now"
+      }
+    },
+    "themesetting": {
+      "select": {
+        "opt_dark": "Dark",
+        "opt_light": "Bright"
+      }
+    },
+    "about": {
+      "version": "Version",
+      "author": "Jin Gong",
+      "description_p1": "Just do the right thing,",
+      "description_p2": "at the right time."
+     },
+     "dashboard":{
+      "title":{
+        "upcoming_task":"Upcoming Tasks"
+      },
+      "label":{
+        "total_tasks":"Total Tasks",
+        "completed_tasks":"Completed Tasks",
+        "pending_tasks":"Pending Tasks",
+        "no_tasks":"No Tasks"
+      },
+        "buttons":{
+          "newtask":"New Task",
+          "upcoming_all":"All",
+          "upcoming_priority":"Priority"
+        }
+     },
+      "tags":{
+        "title":{
+          "manage_tags":"Tags"
+        },
+        "label":{
+          "name":"Name",
+          "tagcolor":"TAG COLOR",
+          "tagicon":"TAG ICON",
+          "current_preview":"CURRENT PREVIEW",
+          "subtags":"SUB TAGS"
+        },
+        "buttons":{
+          "newtag":"New Tag",
+          "add_subtag":"Add"
+        }
+      }
+  }
+}
diff --git a/frontend/src/locales/index.ts b/frontend/src/locales/index.ts
new file mode 100644
index 0000000..dad311e
--- /dev/null
+++ b/frontend/src/locales/index.ts
@@ -0,0 +1,16 @@
+import en from './en.json'
+import zh from './zh.json'
+import zhHK from './zh-HK.json'
+export const availableLocales = ['en', 'zh','zh-HK'] as const
+export type Locale = typeof availableLocales[number]
+
+export async function loadLocaleMessages(locale: Locale) {
+  const messagesMap = {
+    en,
+    zh,
+    'zh-HK':zhHK
+  }
+  return messagesMap[locale]
+}
+
+ 
\ No newline at end of file
diff --git a/frontend/src/locales/zh-HK.json b/frontend/src/locales/zh-HK.json
new file mode 100644
index 0000000..ec1299d
--- /dev/null
+++ b/frontend/src/locales/zh-HK.json
@@ -0,0 +1,97 @@
+{
+  "appmenus":{
+    "second": "第二窗口",
+    "version": "版本: 0.3.0",
+    "quit": "退出應用",
+    "preferences": "偏好設定"
+  },
+  "menus": {
+    "about": "關於",
+    "backup": "數據備份",
+    "general": "通用設置",
+    "history": "歷史記錄",
+    "remote": "遠程共享",
+    "shortcut": "快速鍵",
+    "second": "第二窗口",
+    "setting": "設置",
+    "dashboard": "儀表盤",
+    "tags": "標籤"
+  },
+  "app": {
+    "login": "登入",
+    "title": "我的應用"
+  },
+  "components": {
+    "general": {
+      "buttons": {
+        "authorized": "已授權",
+        "go_authorized": "去授權"
+      },
+      "label": {
+        "assistant_access": "輔助功能訪問權限",
+        "automatic_up": "自動檢查更新",
+        "disk_access": "完全磁盤訪問權限",
+        "language": "界面語言",
+        "next_up": "下次啟動自動檢查更新",
+        "startup": "登錄時啟動",
+        "theme": "主題模式",
+        "open_second": "打開第二窗口",
+        "open_setting": "打開管理窗口"
+      },
+      "subLabel": {
+        "sb_assistant_access": "需要無障礙訪問權限來操作剪切板內容",
+        "sb_disk_access": "需要完全磁盤訪問權限來實現文件預覽",
+        "ht_shortcut": "按下組合鍵，必須包含至少一個修飾鍵和一個主鍵"
+      },
+      "title": {
+        "application": "應用設置",
+        "exterior": "外觀設置",
+        "power": "權限設置",
+        "update": "應用更新"
+      }
+    },
+    "themesetting": {
+      "select": {
+        "opt_dark": "暗色模式",
+        "opt_light": "亮色模式"
+      }
+    },
+    "about": {
+      "version": "版本",
+      "author": "Jin Gong",
+      "description_p1": "只是在合適的時候，",
+      "description_p2": "做一些合適的事。"
+     },
+     "dashboard":{
+      "title":{
+           "upcoming_task": "即將到來的任務"
+      },
+      "label":{
+        "total_tasks":"總任務數",
+        "completed_tasks":"已完成任務",
+        "pending_tasks":"待辦任務",
+        "no_tasks":"暫無任務"
+      },
+        "buttons":{
+          "newtask":"新建任務",
+          "upcoming_all":"全部",
+          "upcoming_priority":"優先"
+        }
+     },
+      "tags":{
+        "title":{
+          "manage_tags":"標籤"
+        },
+        "label":{
+          "icon":"標籤圖示",
+          "current_preview":"當前預覽",
+          "tagcolor":"標籤顏色",
+          "subtags":"子標籤"
+        },
+        "buttons":{
+          "newtag":"新建標籤",
+          "add_subtag":"添加"
+        }
+      }
+  }
+}
diff --git a/frontend/src/locales/zh.json b/frontend/src/locales/zh.json
new file mode 100644
index 0000000..8fa5b08
--- /dev/null
+++ b/frontend/src/locales/zh.json
@@ -0,0 +1,99 @@
+{
+  "app": {
+    "title": "我的应用",
+    "login": "登录"
+  },
+  "appmenus": {
+    "second": "第二窗口",
+    "preferences": "偏好设置",
+    "version": "版本:0.3.0",
+    "quit": "退出应用"
+  },
+  "menus":{
+    "dashboard":"仪表盘",
+    "general":"通用设置",
+    "shortcut":"快捷键",
+    "about":"关于",
+    "second":"第二窗口",
+    "setting":"设置",
+    "tags":"标签"
+  },
+  "components":{
+    "home":{},
+    "general":{
+      "title":{
+        "power":"权限设置",
+        "application":"应用设置",
+        "exterior":"外观设置",
+        "update":"应用更新",
+        "shortcut":"快捷键设置"
+      },
+      "label":{
+        "assistant_access":"辅助功能访问权限",
+        "disk_access":"完全磁盘访问权限",
+        "startup" :"登录时启动",
+        "language":"界面语言",
+        "theme":"主题模式",
+        "automatic_up":"自动检查更新",
+        "next_up":"下次启动自动检查更新",
+        "open_second":"打开第二窗口",
+        "open_setting":"打开管理窗口"
+      },
+      "subLabel":{
+        "sb_assistant_access":"需要无障碍访问权限来操作剪切板内容",
+        "sb_disk_access":"需要完全磁盘访问权限来实现文件预览",
+        "ht_shortcut":"按下组合键，必须包含至少一个修饰键和一个主键"
+      },
+      "buttons":{
+        "authorized":"已授权",
+        "go_authorized":"去授权"
+      }
+    },
+    "themesetting":{
+      "select":{
+        "opt_light":"亮色模式",
+        "opt_dark":"暗色模式"
+      }
+    },
+    "about": {
+      "version": "版本",
+      "author": "Jin Gong",
+      "description_p1": "只是在合适的时候，",
+      "description_p2": "做一些合适的事。"
+     },
+     "dashboard":{
+      "title":{
+        "upcoming_task":"即将进行的任务"
+      },
+      "label":{
+        "total_tasks":"总任务数",
+        "completed_tasks":"已完成任务",
+        "pending_tasks":"待办任务",
+        "no_tasks":"暂无任务"
+      },
+        "buttons":{
+          "newtask":"新建任务",
+          "upcoming_all":"全部",
+          "upcoming_priority":"优先"
+        }
+     },
+     "tags":{
+      "title":{
+        "manage_tags":"标签"
+      },
+      "label":{
+        "name":"名称",
+        "tagcolor":"标签颜色",
+        "tagicon":"标签图标",
+        "current_preview":"当前预览",
+        "subtags":"子标签"
+      },
+      "buttons":{
+        "newtag":"新增标签",
+        "add_subtag":"添加",
+        "delete_tag":"删除标签",
+        "delete_subtag":"删除子标签"
+      }
+     }
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
new file mode 100644
index 0000000..850a6f4
--- /dev/null
+++ b/frontend/src/main.ts
@@ -0,0 +1,23 @@
+import { createApp } from 'vue'
+import Antd from 'ant-design-vue';//add
+import App from './App.vue'
+import './style.css' 
+import 'ant-design-vue/dist/reset.css';
+import {i18n,setupI18n } from './utils/i18n'
+import { initTheme } from './utils/ThemeManager'//add
+import router from './router/index'
+import { GetLanguage } from '../bindings/cmbone/internal/services/appconfigservice'
+
+initTheme()
+if (window.location.hash === '' || window.location.hash === '#/') {
+  router.replace('/second')
+}
+async function bootstrap(){
+    await setupI18n('zh')//默认语言或从后端读取
+    createApp(App).use(Antd).use(router).use(i18n).mount('#app')
+    router.isReady().then(async () => {
+        const lang = await GetLanguage() //从后端读取语言设置 lang as any|| 'zh'
+        await setupI18n(lang as any|| 'zh')
+    })
+}
+bootstrap()
diff --git a/frontend/src/pages/Home/Index.vue b/frontend/src/pages/Home/Index.vue
new file mode 100644
index 0000000..4b2c611
--- /dev/null
+++ b/frontend/src/pages/Home/Index.vue
@@ -0,0 +1,102 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { applyTheme } from '../../utils/ThemeManager'
+import { RecognizeImageBase64 } from '../../../bindings/cmbone/internal/services/ocrservice'
+const bc = new BroadcastChannel('theme')
+bc.onmessage = (e) => {
+  applyTheme(e.data)
+}
+
+//-- OCR功能 ---
+declare global {
+  interface Window {
+    go: any
+  }
+}
+
+const imageUrl = ref<string>('')
+const imageBase64 = ref<string>('')
+const result = ref<string>('')
+const loading = ref<boolean>(false)
+
+// 文件处理
+function handleFile(file: File) {
+  const reader = new FileReader()
+  reader.onload = () => {
+    const base64 = reader.result as string
+    imageUrl.value = base64
+    imageBase64.value = base64.split(',')[1]
+    result.value = '' // 清空旧结果
+  }
+  reader.readAsDataURL(file)
+}
+
+// 点击选择
+function selectImage() {
+  const input = document.createElement('input')
+  input.type = 'file'
+  input.accept = 'image/*'
+  input.onchange = (e: any) => {
+    const file = e.target.files[0]
+    if (file) handleFile(file)
+  }
+  input.click()
+}
+
+// 拖拽
+function onDrop(e: DragEvent) {
+  const file = e.dataTransfer?.files[0]
+  if (file) handleFile(file)
+}
+
+// OCR 调用
+async function handleOCR() {
+  if (!imageBase64.value) return
+  loading.value = true
+  result.value = ''
+  try {
+    const res = await RecognizeImageBase64(imageBase64.value)
+    result.value = res || '未识别到内容'
+
+  } catch (err) {
+    console.error(err)
+    result.value = '识别失败'
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <div
+    class="flex  items-start justify-center pt-8 h-screen w-screen h-full w-full  font-sans select-none bg-gray-100 drag-region dark:bg-gray-900">
+    <TransitionGroup name="card" tag="div"> 
+      <div
+        class="flex-1  w-[300px] rounded-2xl bg-white/80  dark:bg-gray-700 dark:text-white backdrop-blur-md px-4 py-2 shadow-[0_8px_24px_rgba(0,0,0,0.12)] transition">
+        <!-- 图片区域 -->
+        <div
+          class="h-20 w-full  border-2 border-dashed border-gray-300 rounded-xl flex items-center justify-center cursor-pointer overflow-hidden hover:border-blue-400 transition"
+          @click="selectImage" @drop.prevent="onDrop" @dragover.prevent>
+          <img v-if="imageUrl" :src="imageUrl" class="w-full h-full object-cover" />
+          <span v-else class="text-gray-400 text-sm">
+            点击或者拖拽图片
+          </span>
+        </div>
+        <button @click="handleOCR" :disabled="!imageBase64 || loading" class="w-full my-2 py-1 rounded-lg text-white transition
+        bg-blue-500 hover:bg-blue-600
+        disabled:bg-gray-300 disabled:cursor-not-allowed">
+          <span v-if="loading">识别中...</span>
+          <span v-else>OCR识别</span>
+        </button>
+        <div v-if="result" class="bg-gray-50 rounded-lg p-3 text-sm text-gray-700 max-h-40 overflow-auto dark:bg-gray-800 dark:text-gray-300">
+          <div class="font-medium mb-1">识别结果：</div>
+          <pre class="whitespace-pre-wrap">{{ result }}</pre>
+        </div>
+      </div>
+    </TransitionGroup>
+  </div>
+
+</template>
+
+<style scoped>
+</style>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
new file mode 100644
index 0000000..eba6ab1
--- /dev/null
+++ b/frontend/src/router/index.ts
@@ -0,0 +1,13 @@
+import { createRouter, createWebHashHistory} from 'vue-router'
+import MainPage from '../components/Main/Index.vue'
+import SecondPage from '../pages/Home/Index.vue'
+
+const routes = [
+  { path: '/', component: MainPage },
+  { path: '/second', component: SecondPage }
+]
+
+export default createRouter({
+  history: createWebHashHistory(), // Use createWebHashHistory for hash-based routing
+  routes
+})
\ No newline at end of file
diff --git a/frontend/src/style.css b/frontend/src/style.css
new file mode 100644
index 0000000..bd6213e
--- /dev/null
+++ b/frontend/src/style.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/frontend/src/utils/ThemeManager.ts b/frontend/src/utils/ThemeManager.ts
new file mode 100644
index 0000000..c74bb48
--- /dev/null
+++ b/frontend/src/utils/ThemeManager.ts
@@ -0,0 +1,55 @@
+// src/utils/ThemeManager.ts
+import { theme } from 'ant-design-vue'
+import type { ThemeConfig } from 'ant-design-vue/es/config-provider/context'
+import { ref } from 'vue'
+
+export const lightTheme = {
+  algorithm: theme.defaultAlgorithm,
+}
+
+export const darkTheme = {
+  algorithm: theme.darkAlgorithm,
+}
+
+const THEME_KEY = 'theme'
+export type ThemeMode = 'light' | 'dark' | 'systemdefault'
+export function applyTheme(mode: ThemeMode) { 
+  let resolvedTheme = mode
+  if (mode === 'systemdefault') {
+    resolvedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  }
+
+  document.documentElement.classList.remove('dark', 'light')
+  document.documentElement.classList.add(resolvedTheme)
+
+  themeConfig.value = getAntdCurrentTheme(resolvedTheme)
+}
+
+export function initTheme() {
+  const savedTheme = (localStorage.getItem(THEME_KEY) || 'light') as ThemeMode
+  applyTheme(savedTheme)
+
+  // 监听系统变化，仅在 systemdefault 时响应
+  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+    const current = getCurrentTheme()
+    if (current === 'systemdefault') {
+      applyTheme('systemdefault')
+    }
+  })
+}
+
+export function setTheme(mode: ThemeMode) {
+  localStorage.setItem(THEME_KEY, mode)
+  applyTheme(mode)
+}
+
+export function getCurrentTheme(): ThemeMode {
+  return (localStorage.getItem(THEME_KEY) || 'light') as ThemeMode
+}
+// 全局响应式主题状态
+//export const themeMode = ref<ThemeMode>(getCurrentTheme())
+export const currentMode = ref<'light' | 'dark'>(localStorage.getItem('theme') as 'light' | 'dark' || 'light')
+export const themeConfig = ref<ThemeConfig>(getAntdCurrentTheme(currentMode.value))
+export function getAntdCurrentTheme(mode: ThemeMode): ThemeConfig {
+   return mode === 'dark' ? darkTheme : lightTheme
+}
diff --git a/frontend/src/utils/hotkeyUtils.ts b/frontend/src/utils/hotkeyUtils.ts
new file mode 100644
index 0000000..670a676
--- /dev/null
+++ b/frontend/src/utils/hotkeyUtils.ts
@@ -0,0 +1,199 @@
+// hotkeyUtils.ts
+
+const modifierMap: Record<string, number> = {
+  Control: 256,
+  Alt: 512,
+  Shift: 1024,
+  Meta: 2048,
+};
+
+// 修饰键位定义（macOS 通常使用）
+export const MODIFIERS = {
+  CMD: 1 << 8,     // 256
+  SHIFT: 1 << 9,   // 512
+  ALT: 1 << 10,    // 1024
+  CTRL: 1 << 11,   // 2048
+};
+
+// 快捷键字符串 => 键码映射（mac keycode 映射）
+const keyMap: Record<string, number> = {
+  A: 0, B: 11, C: 8, D: 2, E: 14, F: 3, G: 5,
+  H: 4, I: 34, J: 38, K: 40, L: 37, M: 46,
+  N: 45, O: 31, P: 35, Q: 12, R: 15, S: 1,
+  T: 17, U: 32, V: 9, W: 13, X: 7, Y: 16, Z: 6,
+};
+
+
+export function parseHotkeyString(hotkey: string): { key: number, modifier: number } | null {
+  if (!hotkey.includes('+')) return null;
+
+  const parts = hotkey.split('+');
+  const mods = parts.slice(0, -1); // 修饰键
+  const keyStr = parts[parts.length - 1];
+
+  let modifier = 0;
+  for (const mod of mods) {
+    if (modifierMap[mod]) modifier |= modifierMap[mod];
+  }
+
+  const key = keyStr.toUpperCase().charCodeAt(0); // A → 65, B → 66, S → 83 ...
+  if (!key || isNaN(key)) return null;
+
+  return { key, modifier };
+}
+
+export function parseShortcutToHotkey(shortcut: string): { key: number, modifier: number } {
+  const parts = shortcut.toUpperCase().split('+');
+  let keys = '';
+  let modifier = 0;
+
+  for (const part of parts) {
+    switch (part) {
+      case 'CMD':
+      case 'COMMAND':
+      case 'META':
+        modifier |= 1 << 8;
+        break;
+      case 'SHIFT':
+        modifier |= 1 << 9;
+        break;
+      case 'ALT':
+      case 'OPTION':
+        modifier |= 1 << 10;
+        break;
+      case 'CTRL':
+      case 'CONTROL':
+        modifier |= 1 << 11;
+        break;
+      default:
+        keys = part;
+    }
+  }
+
+  // const keyMap: Record<string, number> = {
+  //   A: 0, B: 11, C: 8, D: 2, E: 14, F: 3, G: 5,
+  //   H: 4, I: 34, J: 38, K: 40, L: 37, M: 46,
+  //   N: 45, O: 31, P: 35, Q: 12, R: 15, S: 1,
+  //   T: 17, U: 32, V: 9, W: 13, X: 7, Y: 16, Z: 6,
+  // };
+
+  const key = keyMap[keys];
+  return {
+    key,
+    modifier,
+  };
+}
+
+// 反向映射：keycode => 字符
+const reverseKeyMap = Object.fromEntries(
+  Object.entries(keyMap).map(([k, v]) => [v, k])
+);
+// 将 keycode 和 modifier 转换为字符串（如 40, 768 => "Cmd+Shift+K"）
+export function formatHotkeyString(key: number, modifier: number): string {
+  const parts: string[] = [];
+
+  if (modifier & MODIFIERS.CMD) parts.push('Cmd');
+  if (modifier & MODIFIERS.SHIFT) parts.push('Shift');
+  if (modifier & MODIFIERS.ALT) parts.push('Alt');
+  if (modifier & MODIFIERS.CTRL) parts.push('Ctrl');
+
+  const keyStr = reverseKeyMap[key];
+  if (!keyStr) throw new Error(`Unknown keycode: ${key}`);
+
+  parts.push(keyStr.toUpperCase());
+  return parts.join('+');
+}
+
+export function formatHotkeyStringmac(keycode: number, modifiers: number): string {
+  const keyMap: Record<number, string> = {
+    0: 'A', 11: 'B', 8: 'C', 2: 'D', 14: 'E', 3: 'F', 5: 'G',
+    4: 'H', 34: 'I', 38: 'J', 40: 'K', 37: 'L', 46: 'M',
+    45: 'N', 31: 'O', 35: 'P', 12: 'Q', 15: 'R', 1: 'S',
+    17: 'T', 32: 'U', 9: 'V', 13: 'W', 7: 'X', 16: 'Y', 6: 'Z'
+  };
+
+  const mods: string[] = [];
+
+  if (modifiers & (1 << 8)) mods.push('Cmd');      // mac
+  if (modifiers & (1 << 9)) mods.push('Shift');
+  if (modifiers & (1 << 10)) mods.push('Alt');
+  if (modifiers & (1 << 11)) mods.push('Control');
+
+  const key = keyMap[keycode] ?? 'Unknown';
+
+  return [...mods, key].join('+');
+}
+
+//win
+export function formatHotkeyStringWin(keycode: number, modifiers: number): string {
+  const keyMap: Record<number, string> = {
+    65: 'A', 66: 'B', 67: 'C', 68: 'D', 69: 'E', 70: 'F', 71: 'G',
+    72: 'H', 73: 'I', 74: 'J', 75: 'K', 76: 'L', 77: 'M', 78: 'N',
+    79: 'O', 80: 'P', 81: 'Q', 82: 'R', 83: 'S', 84: 'T', 85: 'U',
+    86: 'V', 87: 'W', 88: 'X', 89: 'Y', 90: 'Z',
+    13: 'Enter', 27: 'Esc', 32: 'Space',
+    112: 'F1', 113: 'F2', 114: 'F3', 115: 'F4', 116: 'F5', 117: 'F6',
+    118: 'F7', 119: 'F8', 120: 'F9', 121: 'F10', 122: 'F11', 123: 'F12',
+    37: 'Left', 38: 'Up', 39: 'Right', 40: 'Down',
+  };
+
+  const mods: string[] = [];
+
+  if (modifiers & 1) mods.push('Alt');
+  if (modifiers & 2) mods.push('Ctrl');
+  if (modifiers & 4) mods.push('Shift');
+  if (modifiers & 8) mods.push('Win');
+
+  const key = keyMap[keycode] ?? `KeyCode(${keycode})`;
+
+  return [...mods, key].join('+');
+}
+
+
+export function parseShortcutToHotkeyWin(shortcut: string): { key: number, modifier: number } {
+  const parts = shortcut.toUpperCase().split('+');
+  let keyPart = '';
+  let modifier = 0;
+
+  for (const part of parts) {
+    switch (part) {
+      case 'ALT':
+        modifier |= 1;
+        break;
+      case 'CTRL':
+      case 'CONTROL':
+        modifier |= 2;
+        break;
+      case 'SHIFT':
+        modifier |= 4;
+        break;
+      case 'WIN':
+      case 'CMD':
+      case 'META':
+        modifier |= 8;
+        break;
+      default:
+        keyPart = part;
+    }
+  }
+ 
+  const key = keyWinMap[keyPart] ?? parseInt(keyPart);
+
+  return {
+    key,
+    modifier,
+  };
+}
+
+// 快捷键字符串 => 键码映射（win keycode 映射）
+const keyWinMap: Record<string, number> = {
+  A: 65, B: 66, C: 67, D: 68, E: 69, F: 70, G: 71,
+    H: 72, I: 73, J: 74, K: 75, L: 76, M: 77, N: 78,
+    O: 79, P: 80, Q: 81, R: 82, S: 83, T: 84, U: 85,
+    V: 86, W: 87, X: 88, Y: 89, Z: 90,
+    ENTER: 13, ESC: 27, SPACE: 32,
+    F1: 112, F2: 113, F3: 114, F4: 115,
+    F5: 116, F6: 117, F7: 118, F8: 119,
+    F9: 120, F10: 121, F11: 122, F12: 123,
+    UP: 38, DOWN: 40, LEFT: 37, RIGHT: 39,
+};
\ No newline at end of file
diff --git a/frontend/src/utils/i18n.ts b/frontend/src/utils/i18n.ts
new file mode 100644
index 0000000..9d18a6c
--- /dev/null
+++ b/frontend/src/utils/i18n.ts
@@ -0,0 +1,19 @@
+// src/i18n.ts
+import { createI18n } from 'vue-i18n'
+import { Locale, loadLocaleMessages } from '../locales'
+
+const defaultLocale: Locale = 'zh'
+export const i18n = createI18n({
+  legacy: false, // 使用 Composition API
+  locale: defaultLocale, // 默认语言
+  fallbackLocale: 'en',
+  messages: {},
+})
+
+//export default i18n
+// 初始化语言（只加载一次）
+export async function setupI18n(locale: Locale) {
+  const messages = await loadLocaleMessages(locale)
+  i18n.global.setLocaleMessage(locale, messages)
+  i18n.global.locale.value = locale
+}
diff --git a/frontend/src/utils/osinfo.ts b/frontend/src/utils/osinfo.ts
new file mode 100644
index 0000000..154369e
--- /dev/null
+++ b/frontend/src/utils/osinfo.ts
@@ -0,0 +1,30 @@
+import { GetOS } from "../../bindings/cmbone/internal/services/systeminfo";
+
+let cachedOS: string | null = null;
+let osInitPromise: Promise<void>
+/**
+ * 初始化 OS，只调用一次
+ */
+export  function initOS(): Promise<void> {
+ if (!osInitPromise) {
+    osInitPromise = GetOS().then(os => {
+      cachedOS = os
+    })
+  }
+  return osInitPromise;
+}
+
+
+export function getOS(): string | null {
+  if (!cachedOS) {
+    throw new Error("OS not initialized yet, await OS_READY first")
+  }
+  return cachedOS;
+}
+
+export function IsmacOS(): boolean {
+  return cachedOS==='darwin';
+}
+
+// ✅ 导出一个初始化状态 Promise
+export const OS_READY = initOS()
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/frontend/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000..315ee1c
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: 'class',
+  content: ["./index.html", "./src/**/*.{vue,js,ts}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..8cef1a6
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "noUnusedParameters": false,
+    "noImplicitAny": false,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..9d31e2a
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..05c1740
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+})
diff --git a/go.mod b/go.mod
new file mode 100644
index 0000000..494594e
--- /dev/null
+++ b/go.mod
@@ -0,0 +1,60 @@
+module cmbone
+
+go 1.23.0
+
+require (
+	github.com/wailsapp/wails/v3 v3.0.0-alpha.9
+	golang.design/x/hotkey v0.4.1
+	modernc.org/sqlite v1.38.2
+)
+
+require (
+	dario.cat/mergo v1.0.1 // indirect
+	github.com/Microsoft/go-winio v0.6.1 // indirect
+	github.com/ProtonMail/go-crypto v1.0.0 // indirect
+	github.com/adrg/xdg v0.5.0 // indirect
+	github.com/bep/debounce v1.2.1 // indirect
+	github.com/cloudflare/circl v1.3.8 // indirect
+	github.com/cyphar/filepath-securejoin v0.2.5 // indirect
+	github.com/dustin/go-humanize v1.0.1 // indirect
+	github.com/ebitengine/purego v0.4.0-alpha.4 // indirect
+	github.com/emirpasic/gods v1.18.1 // indirect
+	github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 // indirect
+	github.com/go-git/go-billy/v5 v5.6.0 // indirect
+	github.com/go-git/go-git/v5 v5.12.0 // indirect
+	github.com/go-ole/go-ole v1.3.0 // indirect
+	github.com/godbus/dbus/v5 v5.1.0 // indirect
+	github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da // indirect
+	github.com/google/uuid v1.6.0 // indirect
+	github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99 // indirect
+	github.com/jchv/go-winloader v0.0.0-20210711035445-715c2860da7e // indirect
+	github.com/kevinburke/ssh_config v1.2.0 // indirect
+	github.com/leaanthony/go-ansi-parser v1.6.1 // indirect
+	github.com/leaanthony/u v1.1.0 // indirect
+	github.com/lmittmann/tint v1.0.4 // indirect
+	github.com/mattn/go-colorable v0.1.13 // indirect
+	github.com/mattn/go-isatty v0.0.20 // indirect
+	github.com/ncruces/go-strftime v0.1.9 // indirect
+	github.com/pjbgf/sha1cd v0.3.0 // indirect
+	github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8 // indirect
+	github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect
+	github.com/rivo/uniseg v0.4.7 // indirect
+	github.com/samber/lo v1.38.1 // indirect
+	github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3 // indirect
+	github.com/skeema/knownhosts v1.2.2 // indirect
+	github.com/wailsapp/go-webview2 v1.0.19 // indirect
+	github.com/wailsapp/mimetype v1.4.1 // indirect
+	github.com/xanzy/ssh-agent v0.3.3 // indirect
+	golang.org/x/crypto v0.39.0 // indirect
+	golang.org/x/exp v0.0.0-20250620022241-b7579e27df2b // indirect
+	golang.org/x/mod v0.25.0 // indirect
+	golang.org/x/net v0.41.0 // indirect
+	golang.org/x/sync v0.15.0 // indirect
+	golang.org/x/sys v0.34.0 // indirect
+	golang.org/x/tools v0.34.0 // indirect
+	gopkg.in/ini.v1 v1.67.0 // indirect
+	gopkg.in/warnings.v0 v0.1.2 // indirect
+	modernc.org/libc v1.66.3 // indirect
+	modernc.org/mathutil v1.7.1 // indirect
+	modernc.org/memory v1.11.0 // indirect
+)
diff --git a/go.sum b/go.sum
new file mode 100644
index 0000000..58aa47a
--- /dev/null
+++ b/go.sum
@@ -0,0 +1,232 @@
+dario.cat/mergo v1.0.1 h1:Ra4+bf83h2ztPIQYNP99R6m+Y7KfnARDfID+a+vLl4s=
+dario.cat/mergo v1.0.1/go.mod h1:uNxQE+84aUszobStD9th8a29P2fMDhsBdgRYvZOxGmk=
+github.com/Microsoft/go-winio v0.5.2/go.mod h1:WpS1mjBmmwHBEWmogvA2mj8546UReBk4v8QkMxJ6pZY=
+github.com/Microsoft/go-winio v0.6.1 h1:9/kr64B9VUZrLm5YYwbGtUJnMgqWVOdUAXu6Migciow=
+github.com/Microsoft/go-winio v0.6.1/go.mod h1:LRdKpFKfdobln8UmuiYcKPot9D2v6svN5+sAH+4kjUM=
+github.com/ProtonMail/go-crypto v1.0.0 h1:LRuvITjQWX+WIfr930YHG2HNfjR1uOfyf5vE0kC2U78=
+github.com/ProtonMail/go-crypto v1.0.0/go.mod h1:EjAoLdwvbIOoOQr3ihjnSoLZRtE8azugULFRteWMNc0=
+github.com/adrg/xdg v0.5.0 h1:dDaZvhMXatArP1NPHhnfaQUqWBLBsmx1h1HXQdMoFCY=
+github.com/adrg/xdg v0.5.0/go.mod h1:dDdY4M4DF9Rjy4kHPeNL+ilVF+p2lK8IdM9/rTSGcI4=
+github.com/anmitsu/go-shlex v0.0.0-20200514113438-38f4b401e2be h1:9AeTilPcZAjCFIImctFaOjnTIavg87rW78vTPkQqLI8=
+github.com/anmitsu/go-shlex v0.0.0-20200514113438-38f4b401e2be/go.mod h1:ySMOLuWl6zY27l47sB3qLNK6tF2fkHG55UZxx8oIVo4=
+github.com/armon/go-socks5 v0.0.0-20160902184237-e75332964ef5 h1:0CwZNZbxp69SHPdPJAN/hZIm0C4OItdklCFmMRWYpio=
+github.com/armon/go-socks5 v0.0.0-20160902184237-e75332964ef5/go.mod h1:wHh0iHkYZB8zMSxRWpUBQtwG5a7fFgvEO+odwuTv2gs=
+github.com/bep/debounce v1.2.1 h1:v67fRdBA9UQu2NhLFXrSg0Brw7CexQekrBwDMM8bzeY=
+github.com/bep/debounce v1.2.1/go.mod h1:H8yggRPQKLUhUoqrJC1bO2xNya7vanpDl7xR3ISbCJ0=
+github.com/bwesterb/go-ristretto v1.2.3/go.mod h1:fUIoIZaG73pV5biE2Blr2xEzDoMj7NFEuV9ekS419A0=
+github.com/cloudflare/circl v1.3.3/go.mod h1:5XYMA4rFBvNIrhs50XuiBJ15vF2pZn4nnUKZrLbUZFA=
+github.com/cloudflare/circl v1.3.8 h1:j+V8jJt09PoeMFIu2uh5JUyEaIHTXVOHslFoLNAKqwI=
+github.com/cloudflare/circl v1.3.8/go.mod h1:PDRU+oXvdD7KCtgKxW95M5Z8BpSCJXQORiZFnBQS5QU=
+github.com/cyphar/filepath-securejoin v0.2.5 h1:6iR5tXJ/e6tJZzzdMc1km3Sa7RRIVBKAK32O2s7AYfo=
+github.com/cyphar/filepath-securejoin v0.2.5/go.mod h1:aPGpWjXOXUn2NCNjFvBE6aRxGGx79pTxQpKOJNYHHl4=
+github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
+github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=
+github.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=
+github.com/ebitengine/purego v0.4.0-alpha.4 h1:Y7yIV06Yo5M2BAdD7EVPhfp6LZ0tEcQo5770OhYUVes=
+github.com/ebitengine/purego v0.4.0-alpha.4/go.mod h1:ah1In8AOtksoNK6yk5z1HTJeUkC1Ez4Wk2idgGslMwQ=
+github.com/elazarl/goproxy v0.0.0-20230808193330-2592e75ae04a h1:mATvB/9r/3gvcejNsXKSkQ6lcIaNec2nyfOdlTBR2lU=
+github.com/elazarl/goproxy v0.0.0-20230808193330-2592e75ae04a/go.mod h1:Ro8st/ElPeALwNFlcTpWmkr6IoMFfkjXAvTHpevnDsM=
+github.com/emirpasic/gods v1.18.1 h1:FXtiHYKDGKCW2KzwZKx0iC0PQmdlorYgdFG9jPXJ1Bc=
+github.com/emirpasic/gods v1.18.1/go.mod h1:8tpGGwCnJ5H4r6BWwaV6OrWmMoPhUl5jm/FMNAnJvWQ=
+github.com/gliderlabs/ssh v0.3.7 h1:iV3Bqi942d9huXnzEF2Mt+CY9gLu8DNM4Obd+8bODRE=
+github.com/gliderlabs/ssh v0.3.7/go.mod h1:zpHEXBstFnQYtGnB8k8kQLol82umzn/2/snG7alWVD8=
+github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 h1:+zs/tPmkDkHx3U66DAb0lQFJrpS6731Oaa12ikc+DiI=
+github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376/go.mod h1:an3vInlBmSxCcxctByoQdvwPiA7DTK7jaaFDBTtu0ic=
+github.com/go-git/go-billy/v5 v5.6.0 h1:w2hPNtoehvJIxR00Vb4xX94qHQi/ApZfX+nBE2Cjio8=
+github.com/go-git/go-billy/v5 v5.6.0/go.mod h1:sFDq7xD3fn3E0GOwUSZqHo9lrkmx8xJhA0ZrfvjBRGM=
+github.com/go-git/go-git-fixtures/v4 v4.3.2-0.20231010084843-55a94097c399 h1:eMje31YglSBqCdIqdhKBW8lokaMrL3uTkpGYlE2OOT4=
+github.com/go-git/go-git-fixtures/v4 v4.3.2-0.20231010084843-55a94097c399/go.mod h1:1OCfN199q1Jm3HZlxleg+Dw/mwps2Wbk9frAWm+4FII=
+github.com/go-git/go-git/v5 v5.12.0 h1:7Md+ndsjrzZxbddRDZjF14qK+NN56sy6wkqaVrjZtys=
+github.com/go-git/go-git/v5 v5.12.0/go.mod h1:FTM9VKtnI2m65hNI/TenDDDnUf2Q9FHnXYjuz9i5OEY=
+github.com/go-ole/go-ole v1.3.0 h1:Dt6ye7+vXGIKZ7Xtk4s6/xVdGDQynvom7xCFEdWr6uE=
+github.com/go-ole/go-ole v1.3.0/go.mod h1:5LS6F96DhAwUc7C+1HLexzMXY1xGRSryjyPPKW6zv78=
+github.com/godbus/dbus/v5 v5.1.0 h1:4KLkAxT3aOY8Li4FRJe/KvhoNFFxo0m6fNuFUO8QJUk=
+github.com/godbus/dbus/v5 v5.1.0/go.mod h1:xhWf0FNVPg57R7Z0UbKHbJfkEywrmjJnf7w5xrFpKfA=
+github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da h1:oI5xCqsCo564l8iNU+DwB5epxmsaqB+rhGL0m5jtYqE=
+github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da/go.mod h1:cIg4eruTrX1D+g88fzRXU5OdNfaM+9IcxsU14FzY7Hc=
+github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
+github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
+github.com/google/pprof v0.0.0-20250317173921-a4b03ec1a45e h1:ijClszYn+mADRFY17kjQEVQ1XRhq2/JR1M3sGqeJoxs=
+github.com/google/pprof v0.0.0-20250317173921-a4b03ec1a45e/go.mod h1:boTsfXsheKC2y+lKOCMpSfarhxDeIzfZG1jqGcPl3cA=
+github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
+github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99 h1:BQSFePA1RWJOlocH6Fxy8MmwDt+yVQYULKfN0RoTN8A=
+github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99/go.mod h1:1lJo3i6rXxKeerYnT8Nvf0QmHCRC1n8sfWVwXF2Frvo=
+github.com/jchv/go-winloader v0.0.0-20210711035445-715c2860da7e h1:Q3+PugElBCf4PFpxhErSzU3/PY5sFL5Z6rfv4AbGAck=
+github.com/jchv/go-winloader v0.0.0-20210711035445-715c2860da7e/go.mod h1:alcuEEnZsY1WQsagKhZDsoPCRoOijYqhZvPwLG0kzVs=
+github.com/kevinburke/ssh_config v1.2.0 h1:x584FjTGwHzMwvHx18PXxbBVzfnxogHaAReU4gf13a4=
+github.com/kevinburke/ssh_config v1.2.0/go.mod h1:CT57kijsi8u/K/BOFA39wgDQJ9CxiF4nAY/ojJ6r6mM=
+github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=
+github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
+github.com/kr/pretty v0.3.1/go.mod h1:hoEshYVHaxMs3cyo3Yncou5ZscifuDolrwPKZanG3xk=
+github.com/kr/pty v1.1.1/go.mod h1:pFQYn66WHrOpPYNljwOMqo10TkYh1fy3cYio2l3bCsQ=
+github.com/kr/text v0.1.0/go.mod h1:4Jbv+DJW3UT/LiOwJeYQe1efqtUx/iVham/4vfdArNI=
+github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
+github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
+github.com/leaanthony/go-ansi-parser v1.6.1 h1:xd8bzARK3dErqkPFtoF9F3/HgN8UQk0ed1YDKpEz01A=
+github.com/leaanthony/go-ansi-parser v1.6.1/go.mod h1:+vva/2y4alzVmmIEpk9QDhA7vLC5zKDTRwfZGOp3IWU=
+github.com/leaanthony/u v1.1.0 h1:2n0d2BwPVXSUq5yhe8lJPHdxevE2qK5G99PMStMZMaI=
+github.com/leaanthony/u v1.1.0/go.mod h1:9+o6hejoRljvZ3BzdYlVL0JYCwtnAsVuN9pVTQcaRfI=
+github.com/lmittmann/tint v1.0.4 h1:LeYihpJ9hyGvE0w+K2okPTGUdVLfng1+nDNVR4vWISc=
+github.com/lmittmann/tint v1.0.4/go.mod h1:HIS3gSy7qNwGCj+5oRjAutErFBl4BzdQP6cJZ0NfMwE=
+github.com/matryer/is v1.4.0 h1:sosSmIWwkYITGrxZ25ULNDeKiMNzFSr4V/eqBQP0PeE=
+github.com/matryer/is v1.4.0/go.mod h1:8I/i5uYgLzgsgEloJE1U6xx5HkBQpAZvepWuujKwMRU=
+github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxecdEvA=
+github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
+github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
+github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
+github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/ncruces/go-strftime v0.1.9 h1:bY0MQC28UADQmHmaF5dgpLmImcShSi2kHU9XLdhx/f4=
+github.com/ncruces/go-strftime v0.1.9/go.mod h1:Fwc5htZGVVkseilnfgOVb9mKy6w1naJmn9CehxcKcls=
+github.com/onsi/gomega v1.34.1 h1:EUMJIKUjM8sKjYbtxQI9A4z2o+rruxnzNvpknOXie6k=
+github.com/onsi/gomega v1.34.1/go.mod h1:kU1QgUvBDLXBJq618Xvm2LUX6rSAfRaFRTcdOeDLwwY=
+github.com/pjbgf/sha1cd v0.3.0 h1:4D5XXmUUBUl/xQ6IjCkEAbqXskkq/4O7LmGn0AqMDs4=
+github.com/pjbgf/sha1cd v0.3.0/go.mod h1:nZ1rrWOcGJ5uZgEEVL1VUM9iRQiZvWdbZjkKyFzPPsI=
+github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8 h1:KoWmjvw+nsYOo29YJK9vDA65RGE3NrOnUtO7a+RF9HU=
+github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8/go.mod h1:HKlIX3XHQyzLZPlr7++PzdhaXEj94dEiJgZDTsxEqUI=
+github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
+github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
+github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
+github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
+github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
+github.com/rivo/uniseg v0.4.7 h1:WUdvkW8uEhrYfLC4ZzdpI2ztxP1I582+49Oc5Mq64VQ=
+github.com/rivo/uniseg v0.4.7/go.mod h1:FN3SvrM+Zdj16jyLfmOkMNblXMcoc8DfTHruCPUcx88=
+github.com/rogpeppe/go-internal v1.11.0 h1:cWPaGQEPrBb5/AsnsZesgZZ9yb1OQ+GOISoDNXVBh4M=
+github.com/rogpeppe/go-internal v1.11.0/go.mod h1:ddIwULY96R17DhadqLgMfk9H9tvdUzkipdSkR5nkCZA=
+github.com/samber/lo v1.38.1 h1:j2XEAqXKb09Am4ebOg31SpvzUTTs6EN3VfgeLUhPdXM=
+github.com/samber/lo v1.38.1/go.mod h1:+m/ZKRl6ClXCE2Lgf3MsQlWfh4bn1bz6CXEOxnEXnEA=
+github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3 h1:n661drycOFuPLCN3Uc8sB6B/s6Z4t2xvBgU1htSHuq8=
+github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3/go.mod h1:A0bzQcvG0E7Rwjx0REVgAGH58e96+X0MeOfepqsbeW4=
+github.com/sirupsen/logrus v1.7.0/go.mod h1:yWOB1SBYBC5VeMP7gHvWumXLIWorT60ONWic61uBYv0=
+github.com/skeema/knownhosts v1.2.2 h1:Iug2P4fLmDw9f41PB6thxUkNUkJzB5i+1/exaj40L3A=
+github.com/skeema/knownhosts v1.2.2/go.mod h1:xYbVRSPxqBZFrdmDyMmsOs+uX1UZC3nTN3ThzgDxUwo=
+github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
+github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs=
+github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
+github.com/stretchr/testify v1.9.0 h1:HtqpIVDClZ4nwg75+f6Lvsy/wHu+3BoSGCbBAcpTsTg=
+github.com/stretchr/testify v1.9.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/wailsapp/go-webview2 v1.0.19 h1:7U3QcDj1PrBPaxJNCui2k1SkWml+Q5kvFUFyTImA6NU=
+github.com/wailsapp/go-webview2 v1.0.19/go.mod h1:qJmWAmAmaniuKGZPWwne+uor3AHMB5PFhqiK0Bbj8kc=
+github.com/wailsapp/mimetype v1.4.1 h1:pQN9ycO7uo4vsUUuPeHEYoUkLVkaRntMnHJxVwYhwHs=
+github.com/wailsapp/mimetype v1.4.1/go.mod h1:9aV5k31bBOv5z6u+QP8TltzvNGJPmNJD4XlAL3U+j3o=
+github.com/wailsapp/wails/v3 v3.0.0-alpha.9 h1:b8CfRrhPno8Fra0xFp4Ifyj+ogmXBc35rsQWvcrHtsI=
+github.com/wailsapp/wails/v3 v3.0.0-alpha.9/go.mod h1:dSv6s722nSWaUyUiapAM1DHc5HKggNGY1a79shO85/g=
+github.com/xanzy/ssh-agent v0.3.3 h1:+/15pJfg/RsTxqYcX6fHqOXZwwMP+2VyYWJeWM2qQFM=
+github.com/xanzy/ssh-agent v0.3.3/go.mod h1:6dzNDKs0J9rVPHPhaGCukekBHKqfl+L3KghI1Bc68Uw=
+github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
+golang.design/x/hotkey v0.4.1 h1:zLP/2Pztl4WjyxURdW84GoZ5LUrr6hr69CzJFJ5U1go=
+golang.design/x/hotkey v0.4.1/go.mod h1:M8SGcwFYHnKRa83FpTFQoZvPO5vVT+kWPztFqTQKmXA=
+golang.design/x/mainthread v0.3.0 h1:UwFus0lcPodNpMOGoQMe87jSFwbSsEY//CA7yVmu4j8=
+golang.design/x/mainthread v0.3.0/go.mod h1:vYX7cF2b3pTJMGM/hc13NmN6kblKnf4/IyvHeu259L0=
+golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
+golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
+golang.org/x/crypto v0.0.0-20220622213112-05595931fe9d/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=
+golang.org/x/crypto v0.3.1-0.20221117191849-2c476679df9a/go.mod h1:hebNnKkNXi2UzZN1eVRvBB7co0a+JxK6XbPiWVs/3J4=
+golang.org/x/crypto v0.7.0/go.mod h1:pYwdfH91IfpZVANVyUOhSIPZaFoJGxTFbZhFTx+dXZU=
+golang.org/x/crypto v0.39.0 h1:SHs+kF4LP+f+p14esP5jAoDpHU8Gu/v9lFRK6IT5imM=
+golang.org/x/crypto v0.39.0/go.mod h1:L+Xg3Wf6HoL4Bn4238Z6ft6KfEpN0tJGo53AAPC632U=
+golang.org/x/exp v0.0.0-20250620022241-b7579e27df2b h1:M2rDM6z3Fhozi9O7NWsxAkg/yqS/lQJ6PmkyIV3YP+o=
+golang.org/x/exp v0.0.0-20250620022241-b7579e27df2b/go.mod h1:3//PLf8L/X+8b4vuAfHzxeRUl04Adcb341+IGKfnqS8=
+golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
+golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.25.0 h1:n7a+ZbQKQA/Ysbyb0/6IbB1H/X41mKgbhfv7AfG/44w=
+golang.org/x/mod v0.25.0/go.mod h1:IXM97Txy2VM4PJ3gI61r1YEk/gAj6zAHN3AdZt6S9Ww=
+golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
+golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
+golang.org/x/net v0.0.0-20210505024714-0287a6fb4125/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
+golang.org/x/net v0.0.0-20211112202133-69e39bad7dc2/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
+golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
+golang.org/x/net v0.2.0/go.mod h1:KqCZLdyyvdV855qA2rE3GC2aiw5xGR5TEjj8smXukLY=
+golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
+golang.org/x/net v0.8.0/go.mod h1:QVkue5JL9kW//ek3r6jTKnTFis1tRmNAW2P1shuFdJc=
+golang.org/x/net v0.41.0 h1:vBTly1HeNPEn3wtREYfy4GZ/NECgw2Cnl+nK6Nz3uvw=
+golang.org/x/net v0.41.0/go.mod h1:B/K4NNqkfmg07DQYrbwvSluqCJOOXwUjeb/5lOisjbA=
+golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.15.0 h1:KWH3jNZsfyT6xfAfKiz6MRNmd46ByHDYaZ7KSkCtdW8=
+golang.org/x/sync v0.15.0/go.mod h1:1dzgHSNfp02xaA81J2MS99Qcpr2w7fw1gpm99rleRqA=
+golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
+golang.org/x/sys v0.0.0-20191026070338-33540a1f6037/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20200810151505-1b9f1253b3ed/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210124154548-22da62e12c0c/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20210616045830-e2b7044e8c71/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.1.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.2.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.3.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.34.0 h1:H5Y5sJ2L2JRdyv7ROF1he/lPdvFsd0mJHFw2ThKHxLA=
+golang.org/x/sys v0.34.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
+golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
+golang.org/x/term v0.2.0/go.mod h1:TVmDHMZPmdnySmBfhjOoOdhjzdE1h4u1VwSiw2l1Nuc=
+golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
+golang.org/x/term v0.6.0/go.mod h1:m6U89DPEgQRMq3DNkDClhWw02AUbt2daBVO4cn4Hv9U=
+golang.org/x/term v0.32.0 h1:DR4lr0TjUs3epypdhTOkMmuF5CDFJ/8pOnbzMZPQ7bg=
+golang.org/x/term v0.32.0/go.mod h1:uZG1FhGx848Sqfsq4/DlJr3xGGsYMu/L5GW4abiaEPQ=
+golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
+golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
+golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
+golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
+golang.org/x/text v0.4.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
+golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
+golang.org/x/text v0.8.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
+golang.org/x/text v0.26.0 h1:P42AVeLghgTYr4+xUnTRKDMqpar+PtX7KWuNQL21L8M=
+golang.org/x/text v0.26.0/go.mod h1:QK15LZJUUQVJxhz7wXgxSy/CJaTFjd0G+YLonydOVQA=
+golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
+golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
+golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
+golang.org/x/tools v0.6.0/go.mod h1:Xwgl3UAJ/d3gWutnCtw505GrjyAbvKui8lOU390QaIU=
+golang.org/x/tools v0.34.0 h1:qIpSLOxeCYGg9TrcJokLBG4KFA6d795g0xkBkiESGlo=
+golang.org/x/tools v0.34.0/go.mod h1:pAP9OwEaY1CAW3HOmg3hLZC5Z0CCmzjAF2UQMSqNARg=
+golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c h1:Hei/4ADfdWqJk1ZMxUNpqntNwaWcugrBjAiHlqqRiVk=
+gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c/go.mod h1:JHkPIbrfpd72SG/EVd6muEfDQjcINNoR0C8j2r3qZ4Q=
+gopkg.in/ini.v1 v1.67.0 h1:Dgnx+6+nfE+IfzjUEISNeydPJh9AXNNsWbGP9KzCsOA=
+gopkg.in/ini.v1 v1.67.0/go.mod h1:pNLf8WUiyNEtQjuu5G5vTm06TEv9tsIgeAvK8hOrP4k=
+gopkg.in/warnings.v0 v0.1.2 h1:wFXVbFY8DY5/xOe1ECiWdKCzZlxgshcYVNkBHstARME=
+gopkg.in/warnings.v0 v0.1.2/go.mod h1:jksf8JmL6Qr/oQM2OXTHunEvvTAsrWBLb6OOjuVWRNI=
+gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
+gopkg.in/yaml.v2 v2.4.0/go.mod h1:RDklbk79AGWmwhnvt/jBztapEOGDOx6ZbXqjP6csGnQ=
+gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
+gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+modernc.org/cc/v4 v4.26.2 h1:991HMkLjJzYBIfha6ECZdjrIYz2/1ayr+FL8GN+CNzM=
+modernc.org/cc/v4 v4.26.2/go.mod h1:uVtb5OGqUKpoLWhqwNQo/8LwvoiEBLvZXIQ/SmO6mL0=
+modernc.org/ccgo/v4 v4.28.0 h1:rjznn6WWehKq7dG4JtLRKxb52Ecv8OUGah8+Z/SfpNU=
+modernc.org/ccgo/v4 v4.28.0/go.mod h1:JygV3+9AV6SmPhDasu4JgquwU81XAKLd3OKTUDNOiKE=
+modernc.org/fileutil v1.3.8 h1:qtzNm7ED75pd1C7WgAGcK4edm4fvhtBsEiI/0NQ54YM=
+modernc.org/fileutil v1.3.8/go.mod h1:HxmghZSZVAz/LXcMNwZPA/DRrQZEVP9VX0V4LQGQFOc=
+modernc.org/gc/v2 v2.6.5 h1:nyqdV8q46KvTpZlsw66kWqwXRHdjIlJOhG6kxiV/9xI=
+modernc.org/gc/v2 v2.6.5/go.mod h1:YgIahr1ypgfe7chRuJi2gD7DBQiKSLMPgBQe9oIiito=
+modernc.org/goabi0 v0.2.0 h1:HvEowk7LxcPd0eq6mVOAEMai46V+i7Jrj13t4AzuNks=
+modernc.org/goabi0 v0.2.0/go.mod h1:CEFRnnJhKvWT1c1JTI3Avm+tgOWbkOu5oPA8eH8LnMI=
+modernc.org/libc v1.66.3 h1:cfCbjTUcdsKyyZZfEUKfoHcP3S0Wkvz3jgSzByEWVCQ=
+modernc.org/libc v1.66.3/go.mod h1:XD9zO8kt59cANKvHPXpx7yS2ELPheAey0vjIuZOhOU8=
+modernc.org/mathutil v1.7.1 h1:GCZVGXdaN8gTqB1Mf/usp1Y/hSqgI2vAGGP4jZMCxOU=
+modernc.org/mathutil v1.7.1/go.mod h1:4p5IwJITfppl0G4sUEDtCr4DthTaT47/N3aT6MhfgJg=
+modernc.org/memory v1.11.0 h1:o4QC8aMQzmcwCK3t3Ux/ZHmwFPzE6hf2Y5LbkRs+hbI=
+modernc.org/memory v1.11.0/go.mod h1:/JP4VbVC+K5sU2wZi9bHoq2MAkCnrt2r98UGeSK7Mjw=
+modernc.org/opt v0.1.4 h1:2kNGMRiUjrp4LcaPuLY2PzUfqM/w9N23quVwhKt5Qm8=
+modernc.org/opt v0.1.4/go.mod h1:03fq9lsNfvkYSfxrfUhZCWPk1lm4cq4N+Bh//bEtgns=
+modernc.org/sortutil v1.2.1 h1:+xyoGf15mM3NMlPDnFqrteY07klSFxLElE2PVuWIJ7w=
+modernc.org/sortutil v1.2.1/go.mod h1:7ZI3a3REbai7gzCLcotuw9AC4VZVpYMjDzETGsSMqJE=
+modernc.org/sqlite v1.38.2 h1:Aclu7+tgjgcQVShZqim41Bbw9Cho0y/7WzYptXqkEek=
+modernc.org/sqlite v1.38.2/go.mod h1:cPTJYSlgg3Sfg046yBShXENNtPrWrDX8bsbAQBzgQ5E=
+modernc.org/strutil v1.2.1 h1:UneZBkQA+DX2Rp35KcM69cSsNES9ly8mQWD71HKlOA0=
+modernc.org/strutil v1.2.1/go.mod h1:EHkiggD70koQxjVdSBM3JKM7k6L0FbGE5eymy9i3B9A=
+modernc.org/token v1.1.0 h1:Xl7Ap9dKaEs5kLoOQeQmPWevfnk/DM5qcLcYlA8ys6Y=
+modernc.org/token v1.1.0/go.mod h1:UGzOrNV1mAFSEB63lOFHIpNRUVMvYTc6yu1SMY/XTDM=
diff --git a/internal/models/appconfig.go b/internal/models/appconfig.go
new file mode 100644
index 0000000..56341b6
--- /dev/null
+++ b/internal/models/appconfig.go
@@ -0,0 +1,13 @@
+package models
+
+type Lang struct {
+	AppMenu Appmenus `json:"Appmenus"`
+}
+
+type Appmenus struct {
+	About       string `json:"about"`
+	Quit        string `json:"quit"`
+	Preferences string `json:"preferences"`
+	Second      string `json:"second"`
+	Version     string `json:"version"`
+}
diff --git a/internal/models/hotkey.go b/internal/models/hotkey.go
new file mode 100644
index 0000000..d38adef
--- /dev/null
+++ b/internal/models/hotkey.go
@@ -0,0 +1,7 @@
+package models
+
+type Hotkey struct {
+	ID        int    `json:"id"`        // 热键ID
+	KeyCode   uint32 `json:"keycode"`   // 键码
+	Modifiers uint32 `json:"modifiers"` // 修饰键
+}
diff --git a/internal/services/appconfig_service.go b/internal/services/appconfig_service.go
new file mode 100644
index 0000000..c3a2f20
--- /dev/null
+++ b/internal/services/appconfig_service.go
@@ -0,0 +1,52 @@
+package services
+
+type AppConfigService struct {
+	store *SuiStore
+}
+
+// 创建新的AppConfigService实例
+func NewAppConfigService(store *SuiStore) *AppConfigService {
+	return &AppConfigService{
+		store: store,
+	}
+}
+
+// 根据key获取配置项
+func (r *AppConfigService) GetAppConfig(key string) (string, error) {
+	row := r.store.DB.QueryRow(`
+		SELECT value
+		FROM appconfig
+		WHERE key = ?
+	`, key)
+
+	var value string
+	err := row.Scan(&value)
+	if err != nil {
+		return "en", err
+	}
+	return value, nil
+}
+
+// 设置或更新配置项
+func (r *AppConfigService) SetAppConfig(key, value string) error {
+	_, err := r.store.DB.Exec(`
+		INSERT INTO appconfig (key, type, value, description)
+		VALUES (?, 'user', ?, '')
+		ON CONFLICT(key) DO UPDATE SET value=excluded.value
+	`, key, value)
+	return err
+}
+
+// 获取应用语言
+func (s *AppConfigService) GetLanguage() string {
+	lang, err := s.GetAppConfig("language")
+	if err != nil || lang == "" {
+		return "en"
+	}
+	return lang
+}
+
+// 设置应用语言
+func (s *AppConfigService) SetLanguage(lang string) error {
+	return s.SetAppConfig("language", lang)
+}
diff --git a/internal/services/appservice.go b/internal/services/appservice.go
new file mode 100644
index 0000000..57e8ce1
--- /dev/null
+++ b/internal/services/appservice.go
@@ -0,0 +1,164 @@
+package services
+
+import (
+	"cmbone/internal/models"
+	"embed"
+	"encoding/json"
+	"fmt"
+	"log"
+	"runtime"
+
+	"github.com/wailsapp/wails/v3/pkg/application"
+	"github.com/wailsapp/wails/v3/pkg/events"
+)
+
+type AppService struct {
+	App          *application.App
+	SecondWindow *application.WebviewWindow
+	MainWindow   *application.WebviewWindow
+
+	Config *AppConfigService
+
+	Tray          *application.SystemTray
+	I18nFS        embed.FS
+	Menu          *application.Menu
+	MenuQuit      *application.MenuItem
+	MenuSetting   *application.MenuItem
+	MenuSecondBar *application.MenuItem
+	MenuVersion   *application.MenuItem
+}
+
+const HotkeyShowSecondWindow = 1
+
+func ConfigureAppService(a *AppService, app *application.App, i18nFS embed.FS, suidb *SuiStore) {
+	a.App = app
+	a.I18nFS = i18nFS
+	a.Config = NewAppConfigService(suidb)
+
+	isWindows := runtime.GOOS == "windows"
+	mainWindow := app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
+		Title:     "main",
+		Frameless: isWindows,
+		Mac: application.MacWindow{
+			InvisibleTitleBarHeight: 50,
+			Backdrop:                application.MacBackdropTranslucent,
+			TitleBar:                application.MacTitleBarHiddenInset,
+		},
+		Windows: application.WindowsWindow{
+			DisableIcon: true,
+		},
+		URL: "/",
+	})
+
+	secondWindow := app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
+		Title:  "second",
+		Name:   "second",
+		Width:  340,
+		Height: 320,
+		Mac: application.MacWindow{
+			InvisibleTitleBarHeight: 50,
+			TitleBar:                application.MacTitleBarHidden,
+			Backdrop:                application.MacBackdropTransparent,
+		},
+		BackgroundColour: application.NewRGB(27, 38, 54),
+		URL:              "/#/second",
+	})
+	secondWindow.Hide()
+	a.SecondWindow = secondWindow
+	a.MainWindow = mainWindow
+
+	RegisterWindowAndCallback(HotkeyShowSecondWindow, a.SecondWindow, func() {
+		if a.SecondWindow == nil {
+			return
+		}
+		a.SecondWindow.Show()
+		a.SecondWindow.Focus()
+	})
+
+	a.MainWindow.RegisterHook(events.Common.WindowClosing, func(e *application.WindowEvent) {
+		a.MainWindow.Hide()
+		e.Cancel()
+	})
+
+	a.SecondWindow.RegisterHook(events.Common.WindowClosing, func(e *application.WindowEvent) {
+		a.SecondWindow.Hide()
+		e.Cancel()
+	})
+
+	initTray(a, NewAppConfigService(suidb).GetLanguage())
+}
+
+func (a *AppService) OpenSecondWindow() {
+	if a.SecondWindow != nil {
+		a.SecondWindow.Show()
+	}
+}
+
+func initTray(a *AppService, langValue string) {
+	a.Tray = a.App.NewSystemTray()
+	a.Tray.SetLabel("cmbone")
+	loadAppMenu(a, langValue)
+}
+
+func loadLang(i18nemb embed.FS, lang string) (*models.Lang, error) {
+	file := fmt.Sprintf("frontend/src/locales/%s.json", lang)
+	data, err := i18nemb.ReadFile(file)
+	if err != nil {
+		return nil, err
+	}
+	var i18nva models.Lang
+	err = json.Unmarshal(data, &i18nva)
+	return &i18nva, err
+}
+
+func loadAppMenu(a *AppService, langValue string) {
+	lang, langerr := loadLang(a.I18nFS, langValue)
+	if langerr != nil {
+		log.Printf("load language %q failed: %v", langValue, langerr)
+		return
+	}
+	a.Menu = application.NewMenu()
+	a.MenuSecondBar = a.Menu.Add(lang.AppMenu.Second).OnClick(func(ctx *application.Context) {
+		a.SecondWindow.Show()
+		a.SecondWindow.Focus()
+	})
+	a.MenuSetting = a.Menu.Add(lang.AppMenu.Preferences).OnClick(func(ctx *application.Context) {
+		a.MainWindow.Show()
+		a.MainWindow.Focus()
+	})
+	a.Menu.AddSeparator()
+	item := a.Menu.Add(lang.AppMenu.Version)
+	item.SetEnabled(false)
+	a.MenuVersion = item
+	a.Menu.AddSeparator()
+	a.MenuQuit = a.Menu.Add(lang.AppMenu.Quit).OnClick(func(ctx *application.Context) {
+		a.App.Quit()
+	})
+	a.Tray.SetMenu(a.Menu)
+}
+
+func updateAppMenu(a *AppService, langValue string) {
+	lang, langerr := loadLang(a.I18nFS, langValue)
+	if langerr != nil {
+		log.Printf("load language %q failed: %v", langValue, langerr)
+		return
+	}
+	a.MenuSecondBar.SetLabel(lang.AppMenu.Second)
+	a.MenuSetting.SetLabel(lang.AppMenu.Preferences)
+	a.MenuVersion.SetLabel(lang.AppMenu.Version)
+	a.MenuQuit.SetLabel(lang.AppMenu.Quit)
+	if runtime.GOOS == "darwin" {
+		a.Menu.Update()
+	} else {
+		a.Tray.SetMenu(a.Menu)
+	}
+}
+
+func (s *AppService) SetLanguage(lang string) error {
+	current := s.Config.GetLanguage()
+	if current == lang {
+		return nil
+	}
+	updateAppMenu(s, lang)
+	return s.Config.SetLanguage(lang)
+}
diff --git a/internal/services/hotkey_service.go b/internal/services/hotkey_service.go
new file mode 100644
index 0000000..bea3786
--- /dev/null
+++ b/internal/services/hotkey_service.go
@@ -0,0 +1,122 @@
+package services
+
+import (
+	"cmbone/internal/models"
+	hotkey "cmbone/platform"
+	"log"
+	"sync"
+
+	"github.com/wailsapp/wails/v3/pkg/application"
+)
+
+type HotkeyService struct {
+	store *SuiStore
+}
+
+func NewHotkeyService(store *SuiStore) *HotkeyService {
+	return &HotkeyService{
+		store: store,
+	}
+}
+
+func (cs *HotkeyService) UpHotkey(id int, key int, modifier int) error {
+	var oldKey, oldModifier uint32
+	if err := cs.store.DB.QueryRow("SELECT keycode, modifiers FROM hotkeys WHERE id = ?", id).Scan(&oldKey, &oldModifier); err != nil {
+		return err
+	}
+
+	_, err := cs.store.DB.Exec(`
+        UPDATE hotkeys 
+        SET keycode = ?, modifiers = ? 
+        WHERE id = ?
+    `, key, modifier, id)
+	if err == nil {
+		LoadAndRegisterHotkeysFrom(cs.store, id)
+		hotkey.UnregisterHotKey(oldKey, oldModifier)
+	}
+	return err
+}
+
+func (cs *HotkeyService) GetHotkeys() ([]models.Hotkey, error) {
+	rows, err := cs.store.DB.Query("SELECT id, keycode, modifiers FROM hotkeys")
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	var hotkeys []models.Hotkey
+	for rows.Next() {
+		var hk models.Hotkey
+		if err := rows.Scan(&hk.ID, &hk.KeyCode, &hk.Modifiers); err != nil {
+			return nil, err
+		}
+		hotkeys = append(hotkeys, hk)
+	}
+
+	if err := rows.Err(); err != nil {
+		return nil, err
+	}
+
+	return hotkeys, nil
+}
+
+type hotkeyEntry struct {
+	ID       int
+	Hotkey   models.Hotkey
+	Window   application.Window
+	Callback func()
+}
+
+var (
+	hotkeys = make(map[int]*hotkeyEntry)
+	mutex   sync.RWMutex
+)
+
+func RegisterHotkeyEntry(id int, keycode, modifiers uint32, win application.Window, cb func()) {
+	mutex.Lock()
+	defer mutex.Unlock()
+
+	hotkeys[id] = &hotkeyEntry{
+		ID: id,
+		Hotkey: models.Hotkey{
+			KeyCode:   keycode,
+			Modifiers: modifiers,
+		},
+		Window:   win,
+		Callback: cb,
+	}
+	hotkey.RegisterHotKeyWithCallback(keycode, modifiers, cb)
+}
+
+func LoadAndRegisterHotkeysFrom(m *SuiStore, id int) {
+	var hk models.Hotkey
+	err := m.DB.QueryRow("SELECT keycode, modifiers FROM hotkeys  where id = ?", id).Scan(&hk.KeyCode, &hk.Modifiers)
+	if err != nil {
+		log.Printf("load hotkey %d failed: %v", id, err)
+		return
+	}
+	mutex.RLock()
+	entry, ok := hotkeys[id]
+	mutex.RUnlock()
+
+	if !ok {
+		log.Printf("hotkey %d has no registered window callback", id)
+		return
+	}
+	hotkey.UnregisterHotKey(hk.KeyCode, hk.Modifiers)
+	RegisterHotkeyEntry(id, hk.KeyCode, hk.Modifiers, entry.Window, entry.Callback)
+}
+
+func RegisterWindowAndCallback(id int, win application.Window, cb hotkey.HotKeyCallback) {
+	mutex.Lock()
+	hotkeys[id] = &hotkeyEntry{
+		ID: id,
+		Hotkey: models.Hotkey{
+			KeyCode:   0,
+			Modifiers: 0,
+		},
+		Window:   win,
+		Callback: cb,
+	}
+	mutex.Unlock()
+}
diff --git a/internal/services/ocr_service.go b/internal/services/ocr_service.go
new file mode 100644
index 0000000..045ab32
--- /dev/null
+++ b/internal/services/ocr_service.go
@@ -0,0 +1,12 @@
+package services
+
+import (
+	"cmbone/platform"
+)
+
+type OCRService struct{}
+
+// 识别Base64图片（data:image/png;base64,...）
+func (o *OCRService) RecognizeImageBase64(base64str string) (string, error) {
+	return platform.RecognizeImageBase64(base64str)
+}
diff --git a/internal/services/store.go b/internal/services/store.go
new file mode 100644
index 0000000..6ba8afe
--- /dev/null
+++ b/internal/services/store.go
@@ -0,0 +1,99 @@
+package services
+
+import (
+	"database/sql"
+	"os"
+	"path/filepath"
+
+	_ "modernc.org/sqlite"
+)
+
+const (
+	appConfigDirName = "cmbone"
+	databaseFileName = "cmbone.db"
+)
+
+type SuiStore struct {
+	DB *sql.DB
+}
+
+func getSafeDBPath() (string, error) {
+	configDir, err := os.UserConfigDir()
+	if err != nil {
+		return "", err
+	}
+	appDir := filepath.Join(configDir, appConfigDirName)
+	err = os.MkdirAll(appDir, 0755)
+	if err != nil {
+		return "", err
+	}
+	return filepath.Join(appDir, databaseFileName), nil
+}
+
+func NewSuiStore() (*SuiStore, error) {
+	dbPath, err := getSafeDBPath()
+	if err != nil {
+		return nil, err
+	}
+	db, err := sql.Open("sqlite", dbPath)
+	if err != nil {
+		return nil, err
+	}
+	err = Migrate(db)
+	if err != nil {
+		_ = db.Close()
+		return nil, err
+	}
+	return &SuiStore{DB: db}, nil
+}
+
+func (cs *SuiStore) Close() {
+	if cs != nil && cs.DB != nil {
+		_ = cs.DB.Close()
+	}
+}
+
+func (cs *SuiStore) Start() error {
+	// 这里可以初始化数据库或其它启动逻辑
+	return nil
+}
+
+func (cs *SuiStore) Stop() error {
+	cs.Close()
+	return nil
+}
+
+func Migrate(db *sql.DB) error {
+	_, err := db.Exec(`
+	CREATE TABLE IF NOT EXISTS hotkeys (
+	    id INTEGER PRIMARY KEY AUTOINCREMENT,
+	    keycode INTEGER NOT NULL,
+	    modifiers INTEGER NOT NULL,
+	    description TEXT,
+		target TEXT 
+	);
+
+	CREATE TABLE IF NOT EXISTS  appconfig (
+		id INTEGER PRIMARY KEY AUTOINCREMENT,
+		key TEXT UNIQUE,
+		type TEXT,
+		value TEXT,
+		description TEXT,
+		state INTEGER DEFAULT 0
+	);
+	`)
+	if err != nil {
+		return err
+	}
+	return initDefaultData(db)
+}
+
+func initDefaultData(db *sql.DB) error {
+	if _, err := db.Exec(defaultAppConfigSQL()); err != nil {
+		return err
+	}
+	if _, err := db.Exec(defaultHotkeysSQL()); err != nil {
+		return err
+	}
+	return nil
+}
diff --git a/internal/services/store_test.go b/internal/services/store_test.go
new file mode 100644
index 0000000..9034219
--- /dev/null
+++ b/internal/services/store_test.go
@@ -0,0 +1,64 @@
+package services
+
+import (
+	"database/sql"
+	"testing"
+)
+
+func newTestStore(t *testing.T) *SuiStore {
+	t.Helper()
+
+	db, err := sql.Open("sqlite", ":memory:")
+	if err != nil {
+		t.Fatalf("open sqlite: %v", err)
+	}
+	t.Cleanup(func() {
+		_ = db.Close()
+	})
+
+	if err := Migrate(db); err != nil {
+		t.Fatalf("migrate: %v", err)
+	}
+
+	return &SuiStore{DB: db}
+}
+
+func TestMigrateCreatesDefaultDataOnce(t *testing.T) {
+	store := newTestStore(t)
+
+	if err := Migrate(store.DB); err != nil {
+		t.Fatalf("second migrate: %v", err)
+	}
+
+	var hotkeyCount int
+	if err := store.DB.QueryRow("SELECT COUNT(*) FROM hotkeys").Scan(&hotkeyCount); err != nil {
+		t.Fatalf("count hotkeys: %v", err)
+	}
+	if hotkeyCount != 2 {
+		t.Fatalf("hotkey count = %d, want 2", hotkeyCount)
+	}
+
+	var lang string
+	if err := store.DB.QueryRow("SELECT value FROM appconfig WHERE key = 'language'").Scan(&lang); err != nil {
+		t.Fatalf("query language: %v", err)
+	}
+	if lang != "zh" {
+		t.Fatalf("language = %q, want zh", lang)
+	}
+}
+
+func TestAppConfigServiceLanguage(t *testing.T) {
+	store := newTestStore(t)
+	service := NewAppConfigService(store)
+
+	if got := service.GetLanguage(); got != "zh" {
+		t.Fatalf("default language = %q, want zh", got)
+	}
+
+	if err := service.SetLanguage("en"); err != nil {
+		t.Fatalf("set language: %v", err)
+	}
+	if got := service.GetLanguage(); got != "en" {
+		t.Fatalf("updated language = %q, want en", got)
+	}
+}
diff --git a/internal/services/systeminfo.go b/internal/services/systeminfo.go
new file mode 100644
index 0000000..0c4459c
--- /dev/null
+++ b/internal/services/systeminfo.go
@@ -0,0 +1,44 @@
+package services
+
+import (
+	"runtime"
+)
+
+type SystemInfo struct{}
+
+func NewSystemInfo() *SystemInfo {
+	return &SystemInfo{}
+}
+
+func (s *SystemInfo) GetOS() string {
+	return runtime.GOOS // 返回 "darwin" / "windows" / "linux"
+}
+
+func defaultHotkeysSQL() string {
+	var sqlhotkeys = `
+			INSERT INTO hotkeys (keycode, modifiers, description, target)
+			SELECT 80, 1, '剪贴板窗口快捷键', '1'
+			WHERE NOT EXISTS (SELECT 1 FROM hotkeys WHERE target = '1');
+
+			INSERT INTO hotkeys (keycode, modifiers, description, target)
+			SELECT 77, 1, '偏好设置快捷键 ', '2'
+			WHERE NOT EXISTS (SELECT 1 FROM hotkeys WHERE target = '2'); `
+
+	if runtime.GOOS == "darwin" {
+		sqlhotkeys = `
+			INSERT INTO hotkeys (keycode, modifiers, description, target)
+			SELECT 34, 768, '剪贴板窗口快捷键', '1'
+			WHERE NOT EXISTS (SELECT 1 FROM hotkeys WHERE target = '1');
+
+			INSERT INTO hotkeys (keycode, modifiers, description, target)
+			SELECT 46, 768, '偏好设置快捷键 ', '2'
+			WHERE NOT EXISTS (SELECT 1 FROM hotkeys WHERE target = '2'); `
+	}
+	return sqlhotkeys
+}
+
+func defaultAppConfigSQL() string {
+	return `
+			INSERT OR IGNORE  INTO appconfig (key, type, value, description)
+			VALUES  ('language', 'system', 'zh', '应用语言，支持 zh/en');`
+}
diff --git a/main.go b/main.go
new file mode 100644
index 0000000..0b958cd
--- /dev/null
+++ b/main.go
@@ -0,0 +1,49 @@
+package main
+
+import (
+	"cmbone/internal/services"
+	"embed"
+	"log"
+
+	"github.com/wailsapp/wails/v3/pkg/application"
+)
+
+//go:embed all:frontend/dist
+var assets embed.FS
+
+//go:embed frontend/src/locales/*.json
+var i18nFS embed.FS
+
+func main() {
+	store, err := services.NewSuiStore()
+	if err != nil {
+		log.Fatal(err)
+	}
+	defer store.Close()
+
+	appService := &services.AppService{}
+	app := application.New(application.Options{
+		Name:        "cmbone",
+		Description: "A Wails desktop application",
+		Services: []application.Service{
+			application.NewService(appService),
+			application.NewService(services.NewHotkeyService(store)),
+			application.NewService(services.NewSystemInfo()),
+			application.NewService(services.NewAppConfigService(store)),
+			application.NewService(&services.OCRService{}),
+		},
+		Assets: application.AssetOptions{
+			Handler: application.AssetFileServerFS(assets),
+		},
+		Mac: application.MacOptions{
+			ApplicationShouldTerminateAfterLastWindowClosed: true,
+		},
+	})
+
+	services.ConfigureAppService(appService, app, i18nFS, store)
+	services.LoadAndRegisterHotkeysFrom(store, services.HotkeyShowSecondWindow)
+
+	if err := app.Run(); err != nil {
+		log.Fatal(err)
+	}
+}
diff --git a/platform/hotkey_darwin.go b/platform/hotkey_darwin.go
new file mode 100644
index 0000000..6949030
--- /dev/null
+++ b/platform/hotkey_darwin.go
@@ -0,0 +1,87 @@
+//go:build darwin
+// +build darwin
+
+package platform
+
+/*
+#cgo CFLAGS: -x objective-c
+#cgo LDFLAGS: -framework Cocoa -framework Carbon -framework Vision  -framework Foundation
+#include <stdlib.h>
+#include <AppKit/AppKit.h>
+#include "system.h"
+*/
+import "C"
+import (
+	"encoding/base64"
+	"fmt"
+	"sync"
+	"unsafe"
+)
+
+type HotKeyCallback func()
+
+var (
+	callbacks = make(map[string]HotKeyCallback)
+	mutex     sync.RWMutex
+)
+
+//export hotKeyCallback
+func hotKeyCallback(keyCode, modifiers C.uint) {
+	id := fmt.Sprintf("%d_%d", uint32(keyCode), uint32(modifiers))
+
+	mutex.RLock()
+	cb, exists := callbacks[id]
+	mutex.RUnlock()
+
+	if exists {
+		//fmt.Printf("✅ 触发热键: %s\n", id)
+		cb()
+	} else {
+		fmt.Printf("❌ 找不到回调: %s\n", id)
+	}
+}
+
+// RegisterHotKeyWithCallback 注册热键并绑定 Go 回调
+func RegisterHotKeyWithCallback(keyCode, modifiers uint32, cb HotKeyCallback) {
+	id := fmt.Sprintf("%d_%d", keyCode, modifiers)
+
+	mutex.Lock()
+	callbacks[id] = cb
+	mutex.Unlock()
+	//fmt.Printf("✈️ Registering hotkey: %d %d\n", keyCode, modifiers)
+	C.RegisterHotKeyDynamic(C.uint(keyCode), C.uint(modifiers))
+}
+
+// 激活当前应用程序
+func ActivateApp() {
+	C.NSAppActivateIgnoringOtherApps() // 激活当前应用程序
+}
+
+// UnregisterHotKey 注销热键（Go -> C）
+func UnregisterHotKey(keyCode, modifiers uint32) {
+	id := fmt.Sprintf("%d_%d", keyCode, modifiers)
+
+	mutex.Lock()
+	delete(callbacks, id)
+	mutex.Unlock()
+
+	//fmt.Printf("🧹 Unregistering hotkey: %d %d\n", keyCode, modifiers)
+	C.UnregisterHotKey(C.uint(keyCode), C.uint(modifiers))
+}
+
+func HideDock() {
+	C.HideDockIcon()
+}
+
+// OCR功能
+func RecognizeImageBase64(base64str string) (string, error) {
+	data, err := base64.StdEncoding.DecodeString(base64str)
+	if err != nil {
+		return "", fmt.Errorf("base64 decode failed: %w", err)
+	}
+	tmp := C.CBytes(data)
+	defer C.free(tmp)
+	result := C.VisionOCRFromMemory(tmp, C.int(len(data)))
+	defer C.free(unsafe.Pointer(result))
+	return C.GoString(result), nil
+}
diff --git a/platform/hotkey_windows.go b/platform/hotkey_windows.go
new file mode 100644
index 0000000..017bff3
--- /dev/null
+++ b/platform/hotkey_windows.go
@@ -0,0 +1,247 @@
+//go:build windows
+// +build windows
+
+package platform
+
+import (
+	"bytes"
+	"encoding/base64"
+	"errors"
+	"fmt"
+	"os"
+	"os/exec"
+	"strings"
+	"sync"
+	"syscall"
+
+	"golang.design/x/hotkey"
+)
+
+const (
+	CF_UNICODETEXT = 13
+	CF_DIB         = 8
+	GMEM_MOVEABLE  = 0x0002
+	//WM_HOTKEY      = 0x0312
+)
+
+var (
+	user32 = syscall.NewLazyDLL("user32.dll")
+
+	procSetForeground = user32.NewProc("SetForegroundWindow")
+	procShowWindow    = user32.NewProc("ShowWindow")
+	procGetForeground = user32.NewProc("GetForegroundWindow")
+)
+
+const (
+	SW_RESTORE = 9
+)
+
+func SetForegroundWindow(hwnd uintptr) {
+	procSetForeground.Call(hwnd)
+}
+
+func ShowWindow(hwnd uintptr, nCmdShow int) {
+	procShowWindow.Call(hwnd, uintptr(nCmdShow))
+}
+
+func GetForegroundWindow() uintptr {
+	hwnd, _, _ := procGetForeground.Call()
+	return hwnd
+}
+
+func ActivateApp() {
+	hwnd := GetForegroundWindow() // 或你自己保存的主窗口句柄
+	if hwnd != 0 {
+		ShowWindow(hwnd, SW_RESTORE)
+		SetForegroundWindow(hwnd)
+	}
+}
+
+// 改用"golang.design/x/hotkey" 调用热键，直接调用windows API会无法监听热键消息
+type HotKeyCallback func()
+
+type hotkeyEntry struct {
+	hk  *hotkey.Hotkey
+	key uint32
+	mod uint32
+}
+
+var (
+	callbacks  = make(map[int]hotkeyEntry) //make(map[int]*hotkey.Hotkey)
+	cbHandlers = make(map[int]HotKeyCallback)
+	idCounter  = 1
+	mutex      sync.RWMutex
+	startOnce  sync.Once
+)
+
+// RegisterHotKeyWithCallback 注册热键并绑定回调（使用 golang.design/x/hotkey 实现）
+func RegisterHotKeyWithCallback(keyCode, modifiers uint32, cb HotKeyCallback) {
+	mod := toHotkeyModifiers(modifiers)
+	key := toHotkeyKey(keyCode)
+
+	hk := hotkey.New(mod, key)
+	err := hk.Register()
+	if err != nil {
+		fmt.Printf("❌ 热键注册失败: %v\n", err)
+		return
+	}
+
+	localID := idCounter
+	idCounter++
+
+	mutex.Lock()
+	callbacks[localID] = hotkeyEntry{hk: hk, key: keyCode, mod: modifiers} // hk
+	cbHandlers[localID] = cb
+	mutex.Unlock()
+
+	// 启动监听线程
+	go func(id int, h *hotkey.Hotkey, cb HotKeyCallback) {
+		for {
+			<-h.Keydown()
+			fmt.Printf("✅ 热键触发 (id=%d)\n", id)
+			cb()
+		}
+	}(localID, hk, cb)
+	// 仅启动一次监听线程
+	// 启动统一监听线程（只启动一次）
+	//startOnce.Do(startListener)
+
+	fmt.Printf("✈️ 注册热键 (id=%d, key=%v, mod=%v)\n", localID, key, mod)
+
+}
+
+// UnregisterHotKey 注销所有已注册热键
+func UnregisterHotKey(_keyCode, _modifiers uint32) {
+	mutex.Lock()
+	defer mutex.Unlock()
+
+	for id, hk := range callbacks {
+		if _keyCode == hk.key && _modifiers == hk.mod {
+			_ = hk.hk.Unregister() // 注销热键
+			delete(callbacks, id)  // 删除回调
+			//delete(cbHandlers, id) // 删除回调处理器
+			fmt.Printf("🧹 注销热键 (id=%d, key=%v ", id, _keyCode)
+		}
+	}
+
+}
+
+func toHotkeyModifiers(modifiers uint32) []hotkey.Modifier {
+	var mods []hotkey.Modifier
+	if modifiers&1 != 0 {
+		mods = append(mods, hotkey.ModAlt)
+	}
+	if modifiers&2 != 0 {
+		mods = append(mods, hotkey.ModCtrl)
+	}
+	if modifiers&4 != 0 {
+		mods = append(mods, hotkey.ModShift)
+	}
+	if modifiers&8 != 0 {
+		mods = append(mods, hotkey.ModWin)
+	}
+	return mods
+}
+
+func toHotkeyKey(keyCode uint32) hotkey.Key {
+	return hotkey.Key(keyCode)
+}
+
+func SimulateCmdC() {
+
+}
+
+func HideDock() {
+	// Windows 不需要隐藏 Dock 图标
+	// 但可以在这里添加其他逻辑
+	fmt.Println("Windows 平台不支持隐藏 Dock 图标")
+}
+
+// OCR功能 Windows OCR实现较复杂，暂时使用PowerShell脚本调用Windows OCR API进行识别 （需要Windows 10或更高版本）
+const ocrScript = `
+[Console]::OutputEncoding=[System.Text.Encoding]::UTF8
+$OutputEncoding=[System.Text.Encoding]::UTF8
+Add-Type -AssemblyName System.Runtime.WindowsRuntime
+
+[void][Windows.Graphics.Imaging.BitmapDecoder, Windows.Graphics, ContentType=WindowsRuntime]
+[void][Windows.Graphics.Imaging.SoftwareBitmap, Windows.Graphics, ContentType=WindowsRuntime]
+[void][Windows.Media.Ocr.OcrEngine, Windows.Foundation, ContentType=WindowsRuntime]
+[void][Windows.Media.Ocr.OcrResult, Windows.Foundation, ContentType=WindowsRuntime]
+[void][Windows.Storage.Streams.InMemoryRandomAccessStream, Windows.Storage, ContentType=WindowsRuntime]
+[void][Windows.Storage.Streams.DataWriter, Windows.Storage, ContentType=WindowsRuntime]
+
+function Await($WinRtTask, $ResultType) {
+    $methods = [System.WindowsRuntimeSystemExtensions].GetMethods() | Where-Object {
+        $_.Name -eq 'AsTask' -and $_.IsGenericMethodDefinition -and $_.GetParameters().Count -eq 1
+    }
+    $method = $methods[0].MakeGenericMethod($ResultType)
+    $netTask = $method.Invoke($null, @($WinRtTask))
+    $netTask.Wait(-1) | Out-Null
+    $netTask.Result
+}
+
+# 用 System.IO 直接读字节，不依赖 StorageFile
+$bytes = [System.IO.File]::ReadAllBytes('{{IMAGE_PATH}}')
+
+# 写入 InMemoryRandomAccessStream
+$stream = [Windows.Storage.Streams.InMemoryRandomAccessStream]::new()
+$writer = [Windows.Storage.Streams.DataWriter]::new($stream)
+$writer.WriteBytes($bytes)
+$storeTask = $writer.StoreAsync()
+$storeAsTask = [System.WindowsRuntimeSystemExtensions].GetMethods() | Where-Object {
+    $_.Name -eq 'AsTask' -and $_.IsGenericMethodDefinition -and $_.GetParameters().Count -eq 1
+} | Select-Object -First 1
+$storeNetTask = $storeAsTask.MakeGenericMethod([uint32]).Invoke($null, @($storeTask))
+$storeNetTask.Wait(-1) | Out-Null
+$stream.Seek(0)
+
+$decoder = Await ([Windows.Graphics.Imaging.BitmapDecoder]::CreateAsync($stream)) ([Windows.Graphics.Imaging.BitmapDecoder])
+$bitmap  = Await ($decoder.GetSoftwareBitmapAsync()) ([Windows.Graphics.Imaging.SoftwareBitmap])
+$engine  = [Windows.Media.Ocr.OcrEngine]::TryCreateFromUserProfileLanguages()
+$result  = Await ($engine.RecognizeAsync($bitmap)) ([Windows.Media.Ocr.OcrResult])
+Write-Output $result.Text
+`
+
+func RecognizeImageBase64(base64str string) (string, error) {
+	if idx := strings.Index(base64str, ","); idx != -1 {
+		base64str = base64str[idx+1:]
+	}
+
+	data, err := base64.StdEncoding.DecodeString(base64str)
+	if err != nil {
+		return "", fmt.Errorf("base64 decode failed: %w", err)
+	}
+
+	tmp, err := os.CreateTemp("", "ocr-*.png")
+	if err != nil {
+		return "", fmt.Errorf("create temp file failed: %w", err)
+	}
+	imgPath := tmp.Name()
+	tmp.Write(data)
+	tmp.Close()
+	defer os.Remove(imgPath)
+
+	imgPath = strings.ReplaceAll(imgPath, "/", `\`)
+	script := strings.ReplaceAll(ocrScript, "{{IMAGE_PATH}}", imgPath)
+
+	cmd := exec.Command("powershell",
+		"-NoProfile",
+		"-NonInteractive",
+		"-ExecutionPolicy", "Bypass",
+		"-Command", script,
+	)
+	var stdout, stderr bytes.Buffer
+	cmd.Stdout = &stdout
+	cmd.Stderr = &stderr
+
+	if err = cmd.Run(); err != nil {
+		return "", fmt.Errorf("powershell error: %w\nstderr: %s", err, stderr.String())
+	}
+
+	text := strings.TrimSpace(stdout.String())
+	if text == "" {
+		return "", errors.New("OCR returned empty string")
+	}
+
+	return text, nil
+}
diff --git a/platform/system.h b/platform/system.h
new file mode 100644
index 0000000..7e6add5
--- /dev/null
+++ b/platform/system.h
@@ -0,0 +1,15 @@
+#ifndef CLIPBOARD_H
+#define CLIPBOARD_H
+#include <stdbool.h>
+ 
+// 热键相关函数
+void RegisterHotKeyDynamic(unsigned int keyCode, unsigned int modifiers);
+void InstallHotKeyHandler(void);
+void NSAppActivateIgnoringOtherApps();  // ✅ 只声明，不要实现！
+void UnregisterHotKey(unsigned int keyCode, unsigned int modifiers);
+
+void HideDockIcon(void);
+// OCR功能
+const char* VisionOCR(const char* path);//ocr
+const char *VisionOCRFromMemory(const void *data, int size);
+#endif
\ No newline at end of file
diff --git a/platform/system.m b/platform/system.m
new file mode 100644
index 0000000..e95647e
--- /dev/null
+++ b/platform/system.m
@@ -0,0 +1,142 @@
+#import <Cocoa/Cocoa.h>
+#import <Carbon/Carbon.h>
+#import <stdlib.h>
+#import <AppKit/AppKit.h>
+#import <ApplicationServices/ApplicationServices.h>
+#import <Vision/Vision.h>
+#import <Foundation/Foundation.h>
+#import "system.h"
+
+// ============ 热键相关 ============
+// 声明 Go 回调函数
+extern void hotKeyCallback(unsigned int keyCode, unsigned int modifiers);
+// 定义热键最大数量
+#define MAX_HOTKEYS 10
+// 保存注册的 HotKeyRef
+static EventHotKeyRef hotKeyRefs[MAX_HOTKEYS];
+static EventHotKeyID hotKeyIDs[MAX_HOTKEYS];
+static int hotKeyCount = 0;
+static int handlerInstalled = 0;
+
+OSStatus MyHotKeyHandler(EventHandlerCallRef nextHandler, EventRef theEvent, void *userData) {
+    EventHotKeyID hkID;
+    GetEventParameter(theEvent, kEventParamDirectObject, typeEventHotKeyID, NULL, sizeof(hkID), NULL, &hkID);
+
+    unsigned int keyCode = hkID.id >> 16;
+    unsigned int modifiers = hkID.id & 0xFFFF;
+
+    hotKeyCallback(keyCode, modifiers); // ✅ 正确传值给 Go
+    return noErr;
+}
+
+void InstallHotKeyHandler() {
+    if (handlerInstalled) return;
+
+    EventTypeSpec eventType;
+    eventType.eventClass = kEventClassKeyboard;
+    eventType.eventKind = kEventHotKeyPressed;
+
+    InstallApplicationEventHandler(&MyHotKeyHandler, 1, &eventType, NULL, NULL);
+    handlerInstalled = 1;
+}
+
+void RegisterHotKeyDynamic(unsigned int keyCode, unsigned int modifiers) {
+    InstallHotKeyHandler();
+
+    if (hotKeyCount >= MAX_HOTKEYS) return;
+
+    EventHotKeyID hkID;
+    hkID.signature = 'htk1';
+    hkID.id = (keyCode << 16) | (modifiers & 0xFFFF); // ✅ 编码 keyCode 和 modifiers
+
+    RegisterEventHotKey(keyCode, modifiers, hkID, GetApplicationEventTarget(), 0, &hotKeyRefs[hotKeyCount]);
+    // ✅ 保存 ID
+    hotKeyIDs[hotKeyCount] = hkID;
+    hotKeyCount++;
+}
+void NSAppActivateIgnoringOtherApps() {
+    [[NSRunningApplication currentApplication] activateWithOptions:NSApplicationActivateIgnoringOtherApps];
+}
+
+void UnregisterHotKey(unsigned int keyCode, unsigned int modifiers) {
+    unsigned int targetID = (keyCode << 16) | (modifiers & 0xFFFF);
+
+    for (int i = 0; i < hotKeyCount; i++) {
+        unsigned int existingID = hotKeyIDs[i].id;
+        if (existingID == targetID) {
+            // 注销
+            UnregisterEventHotKey(hotKeyRefs[i]);
+
+            // 清理数组（用后面的项覆盖）
+            for (int j = i; j < hotKeyCount - 1; j++) {
+                hotKeyRefs[j] = hotKeyRefs[j + 1];
+                hotKeyIDs[j] = hotKeyIDs[j + 1];
+            }
+            hotKeyCount--;
+            return;
+        }
+    }
+}
+
+void HideDockIcon(void) {
+    NSApplication *app = [NSApplication sharedApplication];
+    [app setActivationPolicy:NSApplicationActivationPolicyProhibited];
+}
+
+
+// ============ OCR功能 ============
+const char* VisionOCR(const char* path) {
+    @autoreleasepool {
+        NSString* imagePath = [NSString stringWithUTF8String:path];
+        NSData* imageData = [NSData dataWithContentsOfFile:imagePath];
+        NSImage* image = [[NSImage alloc] initWithData:imageData];
+        if (!image) return "Image load failed";
+
+        CGImageRef cgRef = [image CGImageForProposedRect:NULL context:nil hints:nil];
+        if (!cgRef) return "CGImage conversion failed";
+
+        VNRecognizeTextRequest *request = [[VNRecognizeTextRequest alloc] init];
+        request.recognitionLevel = VNRequestTextRecognitionLevelAccurate;
+
+        VNImageRequestHandler *handler = [[VNImageRequestHandler alloc] initWithCGImage:cgRef options:@{}];
+        NSError *error = nil;
+        [handler performRequests:@[request] error:&error];
+
+        if (error) return [[error.localizedDescription UTF8String] copy];
+
+        NSMutableString *result = [NSMutableString string];
+        for (VNRecognizedTextObservation *obs in request.results) {
+            VNRecognizedText *topCandidate = [[obs topCandidates:1] firstObject];
+            if (topCandidate) {
+                [result appendString:topCandidate.string];
+                [result appendString:@"\n"];
+            }
+        }
+
+        return strdup([result UTF8String]);
+    }
+}
+
+const char *VisionOCRFromMemory(const void *data, int size) {
+    @autoreleasepool {
+        NSData *imageData = [NSData dataWithBytes:data length:size];
+        NSImage *image = [[NSImage alloc] initWithData:imageData];
+        CGImageRef cgRef = [image CGImageForProposedRect:nil context:nil hints:nil];
+        VNRecognizeTextRequest *req = [[VNRecognizeTextRequest alloc] init];
+        req.recognitionLevel = VNRequestTextRecognitionLevelAccurate;
+        req.recognitionLanguages = @[@"zh-Hans", @"en-US"];
+        VNImageRequestHandler *handler = [[VNImageRequestHandler alloc] initWithCGImage:cgRef options:@{}];
+        NSError *err = nil;
+        [handler performRequests:@[req] error:&err];
+        if (err) return strdup([[err localizedDescription] UTF8String]);
+        NSMutableString *out = [NSMutableString string];
+        for (VNRecognizedTextObservation *obs in req.results) {
+            VNRecognizedText *cand = [[obs topCandidates:1] firstObject];
+            if (cand) {
+                [out appendString:cand.string];
+                [out appendString:@"\n"];
+            }
+        }
+        return strdup([out UTF8String]);
+    }
+}
\ No newline at end of file