Add showType prop and remove ScrollShadow usage

Added an optional showType prop to NetworkDisplayCardProps in common_card.tsx. Removed the ScrollShadow component and replaced it with a standard div in nav_list.tsx to simplify the layout.

.editorconfig

@@ -15,10 +15,10 @@ charset = utf-8
 # 4 space indentation
 [*.{cjs,mjs,js,jsx,ts,tsx,css,scss,sass,html,json}]
 indent_style = space
-indent_size = 4
+indent_size = 2
 
 [*.bat]
 charset = latin1
 
 # Unfortunately, EditorConfig doesn't support space configuration inside import braces directly.
-# You'll need to rely on your linter/formatter like ESLint or Prettier for that.
+# You'll need to rely on your linter/formatter like ESLint or Prettier for that.

.env.framework

@@ -1,2 +0,0 @@
-VITE_BUILD_TYPE = Production
-VITE_BUILD_PLATFORM = Framework

.env.shell

@@ -1,2 +0,0 @@
-VITE_BUILD_TYPE = Production
-VITE_BUILD_PLATFORM = Shell

.env.shell-analysis

@@ -1,2 +0,0 @@
-VITE_BUILD_TYPE = DEBUG
-VITE_BUILD_PLATFORM = Shell

.env.universal

@@ -1,2 +0,0 @@
-VITE_BUILD_TYPE = Production
-VITE_BUILD_PLATFORM = Universal

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,6 +1,6 @@
 name: Bug 反馈
 description: 报告可能的 NapCat 异常行为
-title: '[BUG] '
+title: "[BUG] "
 labels: bug
 body:
   - type: markdown
@@ -10,6 +10,10 @@ body:
         在提交新的 Bug 反馈前，请确保您：
         * 已经搜索了现有的 issues，并且没有找到可以解决您问题的方法
         * 不与现有的某一 issue 重复
+        * **不接受因发送不当内容而导致的问题报告**
+          - 包括但不限于：多媒体发送失败、转发消息失败、消息被拦截等因 18+ 内容、违规内容或触发风控的问题
+          - 提交 issue 前，请确认您发送的多媒体内容、链接、文本等均为正常合规内容，不会触发平台风控机制
+          - 因违规内容导致的问题，一律不予受理
   - type: input
     id: system-version
     attributes:
@@ -30,7 +34,7 @@ body:
     id: napcat-version
     attributes:
       label: NapCat 版本
-      description: 可在 LiteLoaderQQNT 的设置页或是 QQNT 的设置页侧栏中找到
+      description: 可在 WebUI 的「系统信息」页中找到
       placeholder: 1.0.0
     validations:
       required: true

.github/ISSUE_TEMPLATE/feat_request.yml

@@ -0,0 +1,60 @@
+name: Feat 请求
+description: 提交新的 NapCat 功能或改进建议
+title: '[FEAT] '
+labels: enhancement
+body:
+  - type: markdown
+    attributes:
+      value: |
+        欢迎来到 NapCat 的 Issue Tracker！请填写以下表格来提交功能请求。
+        在提交新的功能请求前，请确保您：
+        * 已经搜索了现有的 issues，并且没有找到类似的建议
+        * 不与现有的某一 issue 重复
+  - type: input
+    id: system-version
+    attributes:
+      label: 系统版本
+      description: 运行 QQNT 的系统版本
+      placeholder: Windows 11 24H2
+    validations:
+      required: true
+  - type: input
+    id: qqnt-version
+    attributes:
+      label: QQNT 版本
+      description: 可在 QQNT 的「关于」的设置页中找到
+      placeholder: 9.9.16-29927
+    validations:
+      required: true
+  - type: input
+    id: napcat-version
+    attributes:
+      label: NapCat 版本
+      description: 可在 WebUI 的「系统信息」页中找到
+      placeholder: 1.0.0
+    validations:
+      required: true
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: 功能描述
+      description: 请详细描述你希望添加的功能或改进
+    validations:
+      required: true
+  - type: textarea
+    id: feature-reason
+    attributes:
+      label: 需求背景与理由
+      description: 请说明为什么需要这个功能，解决了什么问题
+    validations:
+      required: true
+  - type: textarea
+    id: feature-expected
+    attributes:
+      label: 期望的实现方式或效果
+      description: 请描述你期望的功能实现方式或最终效果
+  - type: textarea
+    id: other-info
+    attributes:
+      label: 其他补充信息
+      description: 你还想补充什么？

.github/prompt/default.md

@@ -0,0 +1,27 @@
+# V?.?.?
+[使用文档](https://napneko.github.io/)
+
+## Windows 一键包
+我们为提供了的轻量化一键部署方案
+相对于普通需要安装QQ的方案,下面已内置QQ和Napcat 阅读使用文档参考
+
+你可以下载 
+
+NapCat.Shell.Windows.OneKey.zip (无头)
+
+启动后可自动化部署一键包,教程参考使用文档安装部分
+
+## 警告
+**注意QQ版本推荐使用 40768+ 版本 最低可以使用40768版本**
+**默认WebUi密钥为随机密码 控制台查看**
+
+**[9.9.22-40990 X64 Win](https://dldir1v6.qq.com/qqfile/qq/QQNT/2c9d3f6c/QQ9.9.22.40990_x64.exe)**
+[LinuxX64 DEB 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_amd64.deb)
+[LinuxX64 RPM 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_x86_64.rpm)
+[LinuxArm64 DEB 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_arm64.deb)
+[LinuxArm64 RPM  40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_aarch64.rpm)
+[MAC   DMG   40990 ](https://dldir1v6.qq.com/qqfile/qq/QQNT/c6cb0f5d/QQ_v6.9.82.40990.dmg)
+## 如果WinX64缺少运行库或者xxx.dll？
+[安装运行库](https://aka.ms/vs/17/release/vc_redist.x64.exe)
+
+## 更新

.github/prompt/release_note_prompt.txt

@@ -0,0 +1,60 @@
+注意：输出必须严格使用 NapCat 的发布说明格式，严格保证示例格式,并用简体中文。
+
+格式规则：
+1. 第一行：# V{TAG}  
+2. 第二行：[使用文档](https://napneko.github.io/)
+3. 空行后，按下面的节顺序输出（存在则输出，不存在则省略该节）：
+
+## Windows 一键包
+- 简短一句话介绍一键包用途
+- 列出可下载的文件名（只列文件名，不写下载链接）
+
+## 警告
+- 如果有需要特别提醒的兼容/运行库/版本要求，写成加粗警告句
+
+## 如果WinX64缺少运行库或者xxx.dll？
+- 常见运行库建议
+
+## 更新
+按数字序列列出主要变更项，每条尽量一句话
+- 前缀短 commit id，例如：1. 修复 get_essence_msg_list 崩溃 (a1b2c3d)
+- 保持 4-18 条要点
+
+## 开发者注意
+- 列出迁移/接口断裂/配置变更；若无则省略
+
+额外约束：
+- 语言简体中文，面向最终用户
+
+下面为真实示例，请完全参考（第一行版本号必须使用用户提供的版本号，例如 v4.9.5）
+
+# V4.9.0
+[使用文档](https://napneko.github.io/)
+
+## Windows 一键包
+我们为提供了的轻量化一键部署方案
+相对于普通需要安装QQ的方案,下面已内置QQ和Napcat 阅读使用文档参考
+
+你可以下载 
+
+NapCat.Shell.Windows.OneKey.zip (无头) 
+
+启动后可自动化部署一键包,教程参考使用文档安装部分
+
+## 警告
+**注意QQ版本推荐使用 40768+ 版本 最低可以使用40768版本**
+**默认WebUi密钥为随机密码 控制台查看**
+
+**[9.9.22-40990 X64 Win](https://dldir1v6.qq.com/qqfile/qq/QQNT/2c9d3f6c/QQ9.9.22.40990_x64.exe)**
+[LinuxX64 DEB 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_amd64.deb)
+[LinuxX64 RPM 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_x86_64.rpm)
+[LinuxArm64 DEB 40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_arm64.deb)
+[LinuxArm64 RPM  40990 ](https://dldir1.qq.com/qqfile/qq/QQNT/ec800879/linuxqq_3.2.20-40990_aarch64.rpm)
+[MAC   DMG   40990 ](https://dldir1v6.qq.com/qqfile/qq/QQNT/c6cb0f5d/QQ_v6.9.82.40990.dmg)
+## 如果WinX64缺少运行库或者xxx.dll？
+[安装运行库](https://aka.ms/vs/17/release/vc_redist.x64.exe)
+
+## 更新
+1. 修改了XXXXX
+2. 新增了XXXX
+3. 重构了XXXX

.github/workflows/auto-release.yml

@@ -0,0 +1,83 @@
+name: Auto Release Docker
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  shell-docker:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger NapCat-Docker docker-publish workflow
+        env:
+          GH_TOKEN: ${{ secrets.NAPCAT_BUILD }}
+        run: |
+          curl -X POST \
+            -H "Accept: application/vnd.github+json" \
+            -H "Authorization: Bearer $GH_TOKEN" \
+            https://api.github.com/repos/NapNeko/NapCat-Docker/actions/workflows/docker-publish.yml/dispatches \
+            -d '{"ref":"main"}'
+  framework-docker:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger NapCat-Framework-Docker docker-publish workflow
+        env:
+          GH_TOKEN: ${{ secrets.NAPCAT_BUILD }}
+        run: |
+          curl -X POST \
+            -H "Accept: application/vnd.github+json" \
+            -H "Authorization: Bearer $GH_TOKEN" \
+            https://api.github.com/repos/NapNeko/NapCat.Docker.Framework/actions/workflows/docker-image.yml/dispatches \
+            -d '{"ref":"main"}'
+  appimage-shell-docker:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - name: Get Latest NapCat Version
+        id: get_version
+        run: |
+            # 获取当前仓库的最新 tag
+            latest_tag=$(git describe --tags $(git rev-list --tags --max-count=1))
+            # 输出调试信息
+            echo "Debug: Latest NapCat Version is ${latest_tag}"
+            echo "latest_tag=${latest_tag}" >> $GITHUB_ENV
+      - name: Trigger Release NapCat AppImage Workflow
+        env:
+            GH_TOKEN: ${{ secrets.NAPCAT_BUILD }}
+            NAPCAT_VERSION: ${{ env.latest_tag }}
+            QQ_VERSION_X86_64: 'https://dldir1v6.qq.com/qqfile/qq/QQNT/8015ff90/linuxqq_3.2.21-42086_x86_64.AppImage' # 写死 QQ 版本
+            QQ_VERSION_ARM64: 'https://dldir1v6.qq.com/qqfile/qq/QQNT/8015ff90/linuxqq_3.2.21-42086_arm64.AppImage' # 写死 QQ 版本
+        run: |
+            echo "Debug: Triggering Release NapCat AppImage with napcat_version=${NAPCAT_VERSION}, qq_version_x86_64=${QQ_VERSION_X86_64}, qq_version_arm64=${QQ_VERSION_ARM64}"
+            curl -X POST \
+                -H "Accept: application/vnd.github+json" \
+                -H "Authorization: Bearer $GH_TOKEN" \
+                https://api.github.com/repos/NapNeko/NapCatAppImageBuild/actions/workflows/release.yml/dispatches \
+                -d "{\"ref\":\"main\",\"inputs\":{\"napcat_version\":\"${NAPCAT_VERSION}\",\"qq_version_x86_64\":\"${QQ_VERSION_X86_64}\",\"qq_version_arm64\":\"${QQ_VERSION_ARM64}\"}}"
+  node-shell-docker:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - name: Get Latest NapCat Version
+        id: get_version
+        run: |
+            # 获取当前仓库的最新 tag
+            latest_tag=$(git describe --tags $(git rev-list --tags --max-count=1))
+            # 输出调试信息
+            echo "Debug: Latest NapCat Version is ${latest_tag}"
+            echo "latest_tag=${latest_tag}" >> $GITHUB_ENV
+      - name: Trigger Release NapCat AppImage Workflow
+        env:
+            GH_TOKEN: ${{ secrets.NAPCAT_BUILD }}
+            NAPCAT_VERSION: ${{ env.latest_tag }}
+            QQ_VERSION_X86_64: 'https://dldir1v6.qq.com/qqfile/qq/QQNT/8015ff90/linuxqq_3.2.21-42086_x86_64.AppImage' # 写死 QQ 版本
+            QQ_VERSION_ARM64: 'https://dldir1v6.qq.com/qqfile/qq/QQNT/8015ff90/linuxqq_3.2.21-42086_arm64.AppImage' # 写死 QQ 版本
+        run: |
+            echo "Debug: Triggering Release NapCat AppImage with napcat_version=${NAPCAT_VERSION}, qq_url_amd64=${QQ_VERSION_X86_64}, qq_url_arm64=${QQ_VERSION_ARM64}"
+            curl -X POST \
+                -H "Accept: application/vnd.github+json" \
+                -H "Authorization: Bearer $GH_TOKEN" \
+                https://api.github.com/repos/NapNeko/NapCatLinuxNodeLoader/actions/workflows/release.yml/dispatches \
+                -d "{\"ref\":\"main\",\"inputs\":{\"napcat_version\":\"${NAPCAT_VERSION}\",\"qq_url_amd64\":\"${QQ_VERSION_X86_64}\",\"qq_url_arm64\":\"${QQ_VERSION_ARM64}\"}}"

.github/workflows/build.yml

@@ -1,13 +1,14 @@
-name: "Build Action"
+name: Build NapCat Artifacts
 on:
-  push:
-  pull_request:
   workflow_dispatch:
+  push:
+    branches:
+      - main
 
 permissions: write-all
 
 jobs:
-  Build-LiteLoader:
+  Build-Framework:
     runs-on: ubuntu-latest
     steps:
       - name: Clone Main Repository
@@ -18,14 +19,21 @@ jobs:
           node-version: 20.x
       - name: Build NapCat.Framework
         run: |
-          npm i && cd napcat.webui && npm i && cd .. || exit 1
-          npm run build:framework && npm run depend || exit 1
-          rm package-lock.json
+          npm i -g pnpm
+          pnpm i
+          pnpm run typecheck || exit 1
+          pnpm test || exit 1
+          pnpm --filter napcat-webui-frontend run build || exit 1
+          pnpm run build:framework
+          mv packages/napcat-framework/dist framework-dist
+          cd framework-dist
+          npm install --omit=dev
+          rm ./package-lock.json || exit 0
       - name: Upload Artifact
         uses: actions/upload-artifact@v4
         with:
           name: NapCat.Framework
-          path: dist
+          path: framework-dist
   Build-Shell:
     runs-on: ubuntu-latest
     steps:
@@ -37,11 +45,18 @@ jobs:
           node-version: 20.x
       - name: Build NapCat.Shell
         run: |
-          npm i && cd napcat.webui && npm i && cd .. || exit 1
-          npm run build:shell && npm run depend || exit 1
-          rm package-lock.json
+          npm i -g pnpm
+          pnpm i
+          pnpm run typecheck || exit 1
+          pnpm test || exit 1
+          pnpm --filter napcat-webui-frontend run build || exit 1
+          pnpm run build:shell
+          mv packages/napcat-shell/dist shell-dist
+          cd shell-dist
+          npm install --omit=dev
+          rm ./package-lock.json || exit 0
       - name: Upload Artifact
         uses: actions/upload-artifact@v4
         with:
           name: NapCat.Shell
-          path: dist
+          path: shell-dist

.github/workflows/release.yml

@@ -1,164 +1,274 @@
-name: "Build Release"
+name: Release NapCat
 
 on:
+  workflow_dispatch:
   push:
     tags:
-      - "v*"
+      - '*'
 
 permissions: write-all
 
+env:
+  OPENROUTER_API_URL: https://91vip.futureppo.top/v1/chat/completions
+  OPENROUTER_MODEL: "kimi-k2-0905-turbo"
+  RELEASE_NAME: "NapCat"
+
 jobs:
-  check-version:
+  Build-Framework:
     runs-on: ubuntu-latest
     steps:
-      - name: Clone Repository
+      - name: Clone Main Repository
         uses: actions/checkout@v4
-        with:
-          ref: main
-          token: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Extract version from tag
-        run: echo "VERSION=${GITHUB_REF#refs/tags/v}" >> $GITHUB_ENV
-
       - name: Use Node.js 20.X
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
+      - name: Build NapCat.Framework
+        run: |
+          npm i -g pnpm
+          pnpm i
+          pnpm --filter napcat-webui-frontend run build || exit 1
+          pnpm run build:framework
+          mv packages/napcat-framework/dist framework-dist
+          cd framework-dist
+          npm install --omit=dev
+          rm ./package-lock.json || exit 0
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: NapCat.Framework
+          path: framework-dist
 
-      - name: Check Version
-        run: | 
-              ls
-              node ./script/checkVersion.cjs
-              sh ./checkVersion.sh
-  Build-LiteLoader:
-    needs: [check-version]
-    runs-on: ubuntu-latest
-    steps:
-    - name: Clone Main Repository
-      uses: actions/checkout@v4
-      with:
-          repository: 'NapNeko/NapCatQQ'
-          submodules: true
-          ref: main
-          token: ${{ secrets.NAPCAT_BUILD }}
-    - name: Use Node.js 20.X
-      uses: actions/setup-node@v4
-      with:
-          node-version: 20.x
-
-    - name: Build NuCat Framework
-      run: |
-          npm i
-          cd napcat.webui
-          npm i
-          cd ..
-          npm run build:framework
-          cd dist
-          npm i --omit=dev
-          cd ..
-    - name: Upload Artifact
-      uses: actions/upload-artifact@v4
-      with:
-        name: NapCat.Framework
-        path: dist
   Build-Shell:
     runs-on: ubuntu-latest
-    needs: [check-version]
     steps:
-        - name: Clone Main Repository
-          uses: actions/checkout@v4
-          with:
-                repository: 'NapNeko/NapCatQQ'
-                submodules: true
-                ref: main
-                token: ${{ secrets.NAPCAT_BUILD }}
+      - name: Clone Main Repository
+        uses: actions/checkout@v4
+      - name: Use Node.js 20.X
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+      - name: Build NapCat.Shell
+        run: |
+          npm i -g pnpm
+          pnpm i
+          pnpm --filter napcat-webui-frontend run build || exit 1
+          pnpm run build:shell
+          mv packages/napcat-shell/dist shell-dist
+          cd shell-dist
+          npm install --omit=dev
+          rm ./package-lock.json || exit 0
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: NapCat.Shell
+          path: shell-dist
+  Download-QNX64:
+    needs: Build-Shell
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
 
-        - name: Use Node.js 20.X
-          uses: actions/setup-node@v4
-          with:
-              node-version: 20.x
-          
-        - name: Build NuCat Shell
-          run: |
-                npm i 
-                cd napcat.webui
-                npm i
-                cd ..
-                npm run build:shell
-                cd dist
-                npm i --omit=dev
-                cd ..
+      - name: Download Artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: ./artifacts
 
-        - name: Upload Artifact
-          uses: actions/upload-artifact@v4
-          with:
-              name: NapCat.Shell
-              path: dist
+      - name: Setup tools
+        run: |
+          sudo apt update
+          sudo apt install -y aria2 unzip zip p7zip-full curl jq
+
+      - name: Download QQ x64, Node.js and Assemble NapCat.Shell.Windows.Node.zip
+        run: |
+          set -euo pipefail
+          TMPDIR=$(mktemp -d)
+          cd "$TMPDIR"
+
+          # -----------------------------
+          # 1) 下载 QQ x64
+          # -----------------------------
+          # JS_URL="https://cdn-go.cn/qq-web/im.qq.com_new/latest/rainbow/windowsConfig.js"
+          # JS_URL="https://slave.docadan488.workers.dev/proxy?url=https://cdn-go.cn/qq-web/im.qq.com_new/latest/rainbow/windowsConfig.js"
+          # NT_URL=$(curl -fsSL "$JS_URL" | grep -oP '"ntDownloadX64Url"\s*:\s*"\K[^"]+')
+          NT_URL="https://dldir1v6.qq.com/qqfile/qq/QQNT/eb263b35/QQ9.9.23.42086_x64.exe"
+          QQ_ZIP="$(basename "$NT_URL")"
+          aria2c -x16 -s16 -k1M -o "$QQ_ZIP" "$NT_URL"
+
+          QQ_EXTRACT="$TMPDIR/qq_extracted"
+          mkdir -p "$QQ_EXTRACT"
+          7z x -y -o"$QQ_EXTRACT" "$QQ_ZIP" >/dev/null
+
+          # -----------------------------
+          # 2) 下载 Node.js Windows x64 zip 22.11.0
+          # -----------------------------
+          NODE_VER="22.11.0"
+          NODE_URL="https://nodejs.org/dist/v$NODE_VER/node-v$NODE_VER-win-x64.zip"
+          NODE_ZIP="node-v$NODE_VER-win-x64.zip"
+          aria2c -x1 -s1 -k1M -o "$NODE_ZIP" "$NODE_URL"
+
+          NODE_EXTRACT="$TMPDIR/node_extracted"
+          mkdir -p "$NODE_EXTRACT"
+          unzip -q "$NODE_ZIP" -d "$NODE_EXTRACT"
+
+          # -----------------------------
+          # 3) 创建输出目录
+          # -----------------------------
+          OUT_DIR="$GITHUB_WORKSPACE/NapCat.Shell.Windows.Node"
+          mkdir -p "$OUT_DIR/NapCat.Shell.Windows.Node"
+
+          # -----------------------------
+          # 4) 解压 NapCat.Shell.zip 到 napcat
+          # -----------------------------
+          cp -a "$GITHUB_WORKSPACE/artifacts/NapCat.Shell/." "$OUT_DIR/napcat/"
+
+          # -----------------------------
+          # 5) 拷贝 QQ 文件到 NapCat.Shell.Windows.Node
+          # -----------------------------
+          QQ_TARGETS=("avif_convert.dll" "broadcast_ipc.dll" "config.json" "libglib-2.0-0.dll" "libgobject-2.0-0.dll" "libvips-42.dll" "ncnn.dll" "opencv.dll" "package.json" "QBar.dll" "wrapper.node")
+          for name in "${QQ_TARGETS[@]}"; do
+            find "$QQ_EXTRACT" -iname "$name" -exec cp -a {} "$OUT_DIR" \; || true
+          done
+
+          # -----------------------------
+          # 6) 拷贝仓库文件 napcat.bat 和 index.js
+          # -----------------------------
+          cp -a "$GITHUB_WORKSPACE/packages/napcat-develop/napcat.bat" "$OUT_DIR/" || true
+          cp -a "$GITHUB_WORKSPACE/packages/napcat-develop/index.js" "$OUT_DIR/" || true
+          cp -a "$GITHUB_WORKSPACE/packages/napcat-develop/QQNT.dll" "$OUT_DIR/" || true
+          # -----------------------------
+          # 7) 拷贝 Node.exe 到 NapCat.Shell.Windows.Node
+          # -----------------------------
+          cp -a "$NODE_EXTRACT/node-v$NODE_VER-win-x64/node.exe" "$OUT_DIR/" || true
+
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: NapCat.Shell.Windows.Node
+          path: NapCat.Shell.Windows.Node
 
   release-napcat:
-    needs: [Build-LiteLoader,Build-Shell]
+    needs: [Build-Framework, Build-Shell, Download-QNX64]
     runs-on: ubuntu-latest
     steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+            fetch-depth: 0
 
-    - name: Clone Main Repository
-      uses: actions/checkout@v4
-      with:
-            repository: 'NapNeko/NapCatQQ'
-            submodules: true
-            ref: main
-            token: ${{ secrets.NAPCAT_BUILD }}
+      - name: Download Artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: ./artifacts
 
-    - name: Download All Artifact
-      uses: actions/download-artifact@v4
-      
-    - name: Compress subdirectories
-      run: |
-        cd ./NapCat.Shell/
-        zip -q -r NapCat.Shell.zip *
-        cd ..
-        cd ./NapCat.Framework/
-        zip -q -r NapCat.Framework.zip *
-        cd ..
-        rm ./NapCat.Shell.zip -rf
-        rm ./NapCat.Framework.zip -rf
-        mv ./NapCat.Shell/NapCat.Shell.zip ./
-        mv ./NapCat.Framework/NapCat.Framework.zip ./
-
-        mkdir ./NapCat.Framework.Windows.Once
-        unzip -q ./external/LiteLoaderWrapper.zip -d ./NapCat.Framework.Windows.Once
-        cd ./NapCat.Framework.Windows.Once
-        ls 
-        mkdir -p ./LL/plugins/NapCatQQ
-        unzip -q ../NapCat.Framework.zip -d ./LL/plugins/NapCatQQ
-        zip -q -r NapCat.Framework.Windows.Once.zip *
-        cd ..
-        mv ./NapCat.Framework.Windows.Once/NapCat.Framework.Windows.Once.zip ./
-    - name: Extract version from tag
-      run: echo "VERSION=${GITHUB_REF#refs/tags/v}" >> $GITHUB_ENV
-      
-    - name: Clone Changes Log
-      run: curl -o CHANGELOG.md https://fastly.jsdelivr.net/gh/NapNeko/NapCatQQ@main/docs/changelogs/CHANGELOG.v${{ env.VERSION }}.md
-        
-    - name: Create Release Draft and Upload Artifacts
-      uses: softprops/action-gh-release@v1
-      with:
-        name: NapCat V${{ env.VERSION }}
-        token: ${{ secrets.GITHUB_TOKEN }}
-        body_path: CHANGELOG.md
-        files: |
-          NapCat.Framework.zip
-          NapCat.Shell.zip
-          NapCat.Framework.Windows.Once.zip
-        draft: true
-
-  build-docker:
-    needs: release-napcat
-    runs-on: ubuntu-latest
-    steps:
-      - name: Dispatch Docker Build
+      - name: Zip Artifacts
         run: |
-          curl -X POST \
-          -H "Authorization: Bearer ${{ secrets.NAPCAT_BUILD }}" \
-          -H "Accept: application/vnd.github.v3+json" \
-          https://api.github.com/repos/NapNeko/NapCat-Docker/actions/workflows/docker-publish.yml/dispatches \
-          -d '{"ref": "main"}'
+            cd artifacts
+            [ -d NapCat.Framework ] && (cd NapCat.Framework && zip -qr ../../NapCat.Framework.zip .)
+            [ -d NapCat.Shell ] && (cd NapCat.Shell && zip -qr ../../NapCat.Shell.zip .)
+            [ -d NapCat.Shell.Windows.Node ] && (cd NapCat.Shell.Windows.Node && zip -qr ../../NapCat.Shell.Windows.Node.zip .)
+            cd ..
+
+      - name: Generate release note via OpenRouter
+        env:
+          OPENROUTER_API_KEY: ${{ secrets.OPENROUTER_API_KEY }}
+          OPENROUTER_API_URL: ${{ env.OPENROUTER_API_URL }}
+          OPENROUTER_MODEL: ${{ env.OPENROUTER_MODEL }}
+          GITHUB_OWNER: "NapNeKo"   # 替换成你的 repo owner
+          GITHUB_REPO: "NapCatQQ"   # 替换成你的 repo 名
+        run: |
+          set -euo pipefail
+
+          # 当前 tag
+          CURRENT_TAG="${GITHUB_REF#refs/tags/}"
+          echo "Current tag: $CURRENT_TAG"
+
+          # 从 GitHub API 获取 tag 列表
+          TAGS_JSON=$(curl -s "https://api.github.com/repos/${GITHUB_OWNER}/${GITHUB_REPO}/tags?per_page=100")
+          TAGS=( $(echo "$TAGS_JSON" | jq -r '.[].name' | sort -V) )
+
+          # 找到上一个 tag
+          PREV_TAG=""
+          for i in "${!TAGS[@]}"; do
+            if [ "${TAGS[$i]}" = "$CURRENT_TAG" ]; then
+              if [ $i -gt 0 ]; then
+                PREV_TAG="${TAGS[$((i-1))]}"
+              fi
+              break
+            fi
+          done
+
+          if [ -z "$PREV_TAG" ]; then
+            echo "❌ Could not find previous tag for $CURRENT_TAG, aborting."
+            exit 1
+          fi
+
+          echo "Previous tag: $PREV_TAG"
+
+          # 强制拉取上一个 tag 和当前 tag
+          git fetch origin "refs/tags/$PREV_TAG:refs/tags/$PREV_TAG" --force
+          git fetch origin "refs/tags/$CURRENT_TAG:refs/tags/$CURRENT_TAG" --force
+
+          # 获取 commit title + body + 作者，保留换行
+          COMMITS=$(git log --pretty=format:'%h %B (%an)' "$PREV_TAG".."$CURRENT_TAG" | sed 's/$/\\n/')
+
+          echo "Commit list from $PREV_TAG to $CURRENT_TAG:"
+          echo -e "$COMMITS"
+
+          # 读取 prompt
+          PROMPT_FILE=".github/prompt/release_note_prompt.txt"
+          SYSTEM_PROMPT=$(<"$PROMPT_FILE")
+
+          # 构建用户内容
+          USER_CONTENT="当前真正的版本: $CURRENT_TAG\n提交列表:\n$COMMITS"
+
+          # 构建请求 JSON
+          BODY=$(jq -n \
+            --arg system "$SYSTEM_PROMPT" \
+            --arg user "$USER_CONTENT" \
+            '{model: env.OPENROUTER_MODEL, messages:[{role:"system", content:$system},{role:"user", content:$user}], temperature:0.3, max_tokens:800}')
+
+          echo "=== OpenRouter request body ==="
+          echo "$BODY" | jq .
+
+          # 调用 OpenRouter
+          if RESPONSE=$(curl -s -X POST "$OPENROUTER_API_URL" \
+            -H "Authorization: Bearer $OPENROUTER_API_KEY" \
+            -H "Content-Type: application/json" \
+            -d "$BODY"); then
+            echo "=== raw response ==="
+            echo "$RESPONSE"  
+            echo "=== OpenRouter raw response ==="
+            if echo "$RESPONSE" | jq . >/dev/null 2>&1; then
+              echo "$RESPONSE" | jq .
+            else
+              echo "jq failed to parse response"
+            fi
+
+            # 提取生成内容
+            RELEASE_BODY=$(echo "$RESPONSE" | jq -r '.choices[0].message.content // .choices[0].text // ""' 2>/dev/null || echo "")
+
+            if [ -z "$RELEASE_BODY" ]; then
+              echo "❌ OpenRouter failed to generate release note, using default.md"
+              cp .github/prompt/default.md CHANGELOG.md
+            else
+              echo -e "$RELEASE_BODY" > CHANGELOG.md
+            fi
+          else
+            echo "❌ Curl failed, using default.md"
+            cp .github/prompt/default.md CHANGELOG.md
+          fi
+          echo "=== generated release note ==="
+          cat CHANGELOG.md
+
+      - name: Create Release Draft and Upload Artifacts
+        uses: softprops/action-gh-release@v1
+        with:
+          name: NapCat ${{ github.ref_name }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          body_path: CHANGELOG.md
+          files: |
+            NapCat.Shell.Windows.Node.zip
+            NapCat.Framework.zip
+            NapCat.Shell.zip
+          draft: true

.gitignore

@@ -14,3 +14,6 @@ devconfig/*
 *.db
 checkVersion.sh
 bun.lockb
+tests/run/
+guild1.db-wal
+guild1.db-shm

.prettierrc.json

@@ -1,10 +0,0 @@
-{
-    "trailingComma": "es5",
-    "tabWidth": 4,
-    "semi": true,
-    "singleQuote": true,
-    "bracketSpacing": true,
-    "arrowParens": "always",
-    "printWidth": 120,
-    "endOfLine": "auto"
-}

.vscode/launch.json

@@ -2,114 +2,11 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "type": "node",
+            "type": "node-terminal",
             "request": "launch",
-            "name": "dev:shell",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "dev:shell"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "build:shell",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "build:shell"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "build:universal",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "build:universal"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "build:framework",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "build:framework"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "build:webui",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "build:webui"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "dev:universal",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "dev:universal"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "dev:framework",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "dev:framework"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "dev:webui",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "dev:webui"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "lint",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "lint"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "depend",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "depend"
-            ]
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "dev:depend",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "dev:depend"
-            ]
+            "name": "调试程序",
+            "command": "pnpm run dev:shell",
+            "cwd": "${workspaceFolder}"
         }
     ]
 }

.vscode/settings.json

@@ -1,12 +1,37 @@
 {
-    "explorer.fileNesting.enabled": true,
-    "explorer.fileNesting.expand": false,
-    "explorer.fileNesting.patterns": {
-        ".env.universal": ".env.*",
-        "tsconfig.json": "tsconfig.*.json, env.d.ts, vite.config.ts",
-        "package.json": "package-lock.json, eslint*, .prettier*, .editorconfig, manifest.json, logo.png, .gitignore, LICENSE"
-    },
-    "css.customData": [
-        ".vscode/tailwindcss.json"
-    ],
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.expand": false,
+  "explorer.fileNesting.patterns": {
+    ".env.universal": ".env.*",
+    "vite.config.ts": "vite*.ts",
+    "README.md": "CODE_OF_CONDUCT.md, RELEASES.md, CONTRIBUTING.md, CHANGELOG.md, SECURITY.md",
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "package.json": "package-lock.json, eslint*, .prettier*, .editorconfig, manifest.json, logo.png, .gitignore, LICENSE"
+  },
+  "css.customData": [
+    ".vscode/tailwindcss.json"
+  ],
+  "editor.detectIndentation": false,
+  "editor.tabSize": 2,
+  "editor.formatOnSave": true,
+  "editor.formatOnType": false,
+  "editor.formatOnPaste": true,
+  "editor.formatOnSaveMode": "file",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "always"
+  },
+  "files.autoSave": "onFocusChange",
+  "javascript.preferences.quoteStyle": "single",
+  "typescript.preferences.quoteStyle": "single",
+  "javascript.format.semicolons": "insert",
+  "typescript.format.semicolons": "insert",
+  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
+  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
+  "typescript.format.insertSpaceAfterConstructor": true,
+  "javascript.format.insertSpaceAfterConstructor": true,
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.preferences.importModuleSpecifierEnding": "minimal",
+  "javascript.preferences.importModuleSpecifier": "non-relative",
+  "javascript.preferences.importModuleSpecifierEnding": "minimal",
+  "typescript.disableAutomaticTypeAcquisition": true
 }

README.md

@@ -3,8 +3,6 @@
 
 # NapCat
 
-
-
 _Modern protocol-side framework implemented based on NTQQ._
 
 > 云起兮风生，心向远方兮路未曾至.
@@ -13,26 +11,40 @@ _Modern protocol-side framework implemented based on NTQQ._
 
 ---
 
+## New Feature
+
+在 v4.8.115+ 版本开始
+
+1. NapCatQQ 支持 [Stream Api](https://napneko.github.io/develop/file)
+2. NapCatQQ 推荐 message_id/user_id/group_id 均使用字符串类型
+
+- [1] 解决 Docker/跨设备/大文件 的多媒体上下传问题
+- [2] 采用字符串可以解决扩展到int64的问题，同时也可以解决部分语言（如JavaScript）对大整数支持不佳的问题，增加极少成本。
+
 ## Welcome
-+ NapCatQQ is a modern implementation of the Bot protocol based on NTQQ.
+
+- NapCatQQ is a modern implementation of the Bot protocol based on NTQQ.
   - NapCatQQ 是现代化的基于 NTQQ 的 Bot 协议端实现
 
 ## Feature
 
-+ **Easy to Use**
+- **Easy to Use**
   - 作为初学者能够轻松使用.
-+ **Quick and Efficient**
+- **Quick and Efficient**
   - 在低内存操作系统长时运行.
-+ **Rich API Interface**
+- **Rich API Interface**
   - 完整实现了大部分标准接口.
-+ **Stable and Reliable**
+- **Stable and Reliable**
   - 持续稳定的开发与维护.
+
 ## Quick Start
 
 可前往 [Release](https://github.com/NapNeko/NapCatQQ/releases/) 页面下载最新版本
 
 **首次使用**请务必查看如下文档看使用教程
 
+> 项目非盈利，涉及 对接问题/基础问题/下层框架问题 请自行搜索解决，本项目社区不提供此类解答。
+
 ## Link
 
 | Docs | [![Github.IO](https://img.shields.io/badge/docs%20on-Github.IO-orange)](https://napneko.github.io/) | [![Cloudflare.Worker](https://img.shields.io/badge/docs%20on-Cloudflare.Worker-black)](https://doc.napneko.icu/) | [![Cloudflare.HKServer](https://img.shields.io/badge/docs%20on-Cloudflare.HKServer-informational)](https://napcat.napneko.icu/) |
@@ -41,28 +53,35 @@ _Modern protocol-side framework implemented based on NTQQ._
 | Docs | [![Cloudflare.Pages](https://img.shields.io/badge/docs%20on-Cloudflare.Pages-blue)](https://napneko.pages.dev/) | [![Server.Other](https://img.shields.io/badge/docs%20on-Server.Other-green)](https://napcat.cyou/) | [![NapCat.Wiki](https://img.shields.io/badge/docs%20on-NapCat.Wiki-red)](https://www.napcat.wiki) |
 |:-:|:-:|:-:|:-:|
 
-| QQ Group | [![QQ Group#4](https://img.shields.io/badge/QQ%20Group%234-Join-blue)](https://qm.qq.com/q/CMmPbGw0jA) | [![QQ Group#3](https://img.shields.io/badge/QQ%20Group%233-Join-blue)](https://qm.qq.com/q/8zJMLjqy2Y) | [![QQ Group#2](https://img.shields.io/badge/QQ%20Group%232-Join-blue)](https://qm.qq.com/q/HaRcfrHpUk) | [![QQ Group#1](https://img.shields.io/badge/QQ%20Group%231-Join-blue)](https://qm.qq.com/q/I6LU87a0Yq) |
+| QQ Group | [![QQ Group#4](https://img.shields.io/badge/QQ%20Group%234-Join-blue)](https://qm.qq.com/q/CMmPbGw0jA) | [![QQ Group#3](https://img.shields.io/badge/QQ%20Group%233-Join-blue)](https://qm.qq.com/q/8zJMLjqy2Y) | [![QQ Group#2](https://img.shields.io/badge/QQ%20Group%232-Join-blue)](https://qm.qq.com/q/CMmPbGw0jA) | [![QQ Group#1](https://img.shields.io/badge/QQ%20Group%231-Join-blue)](https://qm.qq.com/q/I6LU87a0Yq) |
 |:-:|:-:|:-:|:-:|:-:|
 
 | Telegram | [![Telegram](https://img.shields.io/badge/Telegram-napcatqq-blue)](https://t.me/napcatqq) |
 |:-:|:-:|
 
+| DeepWiki | [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/NapNeko/NapCatQQ) |
+|:-:|:-:|
+
+> 请不要在其余社区提及本项目(包括其余协议端/相关应用端项目)引发争论，如有建议到达官方交流群讨论或PR。
+
 ## Thanks
 
-+ [Lagrange](https://github.com/LagrangeDev/Lagrange.Core) 对本项目的大力支持 参考部分代码 已获授权
+- [Lagrange](https://github.com/LagrangeDev/Lagrange.Core) 对本项目的大力支持 参考部分代码 已获授权
 
-+ [AstrBot](https://github.com/AstrBotDevs/AstrBot) 是完美适配本项目的LLM Bot框架 在此推荐一下
+- [AstrBot](https://github.com/AstrBotDevs/AstrBot) 是完美适配本项目的LLM Bot框架 在此推荐一下
 
-+ [MaiBot](https://github.com/MaiM-with-u/MaiBot) 一只赛博群友 麦麦 Bot框架 在此推荐一下
+- [MaiBot](https://github.com/MaiM-with-u/MaiBot) 一只赛博群友 麦麦 Bot框架 在此推荐一下
 
-+ [qq-chat-exporter](https://github.com/shuakami/qq-chat-exporter/) 基于NapCat的消息导出工具 在此推荐一下
+- [qq-chat-exporter](https://github.com/shuakami/qq-chat-exporter/) 基于NapCat的消息导出工具 在此推荐一下
 
-+ 不过最最重要的 还是需要感谢屏幕前的你哦~
+- 不过最最重要的 还是需要感谢屏幕前的你哦~
 
 ---
 
 ## License
+
 本项目采用 混合协议 开源，因此使用本项目时，你需要注意以下几点：
+
 1. 第三方库代码或修改部分遵循其原始开源许可.
 2. 本项目获取部分项目授权而不受部分约束
 2. 项目其余逻辑代码采用[本仓库开源许可](./LICENSE).

eslint.config.js

@@ -0,0 +1,52 @@
+import neostandard from 'neostandard';
+
+/** 尾随逗号 */
+const commaDangle = val => {
+  if (val?.rules?.['@stylistic/comma-dangle']?.[0] === 'warn') {
+    const rule = val?.rules?.['@stylistic/comma-dangle']?.[1];
+    Object.keys(rule).forEach(key => {
+      rule[key] = 'always-multiline';
+    });
+    val.rules['@stylistic/comma-dangle'][1] = rule;
+  }
+
+  /** 三元表达式 */
+  if (val?.rules?.['@stylistic/indent']) {
+    val.rules['@stylistic/indent'][2] = {
+      ...val.rules?.['@stylistic/indent']?.[2],
+      flatTernaryExpressions: true,
+      offsetTernaryExpressions: false,
+    };
+  }
+
+  /** 支持下划线 - 禁用 camelcase 规则 */
+  if (val?.rules?.camelcase) {
+    val.rules.camelcase = 'off';
+  }
+
+  /** 未使用的变量强制报错 */
+  if (val?.rules?.['@typescript-eslint/no-unused-vars']) {
+    val.rules['@typescript-eslint/no-unused-vars'] = ['error', {
+      argsIgnorePattern: '^_',
+      varsIgnorePattern: '^_',
+      caughtErrorsIgnorePattern: '^_',
+    }];
+  }
+
+  return val;
+};
+
+/** 忽略的文件 */
+const ignores = [
+  'node_modules',
+  '**/dist/**',
+  'launcher',
+];
+
+const options = neostandard({
+  ts: true,
+  ignores,
+  semi: true, // 强制使用分号
+}).map(commaDangle);
+
+export default options;

eslint.config.mjs

@@ -1,32 +0,0 @@
-import eslint from '@eslint/js';
-import tsEslintPlugin from '@typescript-eslint/eslint-plugin';
-import tsEslintParser from '@typescript-eslint/parser';
-import globals from "globals";
-
-const customTsFlatConfig = [
-    {
-        name: 'typescript-eslint/base',
-        languageOptions: {
-            parser: tsEslintParser,
-            sourceType: 'module',
-            globals: {
-                ...globals.browser,
-                ...globals.node,
-                NodeJS: 'readonly', // 添加 NodeJS 全局变量
-            },
-        },
-        files: ['**/*.{ts,tsx}'],
-        rules: {
-            ...tsEslintPlugin.configs.recommended.rules,
-            'quotes': ['error', 'single'], // 使用单引号
-            'semi': ['error', 'always'], // 强制使用分号
-            'indent': ['error', 4], // 使用 4 空格缩进
-        },
-        plugins: {
-            '@typescript-eslint': tsEslintPlugin,
-        },
-        ignores: ['src/webui/**'], // 忽略 src/webui/ 目录所有文件
-    },
-];
-
-export default [eslint.configs.recommended, ...customTsFlatConfig];

napcat.webui/.prettierignore

@@ -1,7 +0,0 @@
-dist
-*.md
-*.html
-yarn.lock
-package-lock.json
-node_modules
-pnpm-lock.yaml

napcat.webui/.prettierrc

@@ -1,23 +0,0 @@
-{
-  "printWidth": 80,
-  "tabWidth": 2,
-  "useTabs": false,
-  "singleQuote": true,
-  "semi": false,
-  "trailingComma": "none",
-  "bracketSpacing": true,
-  "importOrder": [
-    "<THIRD_PARTY_MODULES>",
-    "^@/const/(.*)$",
-    "^@/store/(.*)$",
-    "^@/components/(.*)$",
-    "^@/contexts/(.*)$",
-    "^@/hooks/(.*)$",
-    "^@/utils/(.*)$",
-    "^@/(.*)$",
-    "^[./]"
-  ],
-  "importOrderSeparation": true,
-  "importOrderSortSpecifiers": true,
-  "plugins": ["@trivago/prettier-plugin-sort-imports"]
-}

napcat.webui/eslint.config.mjs

@@ -1,91 +0,0 @@
-import eslint_js from '@eslint/js'
-import tsEslintPlugin from '@typescript-eslint/eslint-plugin'
-import tsEslintParser from '@typescript-eslint/parser'
-import eslintConfigPrettier from 'eslint-config-prettier'
-import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
-import reactPlugin from 'eslint-plugin-react'
-import reactHooksPlugin from 'eslint-plugin-react-hooks'
-import globals from 'globals'
-
-const customTsFlatConfig = [
-  {
-    name: 'typescript-eslint/base',
-    languageOptions: {
-      parser: tsEslintParser,
-      sourceType: 'module'
-    },
-    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx}'],
-    rules: {
-      ...tsEslintPlugin.configs.recommended.rules
-    },
-    plugins: {
-      '@typescript-eslint': tsEslintPlugin
-    }
-  }
-]
-
-export default [
-  eslint_js.configs.recommended,
-
-  eslintPluginPrettierRecommended,
-
-  ...customTsFlatConfig,
-  {
-    name: 'global config',
-    languageOptions: {
-      globals: {
-        ...globals.es2022,
-        ...globals.browser,
-        ...globals.node
-      },
-      parserOptions: {
-        warnOnUnsupportedTypeScriptVersion: false
-      }
-    },
-    rules: {
-      'prettier/prettier': 'error',
-      'no-unused-vars': 'off',
-      'no-undef': 'off',
-      //关闭不能再promise中使用ansyc
-      'no-async-promise-executor': 'off',
-      //关闭不能再常量中使用??
-      'no-constant-binary-expression': 'off',
-      '@typescript-eslint/ban-types': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-
-      //禁止失去精度的字面数字
-      '@typescript-eslint/no-loss-of-precision': 'off',
-      //禁止使用any
-      '@typescript-eslint/no-explicit-any': 'error'
-    }
-  },
-  {
-    ignores: ['**/node_modules', '**/dist', '**/output']
-  },
-  {
-    name: 'react-eslint',
-    files: ['src/*.{js,jsx,mjs,cjs,ts,tsx}'],
-    plugins: {
-      react: reactPlugin,
-      'react-hooks': reactHooksPlugin
-    },
-    languageOptions: {
-      ...reactPlugin.configs.recommended.languageOptions
-    },
-    rules: {
-      ...reactPlugin.configs.recommended.rules,
-
-      'react/react-in-jsx-scope': 'off'
-    },
-    settings: {
-      react: {
-        // 需要显示安装 react
-        version: 'detect'
-      }
-    }
-  },
-  {
-    languageOptions: { globals: { ...globals.browser, ...globals.node } }
-  },
-  eslintConfigPrettier
-]

napcat.webui/src/App.tsx

@@ -1,90 +0,0 @@
-import { Suspense, lazy, useEffect } from 'react'
-import { Provider } from 'react-redux'
-import { Route, Routes, useNavigate } from 'react-router-dom'
-
-import PageBackground from '@/components/page_background'
-import PageLoading from '@/components/page_loading'
-import Toaster from '@/components/toaster'
-
-import DialogProvider from '@/contexts/dialog'
-import AudioProvider from '@/contexts/songs'
-
-import useAuth from '@/hooks/auth'
-
-import store from '@/store'
-
-const WebLoginPage = lazy(() => import('@/pages/web_login'))
-const IndexPage = lazy(() => import('@/pages/index'))
-const QQLoginPage = lazy(() => import('@/pages/qq_login'))
-const DashboardIndexPage = lazy(() => import('@/pages/dashboard'))
-const AboutPage = lazy(() => import('@/pages/dashboard/about'))
-const ConfigPage = lazy(() => import('@/pages/dashboard/config'))
-const DebugPage = lazy(() => import('@/pages/dashboard/debug'))
-const HttpDebug = lazy(() => import('@/pages/dashboard/debug/http'))
-const WSDebug = lazy(() => import('@/pages/dashboard/debug/websocket'))
-const FileManagerPage = lazy(() => import('@/pages/dashboard/file_manager'))
-const LogsPage = lazy(() => import('@/pages/dashboard/logs'))
-const NetworkPage = lazy(() => import('@/pages/dashboard/network'))
-const TerminalPage = lazy(() => import('@/pages/dashboard/terminal'))
-
-function App() {
-  return (
-    <DialogProvider>
-      <Provider store={store}>
-        <PageBackground />
-        <Toaster />
-        <AudioProvider>
-          <Suspense fallback={<PageLoading />}>
-            <AuthChecker>
-              <AppRoutes />
-            </AuthChecker>
-          </Suspense>
-        </AudioProvider>
-      </Provider>
-    </DialogProvider>
-  )
-}
-
-function AuthChecker({ children }: { children: React.ReactNode }) {
-  const { isAuth } = useAuth()
-  const navigate = useNavigate()
-
-  useEffect(() => {
-    if (!isAuth) {
-      const search = new URLSearchParams(window.location.search)
-      const token = search.get('token')
-      let url = '/web_login'
-
-      if (token) {
-        url += `?token=${token}`
-      }
-      navigate(url, { replace: true })
-    }
-  }, [isAuth, navigate])
-
-  return <>{children}</>
-}
-
-function AppRoutes() {
-  return (
-    <Routes>
-      <Route path="/" element={<IndexPage />}>
-        <Route index element={<DashboardIndexPage />} />
-        <Route path="network" element={<NetworkPage />} />
-        <Route path="config" element={<ConfigPage />} />
-        <Route path="logs" element={<LogsPage />} />
-        <Route path="debug" element={<DebugPage />}>
-          <Route path="ws" element={<WSDebug />} />
-          <Route path="http" element={<HttpDebug />} />
-        </Route>
-        <Route path="file_manager" element={<FileManagerPage />} />
-        <Route path="terminal" element={<TerminalPage />} />
-        <Route path="about" element={<AboutPage />} />
-      </Route>
-      <Route path="/qq_login" element={<QQLoginPage />} />
-      <Route path="/web_login" element={<WebLoginPage />} />
-    </Routes>
-  )
-}
-
-export default App

napcat.webui/src/components/audio_player.tsx

@@ -1,425 +0,0 @@
-import { Button } from '@heroui/button'
-import { Card, CardBody, CardHeader } from '@heroui/card'
-import { Image } from '@heroui/image'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Slider } from '@heroui/slider'
-import { Tooltip } from '@heroui/tooltip'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import clsx from 'clsx'
-import { useEffect, useRef, useState } from 'react'
-import {
-  BiSolidSkipNextCircle,
-  BiSolidSkipPreviousCircle
-} from 'react-icons/bi'
-import {
-  FaPause,
-  FaPlay,
-  FaRegHandPointRight,
-  FaRepeat,
-  FaShuffle
-} from 'react-icons/fa6'
-import { TbRepeatOnce } from 'react-icons/tb'
-import { useMediaQuery } from 'react-responsive'
-
-import { PlayMode } from '@/const/enum'
-import key from '@/const/key'
-
-import { VolumeHighIcon, VolumeLowIcon } from './icons'
-
-export interface AudioPlayerProps
-  extends React.AudioHTMLAttributes<HTMLAudioElement> {
-  src: string
-  title?: string
-  artist?: string
-  cover?: string
-  pressNext?: () => void
-  pressPrevious?: () => void
-  onPlayEnd?: () => void
-  onChangeMode?: (mode: PlayMode) => void
-  mode?: PlayMode
-}
-
-export default function AudioPlayer(props: AudioPlayerProps) {
-  const {
-    src,
-    pressNext,
-    pressPrevious,
-    cover = 'https://nextui.org/images/album-cover.png',
-    title = '未知',
-    artist = '未知',
-    onTimeUpdate,
-    onLoadedData,
-    onPlay,
-    onPause,
-    onPlayEnd,
-    onChangeMode,
-    autoPlay,
-    mode = PlayMode.Loop,
-    ...rest
-  } = props
-
-  const [currentTime, setCurrentTime] = useState(0)
-  const [duration, setDuration] = useState(0)
-  const [isPlaying, setIsPlaying] = useState(false)
-  const [volume, setVolume] = useState(100)
-  const [isCollapsed, setIsCollapsed] = useLocalStorage(
-    key.isCollapsedMusicPlayer,
-    false
-  )
-  const audioRef = useRef<HTMLAudioElement>(null)
-  const cardRef = useRef<HTMLDivElement>(null)
-  const startY = useRef(0)
-  const startX = useRef(0)
-  const [translateY, setTranslateY] = useState(0)
-  const [translateX, setTranslateX] = useState(0)
-  const isSmallScreen = useMediaQuery({ maxWidth: 767 })
-  const isMediumUp = useMediaQuery({ minWidth: 768 })
-  const shouldAdd = useRef(false)
-  const currentProgress = (currentTime / duration) * 100
-  const [storageAutoPlay, setStorageAutoPlay] = useLocalStorage(
-    key.autoPlay,
-    true
-  )
-
-  const handleTimeUpdate = (event: React.SyntheticEvent<HTMLAudioElement>) => {
-    const audio = event.target as HTMLAudioElement
-    setCurrentTime(audio.currentTime)
-    onTimeUpdate?.(event)
-  }
-
-  const handleLoadedData = (event: React.SyntheticEvent<HTMLAudioElement>) => {
-    const audio = event.target as HTMLAudioElement
-    setDuration(audio.duration)
-    onLoadedData?.(event)
-  }
-
-  const handlePlay = (e: React.SyntheticEvent<HTMLAudioElement>) => {
-    setIsPlaying(true)
-    setStorageAutoPlay(true)
-    onPlay?.(e)
-  }
-
-  const handlePause = (e: React.SyntheticEvent<HTMLAudioElement>) => {
-    setIsPlaying(false)
-    onPause?.(e)
-  }
-
-  const changeMode = () => {
-    const modes = [PlayMode.Loop, PlayMode.Random, PlayMode.Single]
-    const currentIndex = modes.findIndex((_mode) => _mode === mode)
-    const nextIndex = currentIndex + 1
-    const nextMode = modes[nextIndex] || modes[0]
-    onChangeMode?.(nextMode)
-  }
-
-  const volumeChange = (value: number) => {
-    setVolume(value)
-  }
-
-  useEffect(() => {
-    const audio = audioRef.current
-    if (audio) {
-      audio.volume = volume / 100
-    }
-  }, [volume])
-
-  const handleTouchStart = (e: React.TouchEvent) => {
-    startY.current = e.touches[0].clientY
-    startX.current = e.touches[0].clientX
-  }
-
-  const handleTouchMove = (e: React.TouchEvent) => {
-    const deltaY = e.touches[0].clientY - startY.current
-    const deltaX = e.touches[0].clientX - startX.current
-    const container = cardRef.current
-    const header = cardRef.current?.querySelector('[data-header]')
-    const headerHeight = header?.clientHeight || 20
-    const addHeight = (container?.clientHeight || headerHeight) - headerHeight
-    const _shouldAdd = isCollapsed && deltaY < 0
-    if (isSmallScreen) {
-      shouldAdd.current = _shouldAdd
-      setTranslateY(_shouldAdd ? deltaY + addHeight : deltaY)
-    } else {
-      setTranslateX(deltaX)
-    }
-  }
-
-  const handleTouchEnd = () => {
-    if (isSmallScreen) {
-      const container = cardRef.current
-      const header = cardRef.current?.querySelector('[data-header]')
-      const headerHeight = header?.clientHeight || 20
-      const addHeight = (container?.clientHeight || headerHeight) - headerHeight
-      const _translateY = translateY - (shouldAdd.current ? addHeight : 0)
-      if (_translateY > 100) {
-        setIsCollapsed(true)
-      } else if (_translateY < -100) {
-        setIsCollapsed(false)
-      }
-      setTranslateY(0)
-    } else {
-      if (translateX > 100) {
-        setIsCollapsed(true)
-      } else if (translateX < -100) {
-        setIsCollapsed(false)
-      }
-      setTranslateX(0)
-    }
-  }
-
-  const dragTranslate = isSmallScreen
-    ? translateY
-      ? `translateY(${translateY}px)`
-      : ''
-    : translateX
-      ? `translateX(${translateX}px)`
-      : ''
-  const collapsedTranslate = isCollapsed
-    ? isSmallScreen
-      ? 'translateY(90%)'
-      : 'translateX(96%)'
-    : ''
-
-  const translateStyle = dragTranslate || collapsedTranslate
-
-  if (!src) return null
-
-  return (
-    <div
-      className={clsx(
-        'fixed right-0 bottom-0 z-[52] w-full md:w-96',
-        !translateX && !translateY && 'transition-transform',
-        isCollapsed && 'md:hover:!translate-x-80'
-      )}
-      style={{
-        transform: translateStyle
-      }}
-    >
-      <audio
-        src={src}
-        onLoadedData={handleLoadedData}
-        onTimeUpdate={handleTimeUpdate}
-        onPlay={handlePlay}
-        onPause={handlePause}
-        onEnded={onPlayEnd}
-        autoPlay={autoPlay ?? storageAutoPlay}
-        {...rest}
-        controls={false}
-        hidden
-        ref={audioRef}
-      />
-
-      <Card
-        ref={cardRef}
-        className={clsx(
-          'border-none bg-background/60 dark:bg-default-300/50 w-full max-w-full transform transition-transform backdrop-blur-md duration-300 overflow-visible',
-          isSmallScreen ? 'rounded-t-3xl' : 'md:rounded-l-xl'
-        )}
-        classNames={{
-          body: 'p-0'
-        }}
-        shadow="sm"
-        radius="none"
-      >
-        {isMediumUp && (
-          <Button
-            isIconOnly
-            className={clsx(
-              'absolute data-[hover]:bg-foreground/10 text-lg z-50',
-              isCollapsed
-                ? 'top-0 left-0 w-full h-full rounded-xl bg-opacity-0 hover:bg-opacity-30'
-                : 'top-3 -left-8 rounded-l-full bg-opacity-50 backdrop-blur-md'
-            )}
-            variant="solid"
-            color="primary"
-            size="sm"
-            onPress={() => setIsCollapsed(!isCollapsed)}
-          >
-            <FaRegHandPointRight />
-          </Button>
-        )}
-        {isSmallScreen && (
-          <CardHeader
-            data-header
-            className="flex-row justify-center pt-4"
-            onTouchStart={handleTouchStart}
-            onTouchMove={handleTouchMove}
-            onTouchEnd={handleTouchEnd}
-            onClick={() => setIsCollapsed(!isCollapsed)}
-          >
-            <div className="w-24 h-2 rounded-full bg-content2-foreground shadow-sm"></div>
-          </CardHeader>
-        )}
-        <CardBody>
-          <div className="grid grid-cols-6 md:grid-cols-12 gap-6 md:gap-4 items-center justify-center overflow-hidden p-6 md:p-2 m-0">
-            <div className="relative col-span-6 md:col-span-4 flex justify-center">
-              <Image
-                alt="Album cover"
-                className="object-cover"
-                classNames={{
-                  wrapper: 'w-36 aspect-square md:w-24 flex',
-                  img: 'block w-full h-full'
-                }}
-                shadow="md"
-                src={cover}
-                width="100%"
-              />
-            </div>
-
-            <div className="flex flex-col col-span-6 md:col-span-8">
-              <div className="flex flex-col gap-0">
-                <h1 className="font-medium truncate">{title}</h1>
-                <p className="text-xs text-foreground/80 truncate">{artist}</p>
-              </div>
-
-              <div className="flex flex-col">
-                <Slider
-                  aria-label="Music progress"
-                  classNames={{
-                    track: 'bg-default-500/30 border-none',
-                    thumb: 'w-2 h-2 after:w-1.5 after:h-1.5',
-                    filler: 'rounded-full'
-                  }}
-                  color="foreground"
-                  value={currentProgress || 0}
-                  defaultValue={0}
-                  size="sm"
-                  onChange={(value) => {
-                    value = Array.isArray(value) ? value[0] : value
-                    const audio = audioRef.current
-                    if (audio) {
-                      audio.currentTime = (value / 100) * duration
-                    }
-                  }}
-                />
-                <div className="flex justify-between h-3">
-                  <p className="text-xs">
-                    {Math.floor(currentTime / 60)}:
-                    {Math.floor(currentTime % 60)
-                      .toString()
-                      .padStart(2, '0')}
-                  </p>
-                  <p className="text-xs text-foreground/50">
-                    {Math.floor(duration / 60)}:
-                    {Math.floor(duration % 60)
-                      .toString()
-                      .padStart(2, '0')}
-                  </p>
-                </div>
-              </div>
-
-              <div className="flex w-full items-center justify-center">
-                <Tooltip
-                  content={
-                    mode === PlayMode.Loop
-                      ? '列表循环'
-                      : mode === PlayMode.Random
-                        ? '随机播放'
-                        : '单曲循环'
-                  }
-                >
-                  <Button
-                    isIconOnly
-                    className="data-[hover]:bg-foreground/10 text-lg md:text-medium"
-                    radius="full"
-                    variant="light"
-                    size="md"
-                    onPress={changeMode}
-                  >
-                    {mode === PlayMode.Loop && (
-                      <FaRepeat className="text-foreground/80" />
-                    )}
-                    {mode === PlayMode.Random && (
-                      <FaShuffle className="text-foreground/80" />
-                    )}
-                    {mode === PlayMode.Single && (
-                      <TbRepeatOnce className="text-foreground/80 text-xl" />
-                    )}
-                  </Button>
-                </Tooltip>
-                <Tooltip content="上一首">
-                  <Button
-                    isIconOnly
-                    className="data-[hover]:bg-foreground/10 text-2xl md:text-xl"
-                    radius="full"
-                    variant="light"
-                    size="md"
-                    onPress={pressPrevious}
-                  >
-                    <BiSolidSkipPreviousCircle />
-                  </Button>
-                </Tooltip>
-                <Tooltip content={isPlaying ? '暂停' : '播放'}>
-                  <Button
-                    isIconOnly
-                    className="data-[hover]:bg-foreground/10 text-3xl md:text-3xl"
-                    radius="full"
-                    variant="light"
-                    size="lg"
-                    onPress={() => {
-                      if (isPlaying) {
-                        audioRef.current?.pause()
-                        setStorageAutoPlay(false)
-                      } else {
-                        audioRef.current?.play()
-                      }
-                    }}
-                  >
-                    {isPlaying ? <FaPause /> : <FaPlay className="ml-1" />}
-                  </Button>
-                </Tooltip>
-                <Tooltip content="下一首">
-                  <Button
-                    isIconOnly
-                    className="data-[hover]:bg-foreground/10 text-2xl md:text-xl"
-                    radius="full"
-                    variant="light"
-                    size="md"
-                    onPress={pressNext}
-                  >
-                    <BiSolidSkipNextCircle />
-                  </Button>
-                </Tooltip>
-                <Popover
-                  placement="top"
-                  classNames={{
-                    content: 'bg-opacity-30 backdrop-blur-md'
-                  }}
-                >
-                  <PopoverTrigger>
-                    <Button
-                      isIconOnly
-                      className="data-[hover]:bg-foreground/10 text-xl md:text-xl"
-                      radius="full"
-                      variant="light"
-                      size="md"
-                    >
-                      <VolumeHighIcon />
-                    </Button>
-                  </PopoverTrigger>
-                  <PopoverContent>
-                    <Slider
-                      orientation="vertical"
-                      showTooltip
-                      aria-label="Volume"
-                      className="h-40"
-                      color="primary"
-                      defaultValue={volume}
-                      onChange={(value) => {
-                        value = Array.isArray(value) ? value[0] : value
-                        volumeChange(value)
-                      }}
-                      startContent={<VolumeHighIcon className="text-2xl" />}
-                      size="sm"
-                      endContent={<VolumeLowIcon className="text-2xl" />}
-                    />
-                  </PopoverContent>
-                </Popover>
-              </div>
-            </div>
-          </div>
-        </CardBody>
-      </Card>
-    </div>
-  )
-}

napcat.webui/src/components/button/save_buttons.tsx

@@ -1,59 +0,0 @@
-import { Button } from '@heroui/button'
-import clsx from 'clsx'
-import toast from 'react-hot-toast'
-import { IoMdRefresh } from 'react-icons/io'
-
-export interface SaveButtonsProps {
-  onSubmit: () => void
-  reset: () => void
-  refresh?: () => void
-  isSubmitting: boolean
-  className?: string
-}
-
-const SaveButtons: React.FC<SaveButtonsProps> = ({
-  onSubmit,
-  reset,
-  isSubmitting,
-  refresh,
-  className
-}) => (
-  <div
-    className={clsx(
-      'max-w-full mx-3 w-96 flex flex-col justify-center gap-3',
-      className
-    )}
-  >
-    <div className="flex items-center justify-center gap-2 mt-5">
-      <Button
-        color="default"
-        onPress={() => {
-          reset()
-          toast.success('重置成功')
-        }}
-      >
-        取消更改
-      </Button>
-      <Button
-        color="primary"
-        isLoading={isSubmitting}
-        onPress={() => onSubmit()}
-      >
-        保存
-      </Button>
-      {refresh && (
-        <Button
-          isIconOnly
-          color="secondary"
-          radius="full"
-          variant="flat"
-          onPress={() => refresh()}
-        >
-          <IoMdRefresh size={24} />
-        </Button>
-      )}
-    </div>
-  </div>
-)
-
-export default SaveButtons

napcat.webui/src/components/chat_input/components/audio_insert.tsx

@@ -1,254 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Tooltip } from '@heroui/tooltip'
-import clsx from 'clsx'
-import { useEffect, useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { FaMicrophone } from 'react-icons/fa6'
-import { IoMic } from 'react-icons/io5'
-import { MdEdit, MdUpload } from 'react-icons/md'
-
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-import { isURI } from '@/utils/url'
-
-import type { OB11Segment } from '@/types/onebot'
-
-const AudioInsert = () => {
-  const [audioUrl, setAudioUrl] = useState<string>('')
-  const audioInputRef = useRef<HTMLInputElement>(null)
-  const showStructuredMessage = useShowStructuredMessage()
-  const showAudioSegment = (file: string) => {
-    const messages: OB11Segment[] = [
-      {
-        type: 'record',
-        data: {
-          file: file
-        }
-      }
-    ]
-    showStructuredMessage(messages)
-  }
-
-  const [isRecording, setIsRecording] = useState(false)
-  const mediaRecorderRef = useRef<MediaRecorder | null>(null)
-  const audioChunksRef = useRef<Blob[]>([])
-  const [audioPreview, setAudioPreview] = useState<string | null>(null)
-  const [showPreview, setShowPreview] = useState(false)
-  const streamRef = useRef<MediaStream | null>(null)
-  const [recordingTime, setRecordingTime] = useState(0)
-  const recordingIntervalRef = useRef<NodeJS.Timeout | null>(null)
-
-  useEffect(() => {
-    if (isRecording) {
-      navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
-        streamRef.current = stream
-        const recorder = new MediaRecorder(stream)
-        mediaRecorderRef.current = recorder
-        recorder.start()
-        recorder.ondataavailable = (event) => {
-          if (event.data.size > 0) {
-            audioChunksRef.current.push(event.data)
-          }
-        }
-        recorder.onstop = () => {
-          if (audioChunksRef.current.length > 0) {
-            const audioBlob = new Blob(audioChunksRef.current, {
-              type: 'audio/wav'
-            })
-            const reader = new FileReader()
-            reader.readAsDataURL(audioBlob)
-            reader.onloadend = () => {
-              const base64Audio = reader.result as string
-              setAudioPreview(base64Audio)
-              setShowPreview(true)
-            }
-            audioChunksRef.current = []
-          }
-          stream.getTracks().forEach((track) => track.stop())
-        }
-      })
-      recordingIntervalRef.current = setInterval(() => {
-        setRecordingTime((prevTime) => prevTime + 1)
-      }, 1000)
-    } else {
-      mediaRecorderRef.current?.stop()
-      if (recordingIntervalRef.current) {
-        clearInterval(recordingIntervalRef.current)
-        recordingIntervalRef.current = null
-      }
-    }
-  }, [isRecording])
-
-  const startRecording = () => {
-    setAudioPreview(null)
-    setShowPreview(false)
-    setRecordingTime(0)
-    setIsRecording(true)
-  }
-
-  const stopRecording = () => {
-    setIsRecording(false)
-  }
-
-  const handleShowPreview = () => {
-    if (audioPreview) {
-      showAudioSegment(audioPreview)
-    }
-  }
-
-  const formatTime = (time: number) => {
-    const minutes = Math.floor(time / 60)
-    const seconds = time % 60
-    return `${minutes}:${seconds.toString().padStart(2, '0')}`
-  }
-
-  return (
-    <>
-      <Popover>
-        <Tooltip content="发送音频">
-          <div className="max-w-fit">
-            <PopoverTrigger>
-              <Button color="primary" variant="flat" isIconOnly radius="full">
-                <IoMic className="text-xl" />
-              </Button>
-            </PopoverTrigger>
-          </div>
-        </Tooltip>
-        <PopoverContent className="flex-row gap-2 p-4">
-          <Tooltip content="上传音频">
-            <Button
-              className="text-lg"
-              color="primary"
-              isIconOnly
-              variant="flat"
-              radius="full"
-              onPress={() => {
-                audioInputRef?.current?.click()
-              }}
-            >
-              <MdUpload />
-            </Button>
-          </Tooltip>
-          <Popover>
-            <Tooltip content="输入音频地址">
-              <div className="max-w-fit">
-                <PopoverTrigger tooltip="输入音频地址">
-                  <Button
-                    className="text-lg"
-                    color="primary"
-                    isIconOnly
-                    variant="flat"
-                    radius="full"
-                  >
-                    <MdEdit />
-                  </Button>
-                </PopoverTrigger>
-              </div>
-            </Tooltip>
-            <PopoverContent className="flex-row gap-1 p-2">
-              <Input
-                value={audioUrl}
-                onChange={(e) => setAudioUrl(e.target.value)}
-                placeholder="请输入音频地址"
-              />
-              <Button
-                color="primary"
-                variant="flat"
-                isIconOnly
-                radius="full"
-                onPress={() => {
-                  if (!isURI(audioUrl)) {
-                    toast.error('请输入正确的音频地址')
-                    return
-                  }
-                  showAudioSegment(audioUrl)
-                  setAudioUrl('')
-                }}
-              >
-                <FaMicrophone />
-              </Button>
-            </PopoverContent>
-          </Popover>
-          <Popover>
-            <Tooltip content="录制音频">
-              <div className="max-w-fit">
-                <PopoverTrigger>
-                  <Button
-                    className="text-lg"
-                    color="primary"
-                    isIconOnly
-                    variant="flat"
-                    radius="full"
-                  >
-                    <IoMic />
-                  </Button>
-                </PopoverTrigger>
-              </div>
-            </Tooltip>
-            <PopoverContent className="flex-col gap-2 p-4">
-              <div className="flex gap-2">
-                <Button
-                  color={isRecording ? 'primary' : 'primary'}
-                  variant="flat"
-                  onPress={isRecording ? stopRecording : startRecording}
-                >
-                  {isRecording ? '停止录制' : '开始录制'}
-                </Button>
-                {showPreview && audioPreview && (
-                  <Button
-                    color="primary"
-                    variant="flat"
-                    onPress={handleShowPreview}
-                  >
-                    查看消息
-                  </Button>
-                )}
-              </div>
-              {(isRecording || audioPreview) && (
-                <div className="flex gap-1 items-center">
-                  <span
-                    className={clsx(
-                      'w-4 h-4 rounded-full',
-                      isRecording
-                        ? 'animate-pulse bg-primary-400'
-                        : 'bg-success-400'
-                    )}
-                  ></span>
-                  <span>录制时长: {formatTime(recordingTime)}</span>
-                </div>
-              )}
-              {showPreview && audioPreview && (
-                <audio controls src={audioPreview} />
-              )}
-            </PopoverContent>
-          </Popover>
-        </PopoverContent>
-      </Popover>
-
-      <input
-        type="file"
-        ref={audioInputRef}
-        hidden
-        accept="audio/*"
-        className="hidden"
-        onChange={(e) => {
-          const file = e.target.files?.[0]
-          if (!file) {
-            return
-          }
-          const reader = new FileReader()
-          reader.readAsDataURL(file)
-          reader.onload = (event) => {
-            const dataURL = event.target?.result
-            showAudioSegment(dataURL as string)
-            e.target.value = ''
-          }
-        }}
-      />
-    </>
-  )
-}
-
-export default AudioInsert

napcat.webui/src/components/chat_input/components/dice_insert.tsx

@@ -1,31 +0,0 @@
-import { Button } from '@heroui/button'
-import { Tooltip } from '@heroui/tooltip'
-import { BsDice3Fill } from 'react-icons/bs'
-
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-const DiceInsert = () => {
-  const showStructuredMessage = useShowStructuredMessage()
-
-  return (
-    <Tooltip content="发送骰子">
-      <Button
-        color="primary"
-        variant="flat"
-        isIconOnly
-        radius="full"
-        onPress={() => {
-          showStructuredMessage([
-            {
-              type: 'dice'
-            }
-          ])
-        }}
-      >
-        <BsDice3Fill className="text-lg" />
-      </Button>
-    </Tooltip>
-  )
-}
-
-export default DiceInsert

napcat.webui/src/components/chat_input/components/file_insert.tsx

@@ -1,125 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Tooltip } from '@heroui/tooltip'
-import { useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { FaFolder } from 'react-icons/fa6'
-import { LuFilePlus2 } from 'react-icons/lu'
-import { MdEdit, MdUpload } from 'react-icons/md'
-
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-import { isURI } from '@/utils/url'
-
-import type { OB11Segment } from '@/types/onebot'
-
-const FileInsert = () => {
-  const [fileUrl, setFileUrl] = useState<string>('')
-  const fileInputRef = useRef<HTMLInputElement>(null)
-  const showStructuredMessage = useShowStructuredMessage()
-  const showFileSegment = (file: string) => {
-    const messages: OB11Segment[] = [
-      {
-        type: 'file',
-        data: {
-          file: file
-        }
-      }
-    ]
-    showStructuredMessage(messages)
-  }
-  return (
-    <>
-      <Popover>
-        <Tooltip content="发送文件">
-          <div className="max-w-fit">
-            <PopoverTrigger>
-              <Button color="primary" variant="flat" isIconOnly radius="full">
-                <FaFolder className="text-lg" />
-              </Button>
-            </PopoverTrigger>
-          </div>
-        </Tooltip>
-        <PopoverContent className="flex-row gap-2 p-4">
-          <Tooltip content="上传文件">
-            <Button
-              className="text-lg"
-              color="primary"
-              isIconOnly
-              variant="flat"
-              radius="full"
-              onPress={() => {
-                fileInputRef?.current?.click()
-              }}
-            >
-              <MdUpload />
-            </Button>
-          </Tooltip>
-          <Popover>
-            <Tooltip content="输入文件地址">
-              <div className="max-w-fit">
-                <PopoverTrigger tooltip="输入文件地址">
-                  <Button
-                    className="text-lg"
-                    color="primary"
-                    isIconOnly
-                    variant="flat"
-                    radius="full"
-                  >
-                    <MdEdit />
-                  </Button>
-                </PopoverTrigger>
-              </div>
-            </Tooltip>
-            <PopoverContent className="flex-row gap-1 p-2">
-              <Input
-                value={fileUrl}
-                onChange={(e) => setFileUrl(e.target.value)}
-                placeholder="请输入文件地址"
-              />
-              <Button
-                color="primary"
-                variant="flat"
-                isIconOnly
-                radius="full"
-                onPress={() => {
-                  if (!isURI(fileUrl)) {
-                    toast.error('请输入正确的文件地址')
-                    return
-                  }
-                  showFileSegment(fileUrl)
-                  setFileUrl('')
-                }}
-              >
-                <LuFilePlus2 />
-              </Button>
-            </PopoverContent>
-          </Popover>
-        </PopoverContent>
-      </Popover>
-
-      <input
-        type="file"
-        ref={fileInputRef}
-        hidden
-        className="hidden"
-        onChange={(e) => {
-          const file = e.target.files?.[0]
-          if (!file) {
-            return
-          }
-          const reader = new FileReader()
-          reader.readAsDataURL(file)
-          reader.onload = (event) => {
-            const dataURL = event.target?.result
-            showFileSegment(dataURL as string)
-            e.target.value = ''
-          }
-        }}
-      />
-    </>
-  )
-}
-
-export default FileInsert

napcat.webui/src/components/chat_input/components/image_insert.tsx

@@ -1,114 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Tooltip } from '@heroui/tooltip'
-import { useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { MdAddPhotoAlternate, MdEdit, MdImage, MdUpload } from 'react-icons/md'
-
-import { isURI } from '@/utils/url'
-
-export interface ImageInsertProps {
-  insertImage: (url: string) => void
-  onOpenChange: (open: boolean) => void
-}
-
-const ImageInsert = ({ insertImage, onOpenChange }: ImageInsertProps) => {
-  const [imgUrl, setImgUrl] = useState<string>('')
-  const imageInputRef = useRef<HTMLInputElement>(null)
-
-  return (
-    <>
-      <Popover onOpenChange={onOpenChange}>
-        <Tooltip content="插入图片">
-          <div className="max-w-fit">
-            <PopoverTrigger>
-              <Button color="primary" variant="flat" isIconOnly radius="full">
-                <MdImage className="text-xl" />
-              </Button>
-            </PopoverTrigger>
-          </div>
-        </Tooltip>
-        <PopoverContent className="flex-row gap-2 p-4">
-          <Tooltip content="上传图片">
-            <Button
-              className="text-lg"
-              color="primary"
-              isIconOnly
-              variant="flat"
-              radius="full"
-              onPress={() => {
-                imageInputRef?.current?.click()
-              }}
-            >
-              <MdUpload />
-            </Button>
-          </Tooltip>
-          <Popover>
-            <Tooltip content="输入图片地址">
-              <div className="max-w-fit">
-                <PopoverTrigger tooltip="输入图片地址">
-                  <Button
-                    className="text-lg"
-                    color="primary"
-                    isIconOnly
-                    variant="flat"
-                    radius="full"
-                  >
-                    <MdEdit />
-                  </Button>
-                </PopoverTrigger>
-              </div>
-            </Tooltip>
-            <PopoverContent className="flex-row gap-1 p-2">
-              <Input
-                value={imgUrl}
-                onChange={(e) => setImgUrl(e.target.value)}
-                placeholder="请输入图片地址"
-              />
-              <Button
-                color="primary"
-                variant="flat"
-                isIconOnly
-                radius="full"
-                onPress={() => {
-                  if (!isURI(imgUrl)) {
-                    toast.error('请输入正确的图片地址')
-                    return
-                  }
-                  insertImage(imgUrl)
-                  setImgUrl('')
-                }}
-              >
-                <MdAddPhotoAlternate />
-              </Button>
-            </PopoverContent>
-          </Popover>
-        </PopoverContent>
-      </Popover>
-
-      <input
-        type="file"
-        ref={imageInputRef}
-        hidden
-        accept="image/*"
-        className="hidden"
-        onChange={(e) => {
-          const file = e.target.files?.[0]
-          if (!file) {
-            return
-          }
-          const reader = new FileReader()
-          reader.readAsDataURL(file)
-          reader.onload = (event) => {
-            const dataURL = event.target?.result
-            insertImage(dataURL as string)
-            e.target.value = ''
-          }
-        }}
-      />
-    </>
-  )
-}
-
-export default ImageInsert

napcat.webui/src/components/chat_input/components/reply_insert.tsx

@@ -1,58 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Tooltip } from '@heroui/tooltip'
-import { useState } from 'react'
-import { BsChatQuoteFill } from 'react-icons/bs'
-import { MdAdd } from 'react-icons/md'
-
-export interface ReplyInsertProps {
-  insertReply: (messageId: string) => void
-}
-
-const ReplyInsert = ({ insertReply }: ReplyInsertProps) => {
-  const [replyId, setReplyId] = useState<string>('')
-
-  return (
-    <>
-      <Popover>
-        <Tooltip content="回复消息">
-          <div className="max-w-fit">
-            <PopoverTrigger>
-              <Button color="primary" variant="flat" isIconOnly radius="full">
-                <BsChatQuoteFill className="text-lg" />
-              </Button>
-            </PopoverTrigger>
-          </div>
-        </Tooltip>
-        <PopoverContent className="flex-row gap-2 p-4">
-          <Input
-            placeholder="输入消息 ID"
-            value={replyId}
-            onChange={(e) => {
-              const value = e.target.value
-              const isNumberReg = /^(?:0|(?:-?[1-9]\d*))$/
-              if (isNumberReg.test(value)) {
-                setReplyId(value)
-              }
-            }}
-          />
-          <Button
-            color="primary"
-            variant="flat"
-            radius="full"
-            isIconOnly
-            onPress={() => {
-              insertReply(replyId)
-              setReplyId('')
-            }}
-          >
-            <MdAdd />
-          </Button>
-        </PopoverContent>
-      </Popover>
-    </>
-  )
-}
-
-export default ReplyInsert

napcat.webui/src/components/chat_input/components/rps_insert.tsx

@@ -1,31 +0,0 @@
-import { Button } from '@heroui/button'
-import { Tooltip } from '@heroui/tooltip'
-import { LiaHandScissors } from 'react-icons/lia'
-
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-const RPSInsert = () => {
-  const showStructuredMessage = useShowStructuredMessage()
-
-  return (
-    <Tooltip content="发送猜拳">
-      <Button
-        color="primary"
-        variant="flat"
-        isIconOnly
-        radius="full"
-        onPress={() => {
-          showStructuredMessage([
-            {
-              type: 'rps'
-            }
-          ])
-        }}
-      >
-        <LiaHandScissors className="text-2xl" />
-      </Button>
-    </Tooltip>
-  )
-}
-
-export default RPSInsert

napcat.webui/src/components/chat_input/components/video_insert.tsx

@@ -1,126 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover'
-import { Tooltip } from '@heroui/tooltip'
-import { useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { IoVideocam } from 'react-icons/io5'
-import { MdEdit, MdUpload } from 'react-icons/md'
-import { TbVideoPlus } from 'react-icons/tb'
-
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-import { isURI } from '@/utils/url'
-
-import type { OB11Segment } from '@/types/onebot'
-
-const VideoInsert = () => {
-  const [videoUrl, setVideoUrl] = useState<string>('')
-  const videoInputRef = useRef<HTMLInputElement>(null)
-  const showStructuredMessage = useShowStructuredMessage()
-  const showVideoSegment = (file: string) => {
-    const messages: OB11Segment[] = [
-      {
-        type: 'video',
-        data: {
-          file: file
-        }
-      }
-    ]
-    showStructuredMessage(messages)
-  }
-  return (
-    <>
-      <Popover>
-        <Tooltip content="发送视频">
-          <div className="max-w-fit">
-            <PopoverTrigger>
-              <Button color="primary" variant="flat" isIconOnly radius="full">
-                <IoVideocam className="text-xl" />
-              </Button>
-            </PopoverTrigger>
-          </div>
-        </Tooltip>
-        <PopoverContent className="flex-row gap-2 p-4">
-          <Tooltip content="上传视频">
-            <Button
-              className="text-lg"
-              color="primary"
-              isIconOnly
-              variant="flat"
-              radius="full"
-              onPress={() => {
-                videoInputRef?.current?.click()
-              }}
-            >
-              <MdUpload />
-            </Button>
-          </Tooltip>
-          <Popover>
-            <Tooltip content="输入视频地址">
-              <div className="max-w-fit">
-                <PopoverTrigger tooltip="输入视频地址">
-                  <Button
-                    className="text-lg"
-                    color="primary"
-                    isIconOnly
-                    variant="flat"
-                    radius="full"
-                  >
-                    <MdEdit />
-                  </Button>
-                </PopoverTrigger>
-              </div>
-            </Tooltip>
-            <PopoverContent className="flex-row gap-1 p-2">
-              <Input
-                value={videoUrl}
-                onChange={(e) => setVideoUrl(e.target.value)}
-                placeholder="请输入视频地址"
-              />
-              <Button
-                color="primary"
-                variant="flat"
-                isIconOnly
-                radius="full"
-                onPress={() => {
-                  if (!isURI(videoUrl)) {
-                    toast.error('请输入正确的视频地址')
-                    return
-                  }
-                  showVideoSegment(videoUrl)
-                  setVideoUrl('')
-                }}
-              >
-                <TbVideoPlus />
-              </Button>
-            </PopoverContent>
-          </Popover>
-        </PopoverContent>
-      </Popover>
-
-      <input
-        type="file"
-        ref={videoInputRef}
-        hidden
-        accept="video/*"
-        className="hidden"
-        onChange={(e) => {
-          const file = e.target.files?.[0]
-          if (!file) {
-            return
-          }
-          const reader = new FileReader()
-          reader.readAsDataURL(file)
-          reader.onload = (event) => {
-            const dataURL = event.target?.result
-            showVideoSegment(dataURL as string)
-            e.target.value = ''
-          }
-        }}
-      />
-    </>
-  )
-}
-
-export default VideoInsert

napcat.webui/src/components/chat_input/formats/emoji_blot.ts

@@ -1,41 +0,0 @@
-import Quill from 'quill'
-
-// eslint-disable-next-line
-const Embed = Quill.import('blots/embed') as any
-export interface EmojiValue {
-  alt: string
-  src: string
-  id: string
-}
-class EmojiBlot extends Embed {
-  static blotName: string = 'emoji'
-  static tagName: string = 'img'
-  static classNames: string[] = ['w-6', 'h-6']
-
-  static create(value: HTMLImageElement) {
-    const node = super.create(value)
-    node.setAttribute('alt', value.alt)
-    node.setAttribute('src', value.src)
-    node.setAttribute('data-id', value.id)
-    node.classList.add(...EmojiBlot.classNames)
-    return node
-  }
-
-  static formats(node: HTMLImageElement): EmojiValue {
-    return {
-      alt: node.getAttribute('alt') ?? '',
-      src: node.getAttribute('src') ?? '',
-      id: node.getAttribute('data-id') ?? ''
-    }
-  }
-
-  static value(node: HTMLImageElement): EmojiValue {
-    return {
-      alt: node.getAttribute('alt') ?? '',
-      src: node.getAttribute('src') ?? '',
-      id: node.getAttribute('data-id') ?? ''
-    }
-  }
-}
-
-export default EmojiBlot

napcat.webui/src/components/chat_input/formats/image_blot.ts

@@ -1,30 +0,0 @@
-import Quill from 'quill'
-
-// eslint-disable-next-line
-const Embed = Quill.import('blots/embed') as any
-export interface ImageValue {
-  alt: string
-  src: string
-}
-class ImageBlot extends Embed {
-  static blotName = 'image'
-  static tagName = 'img'
-  static classNames: string[] = ['max-w-48', 'max-h-48', 'align-bottom']
-
-  static create(value: ImageValue) {
-    let node = super.create()
-    node.setAttribute('alt', value.alt)
-    node.setAttribute('src', value.src)
-    node.classList.add(...ImageBlot.classNames)
-    return node
-  }
-
-  static value(node: HTMLImageElement): ImageValue {
-    return {
-      alt: node.getAttribute('alt') ?? '',
-      src: node.getAttribute('src') ?? ''
-    }
-  }
-}
-
-export default ImageBlot

napcat.webui/src/components/chat_input/index.tsx

@@ -1,207 +0,0 @@
-import { Button } from '@heroui/button'
-import type { Range } from 'quill'
-import 'quill/dist/quill.core.css'
-import { useRef } from 'react'
-import toast from 'react-hot-toast'
-
-import { useCustomQuill } from '@/hooks/use_custom_quill'
-import useShowStructuredMessage from '@/hooks/use_show_strcuted_message'
-
-import { quillToMessage } from '@/utils/onebot'
-
-import type { OB11Segment } from '@/types/onebot'
-
-import AudioInsert from './components/audio_insert'
-import DiceInsert from './components/dice_insert'
-import EmojiPicker from './components/emoji_picker'
-import FileInsert from './components/file_insert'
-import ImageInsert from './components/image_insert'
-import MusicInsert from './components/music_insert'
-import ReplyInsert from './components/reply_insert'
-import RPSInsert from './components/rps_insert'
-import VideoInsert from './components/video_insert'
-import EmojiBlot from './formats/emoji_blot'
-import type { EmojiValue } from './formats/emoji_blot'
-import ImageBlot from './formats/image_blot'
-import ReplyBlock from './formats/reply_blot'
-
-const ChatInput = () => {
-  const memorizedRange = useRef<Range | null>(null)
-
-  const showStructuredMessage = useShowStructuredMessage()
-  const formats: string[] = ['image', 'emoji', 'reply']
-  const modules = {
-    toolbar: '#toolbar'
-  }
-  const { quillRef, quill, Quill } = useCustomQuill({
-    modules,
-    formats,
-    placeholder: '请输入消息'
-  })
-
-  if (Quill && !quill) {
-    Quill.register('formats/emoji', EmojiBlot)
-    Quill.register('formats/image', ImageBlot, true)
-    Quill.register('formats/reply', ReplyBlock)
-  }
-
-  if (quill) {
-    quill.on('selection-change', (range) => {
-      if (range) {
-        const editorContent = quill.getContents()
-        const firstOp = editorContent.ops[0]
-
-        if (
-          typeof firstOp?.insert !== 'string' &&
-          firstOp?.insert?.reply &&
-          range.index === 0 &&
-          range.length !== quill.getLength()
-        ) {
-          quill.setSelection(1, Quill.sources.SILENT)
-        }
-      }
-    })
-
-    quill.on('text-change', () => {
-      const editorContent = quill.getContents()
-      const firstOp = editorContent.ops[0]
-      if (
-        firstOp &&
-        typeof firstOp.insert !== 'string' &&
-        firstOp.insert?.reply &&
-        quill.getLength() === 1
-      ) {
-        quill.insertText(1, '\n', Quill.sources.SILENT)
-      }
-    })
-
-    quill.on('editor-change', (eventName: string) => {
-      if (eventName === 'text-change') {
-        const editorContent = quill.getContents()
-        const firstOp = editorContent.ops[0]
-        if (
-          firstOp &&
-          typeof firstOp.insert !== 'string' &&
-          firstOp.insert?.reply &&
-          quill.getLength() === 1
-        ) {
-          quill.insertText(1, '\n', Quill.sources.SILENT)
-        }
-      }
-    })
-
-    quill.root.addEventListener('compositionstart', () => {
-      const editorContent = quill.getContents()
-      const firstOp = editorContent.ops[0]
-      if (
-        firstOp &&
-        typeof firstOp.insert !== 'string' &&
-        firstOp.insert?.reply &&
-        quill.getLength() === 1
-      ) {
-        quill.insertText(1, '\n', Quill.sources.SILENT)
-      }
-    })
-  }
-
-  const onOpenChange = (open: boolean) => {
-    if (open) {
-      const selection = quill?.getSelection()
-      if (selection) memorizedRange.current = selection
-    }
-  }
-
-  const insertImage = (url: string) => {
-    const selection = memorizedRange.current || quill?.getSelection()
-    quill?.deleteText(selection?.index || 0, selection?.length || 0)
-    quill?.insertEmbed(selection?.index || 0, 'image', {
-      src: url,
-      alt: '图片'
-    })
-    quill?.setSelection((selection?.index || 0) + 1, 0)
-  }
-  function insertReplyBlock(messageId: string) {
-    const isNumberReg = /^(?:0|(?:-?[1-9]\d*))$/
-    if (!isNumberReg.test(messageId)) {
-      toast.error('请输入正确的消息ID')
-      return
-    }
-    const editorContent = quill?.getContents()
-    const firstOp = editorContent?.ops[0]
-    const currentSelection = quill?.getSelection()
-    if (
-      firstOp &&
-      typeof firstOp.insert !== 'string' &&
-      firstOp.insert?.reply
-    ) {
-      const delta = quill?.getContents()
-      if (delta) {
-        delta.ops[0] = {
-          insert: { reply: { messageId } }
-        }
-        quill?.setContents(delta, Quill.sources.USER)
-      }
-    } else {
-      quill?.insertEmbed(0, 'reply', { messageId }, Quill.sources.USER)
-    }
-    quill?.setSelection((currentSelection?.index || 0) + 1, 0)
-    quill?.blur()
-  }
-  const onInsertEmoji = (emoji: EmojiValue) => {
-    const selection = memorizedRange.current || quill?.getSelection()
-    quill?.deleteText(selection?.index || 0, selection?.length || 0)
-    quill?.insertEmbed(selection?.index || 0, 'emoji', {
-      alt: emoji.alt,
-      src: emoji.src,
-      id: emoji.id
-    })
-    quill?.setSelection((selection?.index || 0) + 1, 0)
-  }
-
-  const getChatMessage = () => {
-    const delta = quill?.getContents()
-    const ops =
-      delta?.ops?.filter((op) => {
-        return op.insert !== '\n'
-      }) ?? []
-    const messages: OB11Segment[] = ops.map((op) => {
-      return quillToMessage(op)
-    })
-    return messages
-  }
-
-  return (
-    <div>
-      <div
-        ref={quillRef}
-        className="border border-default-200 rounded-md !mb-2 !text-base !h-64"
-      />
-      <div id="toolbar" className="!border-none flex gap-2">
-        <ImageInsert insertImage={insertImage} onOpenChange={onOpenChange} />
-        <EmojiPicker
-          onInsertEmoji={onInsertEmoji}
-          onOpenChange={onOpenChange}
-        />
-        <ReplyInsert insertReply={insertReplyBlock} />
-        <FileInsert />
-        <AudioInsert />
-        <VideoInsert />
-        <MusicInsert />
-        <DiceInsert />
-        <RPSInsert />
-        <Button
-          color="primary"
-          onPress={() => {
-            const messages = getChatMessage()
-            showStructuredMessage(messages)
-          }}
-          className="ml-auto"
-        >
-          获取JSON格式
-        </Button>
-      </div>
-    </div>
-  )
-}
-
-export default ChatInput

napcat.webui/src/components/chat_input/modal.tsx

@@ -1,49 +0,0 @@
-import { Button } from '@heroui/button'
-import {
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
-  useDisclosure
-} from '@heroui/modal'
-
-import ChatInput from '.'
-
-export default function ChatInputModal() {
-  const { isOpen, onOpen, onOpenChange } = useDisclosure()
-
-  return (
-    <>
-      <Button onPress={onOpen} color="primary" radius="full" variant="flat">
-        构造聊天消息
-      </Button>
-      <Modal
-        size="4xl"
-        scrollBehavior="inside"
-        isOpen={isOpen}
-        onOpenChange={onOpenChange}
-      >
-        <ModalContent>
-          {(onClose) => (
-            <>
-              <ModalHeader className="flex flex-col gap-1">
-                构造消息
-              </ModalHeader>
-              <ModalBody className="overflow-y-auto">
-                <div className="overflow-y-auto">
-                  <ChatInput />
-                </div>
-              </ModalBody>
-              <ModalFooter>
-                <Button color="primary" onPress={onClose} variant="flat">
-                  关闭
-                </Button>
-              </ModalFooter>
-            </>
-          )}
-        </ModalContent>
-      </Modal>
-    </>
-  )
-}

napcat.webui/src/components/code_editor.tsx

@@ -1,55 +0,0 @@
-import Editor, { OnMount } from '@monaco-editor/react'
-import { loader } from '@monaco-editor/react'
-import React from 'react'
-
-import { useTheme } from '@/hooks/use-theme'
-
-import monaco from '@/monaco'
-
-loader.config({
-  monaco,
-  paths: {
-    vs: '/webui/monaco-editor/min/vs'
-  }
-})
-
-loader.config({
-  'vs/nls': {
-    availableLanguages: { '*': 'zh-cn' }
-  }
-})
-
-export interface CodeEditorProps extends React.ComponentProps<typeof Editor> {
-  test?: string
-}
-
-export type CodeEditorRef = monaco.editor.IStandaloneCodeEditor
-
-const CodeEditor = React.forwardRef<CodeEditorRef, CodeEditorProps>(
-  (props, ref) => {
-    const { isDark } = useTheme()
-
-    const handleEditorDidMount: OnMount = (editor, monaco) => {
-      if (ref) {
-        if (typeof ref === 'function') {
-          ref(editor)
-        } else {
-          ;(ref as React.RefObject<CodeEditorRef>).current = editor
-        }
-      }
-      if (props.onMount) {
-        props.onMount(editor, monaco)
-      }
-    }
-
-    return (
-      <Editor
-        {...props}
-        onMount={handleEditorDidMount}
-        theme={isDark ? 'vs-dark' : 'light'}
-      />
-    )
-  }
-)
-
-export default CodeEditor

napcat.webui/src/components/display_card/common_card.tsx

@@ -1,120 +0,0 @@
-import { Button, ButtonGroup } from '@heroui/button'
-import { Switch } from '@heroui/switch'
-import { useState } from 'react'
-import { CgDebug } from 'react-icons/cg'
-import { FiEdit3 } from 'react-icons/fi'
-import { MdDeleteForever } from 'react-icons/md'
-
-import DisplayCardContainer from './container'
-
-type NetworkType = OneBotConfig['network']
-
-export type NetworkDisplayCardFields<T extends keyof NetworkType> = Array<{
-  label: string
-  value: NetworkType[T][0][keyof NetworkType[T][0]]
-  render?: (
-    value: NetworkType[T][0][keyof NetworkType[T][0]]
-  ) => React.ReactNode
-}>
-
-export interface NetworkDisplayCardProps<T extends keyof NetworkType> {
-  data: NetworkType[T][0]
-  showType?: boolean
-  typeLabel: string
-  fields: NetworkDisplayCardFields<T>
-  onEdit: () => void
-  onEnable: () => Promise<void>
-  onDelete: () => Promise<void>
-  onEnableDebug: () => Promise<void>
-}
-
-const NetworkDisplayCard = <T extends keyof NetworkType>({
-  data,
-  showType,
-  typeLabel,
-  fields,
-  onEdit,
-  onEnable,
-  onDelete,
-  onEnableDebug
-}: NetworkDisplayCardProps<T>) => {
-  const { name, enable, debug } = data
-  const [editing, setEditing] = useState(false)
-
-  const handleEnable = () => {
-    setEditing(true)
-    onEnable().finally(() => setEditing(false))
-  }
-
-  const handleDelete = () => {
-    setEditing(true)
-    onDelete().finally(() => setEditing(false))
-  }
-
-  const handleEnableDebug = () => {
-    setEditing(true)
-    onEnableDebug().finally(() => setEditing(false))
-  }
-
-  return (
-    <DisplayCardContainer
-      action={
-        <ButtonGroup
-          fullWidth
-          isDisabled={editing}
-          radius="full"
-          size="sm"
-          variant="shadow"
-        >
-          <Button color="warning" startContent={<FiEdit3 />} onPress={onEdit}>
-            编辑
-          </Button>
-
-          <Button
-            color={debug ? 'success' : 'default'}
-            startContent={<CgDebug />}
-            onPress={handleEnableDebug}
-          >
-            {debug ? '关闭调试' : '开启调试'}
-          </Button>
-          <Button
-            color="primary"
-            startContent={<MdDeleteForever />}
-            onPress={handleDelete}
-          >
-            删除
-          </Button>
-        </ButtonGroup>
-      }
-      enableSwitch={
-        <Switch
-          isDisabled={editing}
-          isSelected={enable}
-          onChange={handleEnable}
-        />
-      }
-      tag={showType && typeLabel}
-      title={name}
-    >
-      <div className="grid grid-cols-2 gap-1">
-        {fields.map((field, index) => (
-          <div
-            key={index}
-            className={`flex items-center gap-2 ${
-              field.label === 'URL' ? 'col-span-2' : ''
-            }`}
-          >
-            <span className="text-default-400">{field.label}</span>
-            {field.render ? (
-              field.render(field.value)
-            ) : (
-              <span>{field.value}</span>
-            )}
-          </div>
-        ))}
-      </div>
-    </DisplayCardContainer>
-  )
-}
-
-export default NetworkDisplayCard

napcat.webui/src/components/display_card/container.tsx

@@ -1,57 +0,0 @@
-import { Card, CardBody, CardFooter, CardHeader } from '@heroui/card'
-import clsx from 'clsx'
-
-import { title } from '../primitives'
-
-export interface ContainerProps {
-  title: string
-  tag?: React.ReactNode
-  action: React.ReactNode
-  enableSwitch: React.ReactNode
-  children: React.ReactNode
-}
-
-export interface DisplayCardProps {
-  showType?: boolean
-  onEdit: () => void
-  onEnable: () => Promise<void>
-  onDelete: () => Promise<void>
-  onEnableDebug: () => Promise<void>
-}
-
-const DisplayCardContainer: React.FC<ContainerProps> = ({
-  title: _title,
-  action,
-  tag,
-  enableSwitch,
-  children
-}) => {
-  return (
-    <Card className="bg-opacity-50 backdrop-blur-sm">
-      <CardHeader className={'pb-0 flex items-center'}>
-        {tag && (
-          <div className="text-center text-default-400 mb-1 absolute top-0 left-1/2 -translate-x-1/2 text-sm pointer-events-none bg-warning-100 dark:bg-warning-50 px-2 rounded-b">
-            {tag}
-          </div>
-        )}
-        <h2
-          className={clsx(
-            title({
-              color: 'foreground',
-              size: 'xs',
-              shadow: true
-            }),
-            'truncate'
-          )}
-        >
-          {_title}
-        </h2>
-        <div className="ml-auto">{enableSwitch}</div>
-      </CardHeader>
-      <CardBody className="text-sm">{children}</CardBody>
-      <CardFooter>{action}</CardFooter>
-    </Card>
-  )
-}
-
-export default DisplayCardContainer

napcat.webui/src/components/display_network_item.tsx

@@ -1,58 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import clsx from 'clsx'
-
-import { title } from '@/components/primitives'
-
-export interface NetworkItemDisplayProps {
-  count: number
-  label: string
-  size?: 'sm' | 'md'
-}
-
-const NetworkItemDisplay: React.FC<NetworkItemDisplayProps> = ({
-  count,
-  label,
-  size = 'md'
-}) => {
-  return (
-    <Card
-      className={clsx(
-        'bg-opacity-60 shadow-sm md:rounded-3xl',
-        size === 'md'
-          ? 'col-span-8 md:col-span-2 bg-primary-50 shadow-primary-100'
-          : 'col-span-2 md:col-span-1 bg-warning-100 shadow-warning-200'
-      )}
-      shadow="sm"
-    >
-      <CardBody className="items-center md:gap-1 p-1 md:p-2">
-        <div
-          className={clsx(
-            'flex-1',
-            size === 'md' ? 'text-2xl md:text-3xl' : 'text-xl md:text-2xl',
-            title({
-              color: size === 'md' ? 'pink' : 'yellow',
-              size
-            })
-          )}
-        >
-          {count}
-        </div>
-        <div
-          className={clsx(
-            'whitespace-nowrap text-nowrap flex-shrink-0',
-            size === 'md' ? 'text-sm md:text-base' : 'text-xs md:text-sm',
-            title({
-              color: size === 'md' ? 'pink' : 'yellow',
-              shadow: true,
-              size: 'xxs'
-            })
-          )}
-        >
-          {label}
-        </div>
-      </CardBody>
-    </Card>
-  )
-}
-
-export default NetworkItemDisplay

napcat.webui/src/components/error_fallback.tsx

@@ -1,30 +0,0 @@
-import { Button } from '@heroui/button'
-import { Code } from '@heroui/code'
-import { MdError } from 'react-icons/md'
-
-export interface ErrorFallbackProps {
-  error: Error
-  resetErrorBoundary: () => void
-}
-function errorFallbackRender({
-  error,
-  resetErrorBoundary
-}: ErrorFallbackProps) {
-  return (
-    <div className="pt-32 flex flex-col justify-center items-center">
-      <div className="flex items-center">
-        <MdError className="mr-2" color="red" size={30} />
-        <h1 className="text-2xl">出错了</h1>
-      </div>
-      <div className="my-6 flex flex-col justify-center items-center">
-        <p className="mb-2">错误信息</p>
-        <Code>{error.message}</Code>
-      </div>
-      <Button color="primary" size="md" onPress={resetErrorBoundary}>
-        重试
-      </Button>
-    </div>
-  )
-}
-
-export default errorFallbackRender

napcat.webui/src/components/file_manage/file_edit_modal.tsx

@@ -1,94 +0,0 @@
-import { Button } from '@heroui/button'
-import { Code } from '@heroui/code'
-import {
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader
-} from '@heroui/modal'
-
-import CodeEditor from '@/components/code_editor'
-
-interface FileEditModalProps {
-  isOpen: boolean
-  file: { path: string; content: string } | null
-  onClose: () => void
-  onSave: () => void
-  onContentChange: (newContent?: string) => void
-}
-
-export default function FileEditModal({
-  isOpen,
-  file,
-  onClose,
-  onSave,
-  onContentChange
-}: FileEditModalProps) {
-  // 根据文件后缀返回对应语言
-  const getLanguage = (filePath: string) => {
-    if (filePath.endsWith('.js')) return 'javascript'
-    if (filePath.endsWith('.ts')) return 'typescript'
-    if (filePath.endsWith('.tsx')) return 'tsx'
-    if (filePath.endsWith('.jsx')) return 'jsx'
-    if (filePath.endsWith('.vue')) return 'vue'
-    if (filePath.endsWith('.svelte')) return 'svelte'
-    if (filePath.endsWith('.json')) return 'json'
-    if (filePath.endsWith('.html')) return 'html'
-    if (filePath.endsWith('.css')) return 'css'
-    if (filePath.endsWith('.scss')) return 'scss'
-    if (filePath.endsWith('.less')) return 'less'
-    if (filePath.endsWith('.md')) return 'markdown'
-    if (filePath.endsWith('.yaml') || filePath.endsWith('.yml')) return 'yaml'
-    if (filePath.endsWith('.xml')) return 'xml'
-    if (filePath.endsWith('.sql')) return 'sql'
-    if (filePath.endsWith('.sh')) return 'shell'
-    if (filePath.endsWith('.bat')) return 'bat'
-    if (filePath.endsWith('.php')) return 'php'
-    if (filePath.endsWith('.java')) return 'java'
-    if (filePath.endsWith('.c')) return 'c'
-    if (filePath.endsWith('.cpp')) return 'cpp'
-    if (filePath.endsWith('.h')) return 'h'
-    if (filePath.endsWith('.hpp')) return 'hpp'
-    if (filePath.endsWith('.go')) return 'go'
-    if (filePath.endsWith('.py')) return 'python'
-    if (filePath.endsWith('.rb')) return 'ruby'
-    if (filePath.endsWith('.cs')) return 'csharp'
-    if (filePath.endsWith('.swift')) return 'swift'
-    if (filePath.endsWith('.vb')) return 'vb'
-    if (filePath.endsWith('.lua')) return 'lua'
-    if (filePath.endsWith('.pl')) return 'perl'
-    if (filePath.endsWith('.r')) return 'r'
-    return 'plaintext'
-  }
-
-  return (
-    <Modal size="full" isOpen={isOpen} onClose={onClose}>
-      <ModalContent>
-        <ModalHeader className="flex items-center gap-2 bg-content2 bg-opacity-50">
-          <span>编辑文件</span>
-          <Code className="text-xs">{file?.path}</Code>
-        </ModalHeader>
-        <ModalBody className="p-0">
-          <div className="h-full">
-            <CodeEditor
-              height="100%"
-              value={file?.content || ''}
-              onChange={onContentChange}
-              options={{ wordWrap: 'on' }}
-              language={file?.path ? getLanguage(file.path) : 'plaintext'}
-            />
-          </div>
-        </ModalBody>
-        <ModalFooter>
-          <Button color="primary" variant="flat" onPress={onClose}>
-            取消
-          </Button>
-          <Button color="primary" onPress={onSave}>
-            保存
-          </Button>
-        </ModalFooter>
-      </ModalContent>
-    </Modal>
-  )
-}

napcat.webui/src/components/file_manage/file_table.tsx

@@ -1,245 +0,0 @@
-import { Button, ButtonGroup } from '@heroui/button'
-import { Pagination } from '@heroui/pagination'
-import { Spinner } from '@heroui/spinner'
-import {
-  type Selection,
-  type SortDescriptor,
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow
-} from '@heroui/table'
-import path from 'path-browserify'
-import { useCallback, useEffect, useState } from 'react'
-import { BiRename } from 'react-icons/bi'
-import { FiCopy, FiDownload, FiMove, FiTrash2 } from 'react-icons/fi'
-import { PhotoSlider } from 'react-photo-view'
-
-import FileIcon from '@/components/file_icon'
-
-import type { FileInfo } from '@/controllers/file_manager'
-
-import { supportedPreviewExts } from './file_preview_modal'
-import ImageNameButton, { PreviewImage, imageExts } from './image_name_button'
-
-export interface FileTableProps {
-  files: FileInfo[]
-  currentPath: string
-  loading: boolean
-  sortDescriptor: SortDescriptor
-  onSortChange: (descriptor: SortDescriptor) => void
-  selectedFiles: Selection
-  onSelectionChange: (selected: Selection) => void
-  onDirectoryClick: (dirPath: string) => void
-  onEdit: (filePath: string) => void
-  onPreview: (filePath: string) => void
-  onRenameRequest: (name: string) => void
-  onMoveRequest: (name: string) => void
-  onCopyPath: (fileName: string) => void
-  onDelete: (filePath: string) => void
-  onDownload: (filePath: string) => void
-}
-
-const PAGE_SIZE = 20
-
-export default function FileTable({
-  files,
-  currentPath,
-  loading,
-  sortDescriptor,
-  onSortChange,
-  selectedFiles,
-  onSelectionChange,
-  onDirectoryClick,
-  onEdit,
-  onPreview,
-  onRenameRequest,
-  onMoveRequest,
-  onCopyPath,
-  onDelete,
-  onDownload
-}: FileTableProps) {
-  const [page, setPage] = useState(1)
-  const pages = Math.ceil(files.length / PAGE_SIZE) || 1
-  const start = (page - 1) * PAGE_SIZE
-  const end = start + PAGE_SIZE
-  const displayFiles = files.slice(start, end)
-  const [showImage, setShowImage] = useState(false)
-  const [previewIndex, setPreviewIndex] = useState(0)
-  const [previewImages, setPreviewImages] = useState<PreviewImage[]>([])
-
-  const addPreviewImage = useCallback((image: PreviewImage) => {
-    setPreviewImages((prev) => {
-      const exists = prev.some((p) => p.key === image.key)
-      if (exists) return prev
-      return [...prev, image]
-    })
-  }, [])
-
-  useEffect(() => {
-    setPreviewImages([])
-    setPreviewIndex(0)
-    setShowImage(false)
-  }, [currentPath])
-
-  const onPreviewImage = (name: string, images: PreviewImage[]) => {
-    const index = images.findIndex((image) => image.key === name)
-    if (index === -1) {
-      return
-    }
-    setPreviewIndex(index)
-    setShowImage(true)
-  }
-
-  return (
-    <>
-      <PhotoSlider
-        images={previewImages}
-        visible={showImage}
-        onClose={() => setShowImage(false)}
-        index={previewIndex}
-        onIndexChange={setPreviewIndex}
-      />
-      <Table
-        aria-label="文件列表"
-        sortDescriptor={sortDescriptor}
-        onSortChange={onSortChange}
-        onSelectionChange={onSelectionChange}
-        defaultSelectedKeys={[]}
-        selectedKeys={selectedFiles}
-        selectionMode="multiple"
-        bottomContent={
-          <div className="flex w-full justify-center">
-            <Pagination
-              isCompact
-              showControls
-              showShadow
-              color="primary"
-              page={page}
-              total={pages}
-              onChange={(page) => setPage(page)}
-            />
-          </div>
-        }
-      >
-        <TableHeader>
-          <TableColumn key="name" allowsSorting>
-            名称
-          </TableColumn>
-          <TableColumn key="type" allowsSorting>
-            类型
-          </TableColumn>
-          <TableColumn key="size" allowsSorting>
-            大小
-          </TableColumn>
-          <TableColumn key="mtime" allowsSorting>
-            修改时间
-          </TableColumn>
-          <TableColumn key="actions">操作</TableColumn>
-        </TableHeader>
-        <TableBody
-          isLoading={loading}
-          loadingContent={
-            <div className="flex justify-center items-center h-full">
-              <Spinner />
-            </div>
-          }
-        >
-          {displayFiles.map((file: FileInfo) => {
-            const filePath = path.join(currentPath, file.name)
-            const ext = path.extname(file.name).toLowerCase()
-            const previewable = supportedPreviewExts.includes(ext)
-            const images = previewImages
-            return (
-              <TableRow key={file.name}>
-                <TableCell>
-                  {imageExts.includes(ext) ? (
-                    <ImageNameButton
-                      name={file.name}
-                      filePath={filePath}
-                      onPreview={() => onPreviewImage(file.name, images)}
-                      onAddPreview={addPreviewImage}
-                    />
-                  ) : (
-                    <Button
-                      variant="light"
-                      onPress={() =>
-                        file.isDirectory
-                          ? onDirectoryClick(file.name)
-                          : previewable
-                            ? onPreview(filePath)
-                            : onEdit(filePath)
-                      }
-                      className="text-left justify-start"
-                      startContent={
-                        <FileIcon
-                          name={file.name}
-                          isDirectory={file.isDirectory}
-                        />
-                      }
-                    >
-                      {file.name}
-                    </Button>
-                  )}
-                </TableCell>
-                <TableCell>{file.isDirectory ? '目录' : '文件'}</TableCell>
-                <TableCell>
-                  {isNaN(file.size) || file.isDirectory
-                    ? '-'
-                    : `${file.size} 字节`}
-                </TableCell>
-                <TableCell>{new Date(file.mtime).toLocaleString()}</TableCell>
-                <TableCell>
-                  <ButtonGroup size="sm">
-                    <Button
-                      isIconOnly
-                      color="primary"
-                      variant="flat"
-                      onPress={() => onRenameRequest(file.name)}
-                    >
-                      <BiRename />
-                    </Button>
-                    <Button
-                      isIconOnly
-                      color="primary"
-                      variant="flat"
-                      onPress={() => onMoveRequest(file.name)}
-                    >
-                      <FiMove />
-                    </Button>
-                    <Button
-                      isIconOnly
-                      color="primary"
-                      variant="flat"
-                      onPress={() => onCopyPath(file.name)}
-                    >
-                      <FiCopy />
-                    </Button>
-                    <Button
-                      isIconOnly
-                      color="primary"
-                      variant="flat"
-                      onPress={() => onDownload(filePath)}
-                    >
-                      <FiDownload />
-                    </Button>
-                    <Button
-                      isIconOnly
-                      color="primary"
-                      variant="flat"
-                      onPress={() => onDelete(filePath)}
-                    >
-                      <FiTrash2 />
-                    </Button>
-                  </ButtonGroup>
-                </TableCell>
-              </TableRow>
-            )
-          })}
-        </TableBody>
-      </Table>
-    </>
-  )
-}

napcat.webui/src/components/file_manage/image_name_button.tsx

@@ -1,88 +0,0 @@
-import { Button } from '@heroui/button'
-import { Image } from '@heroui/image'
-import { Spinner } from '@heroui/spinner'
-import { useRequest } from 'ahooks'
-import path from 'path-browserify'
-import { useEffect } from 'react'
-
-import FileManager from '@/controllers/file_manager'
-
-import FileIcon from '../file_icon'
-
-export interface PreviewImage {
-  key: string
-  src: string
-  alt: string
-}
-export const imageExts = ['.png', '.jpg', '.jpeg', '.gif', '.bmp']
-
-export interface ImageNameButtonProps {
-  name: string
-  filePath: string
-  onPreview: () => void
-  onAddPreview: (image: PreviewImage) => void
-}
-
-export default function ImageNameButton({
-  name,
-  filePath,
-  onPreview,
-  onAddPreview
-}: ImageNameButtonProps) {
-  const { data, loading, error, run } = useRequest(
-    async () => FileManager.downloadToURL(filePath),
-    {
-      refreshDeps: [filePath],
-      manual: true,
-      refreshDepsAction: () => {
-        const ext = path.extname(filePath).toLowerCase()
-        if (!filePath || !imageExts.includes(ext)) {
-          return
-        }
-        run()
-      }
-    }
-  )
-  useEffect(() => {
-    if (data) {
-      onAddPreview({
-        key: name,
-        src: data,
-        alt: name
-      })
-    }
-  }, [data, name, onAddPreview])
-
-  useEffect(() => {
-    if (filePath) {
-      run()
-    }
-  }, [])
-
-  return (
-    <Button
-      variant="light"
-      className="text-left justify-start"
-      onPress={onPreview}
-      startContent={
-        error ? (
-          <FileIcon name={name} isDirectory={false} />
-        ) : loading || !data ? (
-          <Spinner size="sm" />
-        ) : (
-          <Image
-            src={data}
-            alt={name}
-            className="w-8 h-8 flex-shrink-0"
-            classNames={{
-              wrapper: 'w-8 h-8 flex-shrink-0'
-            }}
-            radius="sm"
-          />
-        )
-      }
-    >
-      {name}
-    </Button>
-  )
-}

napcat.webui/src/components/file_manage/move_modal.tsx

@@ -1,168 +0,0 @@
-import { Button } from '@heroui/button'
-import {
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader
-} from '@heroui/modal'
-import { Spinner } from '@heroui/spinner'
-import clsx from 'clsx'
-import path from 'path-browserify'
-import { useState } from 'react'
-import { IoAdd, IoRemove } from 'react-icons/io5'
-
-import FileManager from '@/controllers/file_manager'
-
-interface MoveModalProps {
-  isOpen: boolean
-  moveTargetPath: string
-  selectionInfo: string
-  onClose: () => void
-  onMove: () => void
-  onSelect: (dir: string) => void // 新增回调
-}
-
-// 将 DirectoryTree 改为递归组件
-// 新增 selectedPath 属性，用于标识当前选中的目录
-function DirectoryTree({
-  basePath,
-  onSelect,
-  selectedPath
-}: {
-  basePath: string
-  onSelect: (dir: string) => void
-  selectedPath?: string
-}) {
-  const [dirs, setDirs] = useState<string[]>([])
-  const [expanded, setExpanded] = useState(false)
-  // 新增loading状态
-  const [loading, setLoading] = useState(false)
-
-  const fetchDirectories = async () => {
-    try {
-      // 直接使用 basePath 调用接口，移除 process.platform 判断
-      const list = await FileManager.listDirectories(basePath)
-      setDirs(list.map((item) => item.name))
-    } catch (error) {
-      // ...error handling...
-    }
-  }
-
-  const handleToggle = async () => {
-    if (!expanded) {
-      setExpanded(true)
-      setLoading(true)
-      await fetchDirectories()
-      setLoading(false)
-    } else {
-      setExpanded(false)
-    }
-  }
-
-  const handleClick = () => {
-    onSelect(basePath)
-    handleToggle()
-  }
-
-  // 计算显示的名称
-  const getDisplayName = () => {
-    if (basePath === '/') return '/'
-    if (/^[A-Z]:$/i.test(basePath)) return basePath
-    return path.basename(basePath)
-  }
-
-  // 更新 Button 的 variant 逻辑
-  const isSeleted = selectedPath === basePath
-  const variant = isSeleted
-    ? 'solid'
-    : selectedPath && path.dirname(selectedPath) === basePath
-      ? 'flat'
-      : 'light'
-
-  return (
-    <div className="ml-4">
-      <Button
-        onPress={handleClick}
-        className="py-1 px-2 text-left justify-start min-w-0 min-h-0 h-auto text-sm rounded-md"
-        size="sm"
-        color="primary"
-        variant={variant}
-        startContent={
-          <div
-            className={clsx(
-              'rounded-md',
-              isSeleted ? 'bg-primary-600' : 'bg-primary-50'
-            )}
-          >
-            {expanded ? <IoRemove /> : <IoAdd />}
-          </div>
-        }
-      >
-        {getDisplayName()}
-      </Button>
-      {expanded && (
-        <div>
-          {loading ? (
-            <div className="flex py-1 px-8">
-              <Spinner size="sm" color="primary" />
-            </div>
-          ) : (
-            dirs.map((dirName) => {
-              const childPath =
-                basePath === '/' && /^[A-Z]:$/i.test(dirName)
-                  ? dirName
-                  : path.join(basePath, dirName)
-              return (
-                <DirectoryTree
-                  key={childPath}
-                  basePath={childPath}
-                  onSelect={onSelect}
-                  selectedPath={selectedPath}
-                />
-              )
-            })
-          )}
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default function MoveModal({
-  isOpen,
-  moveTargetPath,
-  selectionInfo,
-  onClose,
-  onMove,
-  onSelect
-}: MoveModalProps) {
-  return (
-    <Modal isOpen={isOpen} onClose={onClose}>
-      <ModalContent>
-        <ModalHeader>选择目标目录</ModalHeader>
-        <ModalBody>
-          <div className="rounded-md p-2 border border-default-300 overflow-auto max-h-60">
-            <DirectoryTree
-              basePath="/"
-              onSelect={onSelect}
-              selectedPath={moveTargetPath}
-            />
-          </div>
-          <p className="text-sm text-default-500 mt-2">
-            当前选择：{moveTargetPath || '未选择'}
-          </p>
-          <p className="text-sm text-default-500">移动项：{selectionInfo}</p>
-        </ModalBody>
-        <ModalFooter>
-          <Button color="primary" variant="flat" onPress={onClose}>
-            取消
-          </Button>
-          <Button color="primary" onPress={onMove}>
-            确定
-          </Button>
-        </ModalFooter>
-      </ModalContent>
-    </Modal>
-  )
-}

napcat.webui/src/components/github_info/item_counter.tsx

@@ -1,10 +0,0 @@
-import { ChevronRightIcon } from '../icons'
-
-const ItemCounter = ({ number }: { number: number }) => (
-  <div className="flex items-center gap-1 text-default-400">
-    <span className="text-small">{number}</span>
-    <ChevronRightIcon className="text-xl" />
-  </div>
-)
-
-export default ItemCounter

napcat.webui/src/components/github_info/release.tsx

@@ -1,40 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import { getReleaseTime } from '@/utils/time'
-
-import type { GithubRelease as GithubReleaseType } from '@/types/github'
-
-export interface GithubReleaseProps {
-  releaseData: GithubReleaseType
-}
-const GithubRelease: React.FC<GithubReleaseProps> = (props) => {
-  const { releaseData } = props
-  const [releaseTime, setReleaseTime] = useState<string | null>(null)
-
-  useEffect(() => {
-    if (releaseData) {
-      const timer = setInterval(() => {
-        const time = getReleaseTime(releaseData.published_at)
-
-        setReleaseTime(time)
-      }, 1000)
-
-      return () => clearInterval(timer)
-    }
-  }, [releaseData])
-
-  return (
-    <div className="flex flex-col gap-1">
-      <span>Releases</span>
-      <div className="px-2 py-1 rounded-small bg-default-100 bg-opacity-50 backdrop-blur-sm group-data-[hover=true]:bg-default-200">
-        <span className="text-tiny text-default-600">{releaseData.name}</span>
-        <div className="flex gap-2 text-tiny">
-          <span className="text-default-500">{releaseTime}</span>
-          <span className="text-success">Latest</span>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default GithubRelease

napcat.webui/src/components/hitokoto.tsx

@@ -1,76 +0,0 @@
-import { Button } from '@heroui/button'
-import { Tooltip } from '@heroui/tooltip'
-import { useRequest } from 'ahooks'
-import toast from 'react-hot-toast'
-import { IoCopy, IoRefresh } from 'react-icons/io5'
-
-import { request } from '@/utils/request'
-
-import PageLoading from './page_loading'
-
-export default function Hitokoto() {
-  const {
-    data: dataOri,
-    error,
-    loading,
-    run
-  } = useRequest(() => request.get<IHitokoto>('https://hitokoto.152710.xyz/'), {
-    pollingInterval: 10000,
-    throttleWait: 1000
-  })
-  const data = dataOri?.data
-  const onCopy = () => {
-    try {
-      const text = `${data?.hitokoto} —— ${data?.from} ${data?.from_who}`
-      navigator.clipboard.writeText(text)
-      toast.success('复制成功')
-    } catch (error) {
-      toast.error('复制失败, 请手动复制')
-    }
-  }
-  return (
-    <div>
-      <div className="relative">
-        {loading && <PageLoading />}
-        {error ? (
-          <div className="text-primary-400">一言加载失败：{error.message}</div>
-        ) : (
-          <>
-            <div>{data?.hitokoto}</div>
-            <div className="text-right">
-              —— <span className="text-default-400">{data?.from}</span>{' '}
-              {data?.from_who}
-            </div>
-          </>
-        )}
-      </div>
-      <div className="flex gap-2">
-        <Tooltip content="刷新" placement="top">
-          <Button
-            onPress={run}
-            size="sm"
-            isLoading={loading}
-            isIconOnly
-            radius="full"
-            color="primary"
-            variant="flat"
-          >
-            <IoRefresh />
-          </Button>
-        </Tooltip>
-        <Tooltip content="复制" placement="top">
-          <Button
-            onPress={onCopy}
-            size="sm"
-            isIconOnly
-            radius="full"
-            color="success"
-            variant="flat"
-          >
-            <IoCopy />
-          </Button>
-        </Tooltip>
-      </div>
-    </div>
-  )
-}

napcat.webui/src/components/input/file_input.tsx

@@ -1,69 +0,0 @@
-import { Button } from '@heroui/button'
-import { Input } from '@heroui/input'
-import { useRef, useState } from 'react'
-
-export interface FileInputProps {
-  onChange: (file: File) => Promise<void> | void
-  onDelete?: () => Promise<void> | void
-  label?: string
-  accept?: string
-}
-
-const FileInput: React.FC<FileInputProps> = ({
-  onChange,
-  onDelete,
-  label,
-  accept
-}) => {
-  const inputRef = useRef<HTMLInputElement>(null)
-  const [isLoading, setIsLoading] = useState(false)
-  return (
-    <div className="flex items-end gap-2">
-      <div className="flex-grow">
-        <Input
-          isDisabled={isLoading}
-          ref={inputRef}
-          label={label}
-          type="file"
-          placeholder="选择文件"
-          accept={accept}
-          onChange={async (e) => {
-            try {
-              setIsLoading(true)
-              const file = e.target.files?.[0]
-              if (file) {
-                await onChange(file)
-              }
-            } catch (error) {
-              console.error(error)
-            } finally {
-              setIsLoading(false)
-              if (inputRef.current) inputRef.current.value = ''
-            }
-          }}
-        />
-      </div>
-      <Button
-        isDisabled={isLoading}
-        onPress={async () => {
-          try {
-            setIsLoading(true)
-            if (onDelete) await onDelete()
-          } catch (error) {
-            console.error(error)
-          } finally {
-            setIsLoading(false)
-            if (inputRef.current) inputRef.current.value = ''
-          }
-        }}
-        color="primary"
-        variant="flat"
-        size="sm"
-      >
-        删除
-      </Button>
-    </div>
-  )
-}
-
-export default FileInput

napcat.webui/src/components/input/image_input.tsx

@@ -1,56 +0,0 @@
-import { Button } from '@heroui/button'
-import { Image } from '@heroui/image'
-import { Input } from '@heroui/input'
-import { useRef } from 'react'
-
-export interface ImageInputProps {
-  onChange: (base64: string) => void
-  value: string
-  label?: string
-}
-
-const ImageInput: React.FC<ImageInputProps> = ({ onChange, value, label }) => {
-  const inputRef = useRef<HTMLInputElement>(null)
-  return (
-    <div className="flex items-end gap-2">
-      <div className="w-5 h-5 flex-shrink-0">
-        <Image
-          src={value}
-          alt={label}
-          className="w-5 h-5 flex-shrink-0 rounded-none"
-        />
-      </div>
-      <Input
-        ref={inputRef}
-        label={label}
-        type="file"
-        placeholder="选择图片"
-        accept="image/*"
-        onChange={async (e) => {
-          const file = e.target.files?.[0]
-          if (file) {
-            const reader = new FileReader()
-            reader.onload = async () => {
-              const base64 = reader.result as string
-              onChange(base64)
-            }
-            reader.readAsDataURL(file)
-          }
-        }}
-      />
-      <Button
-        onPress={() => {
-          onChange('')
-          if (inputRef.current) inputRef.current.value = ''
-        }}
-        color="primary"
-        variant="flat"
-        size="sm"
-      >
-        删除
-      </Button>
-    </div>
-  )
-}
-
-export default ImageInput

napcat.webui/src/components/log_com/history.tsx

@@ -1,136 +0,0 @@
-import { Button } from '@heroui/button'
-import { Card, CardBody, CardHeader } from '@heroui/card'
-import { Select, SelectItem } from '@heroui/select'
-import type { Selection } from '@react-types/shared'
-import { useEffect, useRef, useState } from 'react'
-
-import { colorizeLogLevel } from '@/utils/terminal'
-
-import PageLoading from '../page_loading'
-import XTerm from '../xterm'
-import type { XTermRef } from '../xterm'
-import LogLevelSelect from './log_level_select'
-
-export interface HistoryLogsProps {
-  list: string[]
-  onSelect: (name: string) => void
-  selectedLog?: string
-  refreshList: () => void
-  refreshLog: () => void
-  listLoading?: boolean
-  logLoading?: boolean
-  listError?: Error
-  logContent?: string
-}
-const HistoryLogs: React.FC<HistoryLogsProps> = (props) => {
-  const {
-    list,
-    onSelect,
-    selectedLog,
-    refreshList,
-    refreshLog,
-    listLoading,
-    logContent,
-    listError,
-    logLoading
-  } = props
-  const Xterm = useRef<XTermRef>(null)
-
-  const [logLevel, setLogLevel] = useState<Selection>(
-    new Set(['info', 'warn', 'error'])
-  )
-
-  const logToColored = (log: string) => {
-    const logs = log
-      .split('\n')
-      .map((line) => {
-        const colored = colorizeLogLevel(line)
-        return colored
-      })
-      .filter((log) => {
-        if (logLevel === 'all') {
-          return true
-        }
-        return logLevel.has(log.level)
-      })
-      .map((log) => log.content)
-      .join('\r\n')
-    return logs
-  }
-
-  const onDownloadLog = () => {
-    if (!logContent) {
-      return
-    }
-    const blob = new Blob([logContent], { type: 'text/plain' })
-    const url = URL.createObjectURL(blob)
-    const a = document.createElement('a')
-    a.href = url
-    a.download = `${selectedLog}.log`
-    a.click()
-    URL.revokeObjectURL(url)
-  }
-
-  useEffect(() => {
-    if (!Xterm.current || !logContent) {
-      return
-    }
-    Xterm.current.clear()
-    const _logContent = logToColored(logContent)
-    Xterm.current.write(_logContent + '\r\nnapcat@webui:~$ ')
-  }, [logContent, logLevel])
-
-  return (
-    <>
-      <title>历史日志 - NapCat WebUI</title>
-      <Card className="max-w-full h-full bg-opacity-50 backdrop-blur-sm">
-        <CardHeader className="flex-row justify-start gap-3">
-          <Select
-            label="选择日志"
-            size="sm"
-            isLoading={listLoading}
-            errorMessage={listError?.message}
-            classNames={{
-              trigger:
-                'hover:!bg-content3 bg-opacity-50 backdrop-blur-sm hover:!bg-opacity-60'
-            }}
-            placeholder="选择日志"
-            onChange={(e) => {
-              const value = e.target.value
-              if (!value) {
-                return
-              }
-              onSelect(value)
-            }}
-            selectedKeys={[selectedLog || '']}
-            items={list.map((name) => ({
-              value: name,
-              label: name
-            }))}
-          >
-            {(item) => (
-              <SelectItem key={item.value} value={item.value}>
-                {item.label}
-              </SelectItem>
-            )}
-          </Select>
-          <LogLevelSelect
-            selectedKeys={logLevel}
-            onSelectionChange={setLogLevel}
-          />
-          <Button className="flex-shrink-0" onPress={onDownloadLog}>
-            下载日志
-          </Button>
-          <Button onPress={refreshList}>刷新列表</Button>
-          <Button onPress={refreshLog}>刷新日志</Button>
-        </CardHeader>
-        <CardBody className="relative">
-          <PageLoading loading={logLoading} />
-          <XTerm className="w-full h-full" ref={Xterm} />
-        </CardBody>
-      </Card>
-    </>
-  )
-}
-
-export default HistoryLogs

napcat.webui/src/components/log_com/realtime.tsx

@@ -1,114 +0,0 @@
-import { Button } from '@heroui/button'
-import type { Selection } from '@react-types/shared'
-import { useEffect, useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { IoDownloadOutline } from 'react-icons/io5'
-
-import { colorizeLogLevelWithTag } from '@/utils/terminal'
-
-import WebUIManager, { Log } from '@/controllers/webui_manager'
-
-import type { XTermRef } from '../xterm'
-import XTerm from '../xterm'
-import LogLevelSelect from './log_level_select'
-
-const RealTimeLogs = () => {
-  const Xterm = useRef<XTermRef>(null)
-  const [logLevel, setLogLevel] = useState<Selection>(
-    new Set(['info', 'warn', 'error'])
-  )
-  const [dataArr, setDataArr] = useState<Log[]>([])
-
-  const onDownloadLog = () => {
-    const logContent = dataArr
-      .filter((log) => {
-        if (logLevel === 'all') {
-          return true
-        }
-        return logLevel.has(log.level)
-      })
-      .map((log) => colorizeLogLevelWithTag(log.message, log.level))
-      .join('\r\n')
-    const blob = new Blob([logContent], { type: 'text/plain' })
-    const url = URL.createObjectURL(blob)
-    const a = document.createElement('a')
-    a.href = url
-    a.download = 'napcat.log'
-    a.click()
-    URL.revokeObjectURL(url)
-  }
-
-  const writeStream = () => {
-    try {
-      const _data = dataArr
-        .filter((log) => {
-          if (logLevel === 'all') {
-            return true
-          }
-          return logLevel.has(log.level)
-        })
-        .map((log) => colorizeLogLevelWithTag(log.message, log.level))
-        .join('\r\n')
-      Xterm.current?.clear()
-      Xterm.current?.write(_data)
-    } catch (error) {
-      console.error(error)
-      toast.error('获取实时日志失败')
-    }
-  }
-
-  useEffect(() => {
-    writeStream()
-  }, [logLevel, dataArr])
-
-  useEffect(() => {
-    const subscribeLogs = () => {
-      try {
-        const source = WebUIManager.getRealTimeLogs((data) => {
-          setDataArr((prev) => {
-            const newData = [...prev, ...data]
-            if (newData.length > 1000) {
-              newData.splice(0, newData.length - 1000)
-            }
-            return newData
-          })
-        })
-        return () => {
-          source.close()
-        }
-      } catch (error) {
-        toast.error('获取实时日志失败')
-      }
-    }
-
-    const close = subscribeLogs()
-    return () => {
-      console.log('close')
-      close?.()
-    }
-  }, [])
-
-  return (
-    <>
-      <title>实时日志 - NapCat WebUI</title>
-      <div className="flex items-center gap-2">
-        <LogLevelSelect
-          selectedKeys={logLevel}
-          onSelectionChange={setLogLevel}
-        />
-        <Button
-          className="flex-shrink-0"
-          onPress={onDownloadLog}
-          startContent={<IoDownloadOutline className="text-lg" />}
-        >
-          下载日志
-        </Button>
-      </div>
-      <div className="flex-1 h-full overflow-hidden">
-        <XTerm ref={Xterm} />
-      </div>
-    </>
-  )
-}
-
-export default RealTimeLogs

napcat.webui/src/components/onebot/api/debug.tsx

@@ -1,242 +0,0 @@
-import { Button } from '@heroui/button'
-import { Card, CardBody, CardHeader } from '@heroui/card'
-import { Input } from '@heroui/input'
-import { Snippet } from '@heroui/snippet'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import { motion } from 'motion/react'
-import { useEffect, useRef, useState } from 'react'
-import toast from 'react-hot-toast'
-import { IoLink, IoSend } from 'react-icons/io5'
-import { PiCatDuotone } from 'react-icons/pi'
-
-import key from '@/const/key'
-import { OneBotHttpApiContent, OneBotHttpApiPath } from '@/const/ob_api'
-
-import ChatInputModal from '@/components/chat_input/modal'
-import CodeEditor from '@/components/code_editor'
-import PageLoading from '@/components/page_loading'
-
-import { request } from '@/utils/request'
-import { parseAxiosResponse } from '@/utils/url'
-import { generateDefaultJson, parse } from '@/utils/zod'
-
-import DisplayStruct from './display_struct'
-
-export interface OneBotApiDebugProps {
-  path: OneBotHttpApiPath
-  data: OneBotHttpApiContent
-}
-
-const OneBotApiDebug: React.FC<OneBotApiDebugProps> = (props) => {
-  const { path, data } = props
-  const currentURL = new URL(window.location.origin)
-  currentURL.port = '3000'
-  const defaultHttpUrl = currentURL.href
-  const [httpConfig, setHttpConfig] = useLocalStorage(key.httpDebugConfig, {
-    url: defaultHttpUrl,
-    token: ''
-  })
-  const [requestBody, setRequestBody] = useState('{}')
-  const [responseContent, setResponseContent] = useState('')
-  const [isCodeEditorOpen, setIsCodeEditorOpen] = useState(false)
-  const [isResponseOpen, setIsResponseOpen] = useState(false)
-  const [isFetching, setIsFetching] = useState(false)
-  const responseRef = useRef<HTMLDivElement>(null)
-  const parsedRequest = parse(data.request)
-  const parsedResponse = parse(data.response)
-
-  const sendRequest = async () => {
-    if (isFetching) return
-    setIsFetching(true)
-    const r = toast.loading('正在发送请求...')
-    try {
-      const parsedRequestBody = JSON.parse(requestBody)
-      const requestURL = new URL(httpConfig.url)
-      requestURL.pathname = path
-      request
-        .post(requestURL.href, parsedRequestBody, {
-          headers: {
-            Authorization: `Bearer ${httpConfig.token}`
-          },
-          responseType: 'text'
-        })
-        .then((res) => {
-          setResponseContent(parseAxiosResponse(res))
-          toast.success('请求发送完成，请查看响应')
-        })
-        .catch((err) => {
-          toast.error('请求发送失败：' + err.message)
-          setResponseContent(parseAxiosResponse(err.response))
-        })
-        .finally(() => {
-          setIsFetching(false)
-          setIsResponseOpen(true)
-          responseRef.current?.scrollIntoView({
-            behavior: 'smooth',
-            block: 'start'
-          })
-          toast.dismiss(r)
-        })
-    } catch (error) {
-      toast.error('请求体 JSON 格式错误')
-      setIsFetching(false)
-      toast.dismiss(r)
-    }
-  }
-
-  useEffect(() => {
-    setRequestBody(generateDefaultJson(data.request))
-    setResponseContent('')
-  }, [path])
-
-  return (
-    <section className="p-4 pt-14 rounded-lg shadow-md">
-      <h1 className="text-2xl font-bold mb-4 flex items-center gap-1 text-primary-400">
-        <PiCatDuotone />
-        {data.description}
-      </h1>
-      <h1 className="text-lg font-bold mb-4">
-        <Snippet
-          className="bg-default-50 bg-opacity-50 backdrop-blur-md"
-          symbol={<IoLink size={18} className="inline-block mr-1" />}
-          tooltipProps={{
-            content: '点击复制地址'
-          }}
-        >
-          {path}
-        </Snippet>
-      </h1>
-      <div className="flex gap-2 items-center">
-        <Input
-          label="HTTP URL"
-          placeholder="输入 HTTP URL"
-          value={httpConfig.url}
-          onChange={(e) =>
-            setHttpConfig({ ...httpConfig, url: e.target.value })
-          }
-        />
-        <Input
-          label="Token"
-          placeholder="输入 Token"
-          value={httpConfig.token}
-          onChange={(e) =>
-            setHttpConfig({ ...httpConfig, token: e.target.value })
-          }
-        />
-        <Button
-          onPress={sendRequest}
-          color="primary"
-          size="lg"
-          radius="full"
-          isIconOnly
-          isDisabled={isFetching}
-        >
-          <IoSend />
-        </Button>
-      </div>
-      <Card
-        shadow="sm"
-        className="my-4 bg-opacity-50 backdrop-blur-md overflow-visible"
-      >
-        <CardHeader className="font-bold text-lg gap-1 pb-0">
-          <span className="mr-2">请求体</span>
-          <Button
-            color="warning"
-            variant="flat"
-            onPress={() => setIsCodeEditorOpen(!isCodeEditorOpen)}
-            size="sm"
-            radius="full"
-          >
-            {isCodeEditorOpen ? '收起' : '展开'}
-          </Button>
-        </CardHeader>
-        <CardBody>
-          <motion.div
-            ref={responseRef}
-            initial={{ opacity: 0, height: 0 }}
-            animate={{
-              opacity: isCodeEditorOpen ? 1 : 0,
-              height: isCodeEditorOpen ? 'auto' : 0
-            }}
-          >
-            <CodeEditor
-              value={requestBody}
-              onChange={(value) => setRequestBody(value ?? '')}
-              language="json"
-              height="400px"
-            />
-
-            <div className="flex justify-end gap-1">
-              <ChatInputModal />
-              <Button
-                color="primary"
-                variant="flat"
-                onPress={() =>
-                  setRequestBody(generateDefaultJson(data.request))
-                }
-              >
-                填充示例请求体
-              </Button>
-            </div>
-          </motion.div>
-        </CardBody>
-      </Card>
-      <Card
-        shadow="sm"
-        className="my-4 relative bg-opacity-50 backdrop-blur-md"
-      >
-        <PageLoading loading={isFetching} />
-        <CardHeader className="font-bold text-lg gap-1 pb-0">
-          <span className="mr-2">响应</span>
-          <Button
-            color="warning"
-            variant="flat"
-            onPress={() => setIsResponseOpen(!isResponseOpen)}
-            size="sm"
-            radius="full"
-          >
-            {isResponseOpen ? '收起' : '展开'}
-          </Button>
-          <Button
-            color="success"
-            variant="flat"
-            onPress={() => {
-              navigator.clipboard.writeText(responseContent)
-              toast.success('响应内容已复制到剪贴板')
-            }}
-            size="sm"
-            radius="full"
-          >
-            复制
-          </Button>
-        </CardHeader>
-        <CardBody>
-          <motion.div
-            className="overflow-y-auto text-sm"
-            initial={{ opacity: 0, height: 0 }}
-            animate={{
-              opacity: isResponseOpen ? 1 : 0,
-              height: isResponseOpen ? 300 : 0
-            }}
-          >
-            <pre>
-              <code>
-                {responseContent || (
-                  <div className="text-gray-400">暂无响应</div>
-                )}
-              </code>
-            </pre>
-          </motion.div>
-        </CardBody>
-      </Card>
-      <div className="p-2 md:p-4 border border-default-50 dark:border-default-200 rounded-lg backdrop-blur-sm">
-        <h2 className="text-xl font-semibold mb-2">请求体结构</h2>
-        <DisplayStruct schema={parsedRequest} />
-        <h2 className="text-xl font-semibold mt-4 mb-2">响应体结构</h2>
-        <DisplayStruct schema={parsedResponse} />
-      </div>
-    </section>
-  )
-}
-
-export default OneBotApiDebug

napcat.webui/src/components/onebot/api/display_struct.tsx

@@ -1,202 +0,0 @@
-import { Chip } from '@heroui/chip'
-import { Tooltip } from '@heroui/tooltip'
-import { motion } from 'motion/react'
-import React, { useState } from 'react'
-import toast from 'react-hot-toast'
-import { TbSquareRoundedChevronRightFilled } from 'react-icons/tb'
-
-import type { LiteralValue, ParsedSchema } from '@/utils/zod'
-
-interface DisplayStructProps {
-  schema: ParsedSchema | ParsedSchema[]
-}
-
-const SchemaType = ({
-  type,
-  value
-}: {
-  type: string
-  value?: LiteralValue
-}) => {
-  let name = type
-  switch (type) {
-    case 'union':
-      name = '联合类型'
-      break
-    case 'value':
-      name = '固定值'
-      break
-  }
-  let chipColor: 'primary' | 'success' | 'primary' | 'warning' | 'secondary' =
-    'primary'
-  switch (type) {
-    case 'enum':
-      chipColor = 'warning'
-      break
-    case 'union':
-      chipColor = 'secondary'
-      break
-    case 'array':
-      chipColor = 'primary'
-      break
-    case 'object':
-      chipColor = 'success'
-      break
-  }
-
-  return (
-    <Chip size="sm" color={chipColor} variant="flat">
-      {name}
-      {type === 'value' && (
-        <span className="px-1 rounded-full bg-primary-400 text-white ml-1">
-          {value}
-        </span>
-      )}
-    </Chip>
-  )
-}
-
-const SchemaLabel: React.FC<{
-  schema: ParsedSchema
-}> = ({ schema }) => (
-  <>
-    {Array.isArray(schema.type) ? (
-      schema.type.map((type) => (
-        <SchemaType key={type} type={type} value={schema?.value} />
-      ))
-    ) : (
-      <SchemaType type={schema.type} value={schema?.value} />
-    )}
-    {schema.optional && (
-      <Chip size="sm" color="default" variant="flat">
-        可选
-      </Chip>
-    )}
-    {schema.description && (
-      <span className="text-xs text-default-400">{schema.description}</span>
-    )}
-  </>
-)
-
-const SchemaContainer: React.FC<{
-  schema: ParsedSchema
-  children: React.ReactNode
-}> = ({ schema, children }) => {
-  const [expanded, setExpanded] = useState(false)
-
-  const toggleExpand = () => setExpanded(!expanded)
-
-  return (
-    <div className="mb-2">
-      <div
-        onClick={toggleExpand}
-        className="md:cursor-pointer flex items-center gap-1"
-      >
-        <motion.div
-          initial={{ rotate: 0 }}
-          animate={{ rotate: expanded ? 90 : 0 }}
-        >
-          <TbSquareRoundedChevronRightFilled />
-        </motion.div>
-        <Tooltip content="点击复制" placement="top" showArrow>
-          <span
-            className="border-b border-transparent border-dashed hover:border-primary-400"
-            onClick={(e) => {
-              e.stopPropagation()
-              navigator.clipboard.writeText(schema.name || '')
-              toast.success('已复制')
-            }}
-          >
-            {schema.name}
-          </span>
-        </Tooltip>
-        <SchemaLabel schema={schema} />
-      </div>
-      <motion.div
-        className="ml-5 overflow-hidden"
-        initial={{ opacity: 0, height: 0 }}
-        animate={{ opacity: expanded ? 1 : 0, height: expanded ? 'auto' : 0 }}
-      >
-        <div className="h-2"></div>
-        {children}
-      </motion.div>
-    </div>
-  )
-}
-
-const RenderSchema: React.FC<{ schema: ParsedSchema }> = ({ schema }) => {
-  if (schema.type === 'object') {
-    return (
-      <SchemaContainer schema={schema}>
-        {schema.children && schema.children.length > 0 ? (
-          schema.children.map((child, i) => (
-            <RenderSchema key={child.name || i} schema={child} />
-          ))
-        ) : (
-          <div>{`{}`}</div>
-        )}
-      </SchemaContainer>
-    )
-  }
-
-  if (schema.type === 'array' || schema.type === 'union') {
-    return (
-      <SchemaContainer schema={schema}>
-        {schema.children?.map((child, i) => (
-          <RenderSchema key={child.name || i} schema={child} />
-        ))}
-      </SchemaContainer>
-    )
-  }
-
-  if (schema.type === 'enum' && Array.isArray(schema.enum)) {
-    return (
-      <SchemaContainer schema={schema}>
-        <div className="flex gap-1 items-center">
-          {schema.enum?.map((value, i) => (
-            <Chip
-              key={value?.toString() || i}
-              size="sm"
-              variant="flat"
-              color="success"
-            >
-              {value?.toString()}
-            </Chip>
-          ))}
-        </div>
-      </SchemaContainer>
-    )
-  }
-
-  return (
-    <div className="mb-2 flex items-center gap-1 pl-5">
-      <Tooltip content="点击复制" placement="top" showArrow>
-        <span
-          className="border-b border-transparent border-dashed hover:border-primary-400 md:cursor-pointer"
-          onClick={(e) => {
-            e.stopPropagation()
-            navigator.clipboard.writeText(schema.name || '')
-            toast.success('已复制')
-          }}
-        >
-          {schema.name}
-        </span>
-      </Tooltip>
-      <SchemaLabel schema={schema} />
-    </div>
-  )
-}
-
-const DisplayStruct: React.FC<DisplayStructProps> = ({ schema }) => {
-  return (
-    <div className="p-4 bg-content2 rounded-lg bg-opacity-50">
-      {Array.isArray(schema) ? (
-        schema.map((s, i) => <RenderSchema key={s.name || i} schema={s} />)
-      ) : (
-        <RenderSchema schema={schema} />
-      )}
-    </div>
-  )
-}
-
-export default DisplayStruct

napcat.webui/src/components/onebot/api/nav_list.tsx

@@ -1,86 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import { Input } from '@heroui/input'
-import clsx from 'clsx'
-import { motion } from 'motion/react'
-import { useState } from 'react'
-
-import type { OneBotHttpApi, OneBotHttpApiPath } from '@/const/ob_api'
-
-export interface OneBotApiNavListProps {
-  data: OneBotHttpApi
-  selectedApi: OneBotHttpApiPath
-  onSelect: (apiName: OneBotHttpApiPath) => void
-  openSideBar: boolean
-}
-
-const OneBotApiNavList: React.FC<OneBotApiNavListProps> = (props) => {
-  const { data, selectedApi, onSelect, openSideBar } = props
-  const [searchValue, setSearchValue] = useState('')
-  return (
-    <motion.div
-      className={clsx(
-        'h-[calc(100vh-3.5rem)] left-0 !overflow-hidden md:w-auto z-20 top-[3.3rem] md:top-[3rem] absolute md:sticky md:float-start',
-        openSideBar && 'bg-background bg-opacity-20 backdrop-blur-md'
-      )}
-      initial={{ width: 0 }}
-      transition={{
-        type: openSideBar ? 'spring' : 'tween',
-        stiffness: 150,
-        damping: 15
-      }}
-      animate={{ width: openSideBar ? '16rem' : '0rem' }}
-      style={{ overflowY: openSideBar ? 'auto' : 'hidden' }}
-    >
-      <div className="w-64 h-full overflow-y-auto px-2 pt-2 pb-10 md:pb-0">
-        <Input
-          className="sticky top-0 z-10 text-primary-600"
-          classNames={{
-            inputWrapper:
-              'bg-opacity-30 bg-primary-50 backdrop-blur-sm border border-primary-300 mb-2',
-            input: 'bg-transparent !text-primary-400 !placeholder-primary-400'
-          }}
-          radius="full"
-          placeholder="搜索 API"
-          value={searchValue}
-          onChange={(e) => setSearchValue(e.target.value)}
-          isClearable
-          onClear={() => setSearchValue('')}
-        />
-        {Object.entries(data).map(([apiName, api]) => (
-          <Card
-            key={apiName}
-            shadow="none"
-            className={clsx(
-              'w-full border border-primary-100 rounded-lg mb-1 bg-opacity-30 backdrop-blur-sm text-primary-400',
-              {
-                hidden: !(
-                  apiName.includes(searchValue) ||
-                  api.description?.includes(searchValue)
-                )
-              },
-              {
-                '!bg-opacity-40 border border-primary-400 bg-primary-50 text-primary-600':
-                  apiName === selectedApi
-              }
-            )}
-            isPressable
-            onPress={() => onSelect(apiName as OneBotHttpApiPath)}
-          >
-            <CardBody>
-              <h2 className="font-bold">{api.description}</h2>
-              <div
-                className={clsx('text-sm text-primary-200', {
-                  '!text-primary-400': apiName === selectedApi
-                })}
-              >
-                {apiName}
-              </div>
-            </CardBody>
-          </Card>
-        ))}
-      </div>
-    </motion.div>
-  )
-}
-
-export default OneBotApiNavList

napcat.webui/src/components/onebot/message_list.tsx

@@ -1,72 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-import { VariableSizeList } from 'react-window'
-
-import OneBotItemRender, {
-  getItemSize
-} from '@/components/onebot/display_card/render'
-
-import { isOB11Event } from '@/utils/onebot'
-
-import type { AllOB11WsResponse } from '@/types/onebot'
-
-export interface OneBotMessageListProps {
-  messages: AllOB11WsResponse[]
-}
-
-const OneBotMessageList: React.FC<OneBotMessageListProps> = (props) => {
-  const { messages } = props
-  const containerRef = useRef<HTMLDivElement>(null)
-  const listRef = useRef<VariableSizeList>(null)
-  const [containerHeight, setContainerHeight] = useState(400)
-
-  useEffect(() => {
-    const resizeObserver = new ResizeObserver(() => {
-      if (containerRef.current) {
-        setContainerHeight(containerRef.current.offsetHeight)
-      }
-    })
-
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current)
-    }
-
-    return () => {
-      resizeObserver.disconnect()
-    }
-  }, [])
-
-  useEffect(() => {
-    if (listRef.current) {
-      listRef.current.resetAfterIndex(0, true)
-    }
-  }, [messages])
-
-  return (
-    <div className="w-full h-full overflow-hidden" ref={containerRef}>
-      <VariableSizeList
-        ref={listRef}
-        itemCount={messages.length}
-        width="100%"
-        style={{
-          overflowX: 'hidden'
-        }}
-        itemSize={(idx) => {
-          const msg = messages[idx]
-          if (isOB11Event(msg)) {
-            const size = getItemSize(msg.post_type)
-            return size
-          } else {
-            return 100
-          }
-        }}
-        height={containerHeight}
-        itemData={messages}
-        itemKey={(index) => messages.length - index - 1}
-      >
-        {OneBotItemRender}
-      </VariableSizeList>
-    </div>
-  )
-}
-
-export default OneBotMessageList

napcat.webui/src/components/onebot/send_modal.tsx

@@ -1,95 +0,0 @@
-import { Button } from '@heroui/button'
-import {
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
-  useDisclosure
-} from '@heroui/modal'
-import { useCallback, useRef } from 'react'
-import toast from 'react-hot-toast'
-
-import ChatInputModal from '@/components/chat_input/modal'
-import CodeEditor from '@/components/code_editor'
-import type { CodeEditorRef } from '@/components/code_editor'
-
-export interface OneBotSendModalProps {
-  sendMessage: (msg: string) => void
-}
-
-const OneBotSendModal: React.FC<OneBotSendModalProps> = (props) => {
-  const { sendMessage } = props
-  const { isOpen, onOpen, onOpenChange } = useDisclosure()
-  const editorRef = useRef<CodeEditorRef | null>(null)
-
-  const handleSendMessage = useCallback(
-    (onClose: () => void) => {
-      const msg = editorRef.current?.getValue()
-      if (!msg) {
-        toast.error('消息不能为空')
-        return
-      }
-      try {
-        sendMessage(msg)
-        toast.success('消息发送成功')
-        onClose()
-      } catch (error) {
-        toast.error('消息发送失败')
-      }
-    },
-    [sendMessage]
-  )
-
-  return (
-    <>
-      <Button onPress={onOpen} color="primary" radius="full" variant="flat">
-        构造请求
-      </Button>
-      <Modal
-        isOpen={isOpen}
-        onOpenChange={onOpenChange}
-        placement="top-center"
-        size="5xl"
-        scrollBehavior="outside"
-        isDismissable={false}
-      >
-        <ModalContent>
-          {(onClose) => (
-            <>
-              <ModalHeader className="flex flex-col gap-1">
-                构造请求
-              </ModalHeader>
-              <ModalBody>
-                <div className="h-96 dark:bg-[rgb(30,30,30)] p-2 rounded-md border border-default-100">
-                  <CodeEditor
-                    height="100%"
-                    defaultLanguage="json"
-                    defaultValue={`{
-  "action": "get_group_list"
-}`}
-                    ref={editorRef}
-                  />
-                </div>
-              </ModalBody>
-              <ModalFooter>
-                <ChatInputModal />
-
-                <Button color="primary" variant="flat" onPress={onClose}>
-                  取消
-                </Button>
-                <Button
-                  color="primary"
-                  onPress={() => handleSendMessage(onClose)}
-                >
-                  发送
-                </Button>
-              </ModalFooter>
-            </>
-          )}
-        </ModalContent>
-      </Modal>
-    </>
-  )
-}
-export default OneBotSendModal

napcat.webui/src/components/onebot/ws_status.tsx

@@ -1,39 +0,0 @@
-import clsx from 'clsx'
-import { ReadyState } from 'react-use-websocket'
-
-export interface WSStatusProps {
-  state: ReadyState
-}
-
-function StatusTag({
-  title,
-  color
-}: {
-  title: string
-  color: 'success' | 'primary' | 'warning'
-}) {
-  const textClassName = `text-${color} text-sm`
-  const bgClassName = `bg-${color}`
-  return (
-    <div className="flex flex-col justify-center items-center gap-1 rounded-md px-2 col-span-2 md:col-span-1">
-      <div className={clsx('w-4 h-4 rounded-full', bgClassName)}></div>
-      <div className={textClassName}>{title}</div>
-    </div>
-  )
-}
-
-export default function WSStatus({ state }: WSStatusProps) {
-  if (state === ReadyState.OPEN) {
-    return <StatusTag title="已连接" color="success" />
-  }
-  if (state === ReadyState.CLOSED) {
-    return <StatusTag title="已关闭" color="primary" />
-  }
-  if (state === ReadyState.CONNECTING) {
-    return <StatusTag title="连接中" color="warning" />
-  }
-  if (state === ReadyState.CLOSING) {
-    return <StatusTag title="关闭中" color="warning" />
-  }
-  return null
-}

napcat.webui/src/components/page_background.tsx

@@ -1,25 +0,0 @@
-import { Image } from '@heroui/image'
-import React from 'react'
-
-import bkg_color from '@/assets/images/bkg-color.png'
-
-const PageBackground = () => {
-  return (
-    <React.Fragment>
-      <div className="fixed w-full h-full -z-[0] flex justify-end opacity-80">
-        <Image
-          className="overflow-hidden object-contain -top-42 h-[160%] -right-[30%] -rotate-45 pointer-events-none select-none -z-10 relative"
-          src={bkg_color}
-        />
-      </div>
-      <div className="fixed w-full h-full overflow-hidden -z-[0] hue-rotate-90 flex justify-start opacity-80">
-        <Image
-          className="relative -top-92 h-[180%] object-contain pointer-events-none rotate-90 select-none -z-10 top-44"
-          src={bkg_color}
-        />
-      </div>
-    </React.Fragment>
-  )
-}
-
-export default PageBackground

napcat.webui/src/components/qq_info_card.tsx

@@ -1,61 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import { Image } from '@heroui/image'
-import clsx from 'clsx'
-import { BsTencentQq } from 'react-icons/bs'
-
-import { SelfInfo } from '@/types/user'
-
-import PageLoading from './page_loading'
-
-export interface QQInfoCardProps {
-  data?: SelfInfo
-  error?: Error
-  loading?: boolean
-}
-
-const QQInfoCard: React.FC<QQInfoCardProps> = ({ data, error, loading }) => {
-  return (
-    <Card
-      className="relative bg-primary-100 bg-opacity-60 overflow-hidden flex-shrink-0 shadow-md shadow-primary-300 dark:shadow-primary-50"
-      shadow="none"
-      radius="lg"
-    >
-      <PageLoading loading={loading} />
-      {error ? (
-        <CardBody className="items-center gap-1 justify-center">
-          <div className="flex-1 text-content1-foreground">Error</div>
-          <div className="whitespace-nowrap text-nowrap flex-shrink-0">
-            {error.message}
-          </div>
-        </CardBody>
-      ) : (
-        <CardBody className="flex-row items-center gap-2 overflow-hidden relative">
-          <div className="absolute right-0 bottom-0 text-5xl text-primary-400">
-            <BsTencentQq />
-          </div>
-          <div className="relative flex-shrink-0 z-10">
-            <Image
-              src={
-                data?.avatarUrl ??
-                `https://q1.qlogo.cn/g?b=qq&nk=${data?.uin}&s=1`
-              }
-              className="shadow-md rounded-full w-12 aspect-square"
-            />
-            <div
-              className={clsx(
-                'w-4 h-4 rounded-full absolute right-0.5 bottom-0 border-2 border-primary-100 z-10',
-                data?.online ? 'bg-green-500' : 'bg-gray-500'
-              )}
-            ></div>
-          </div>
-          <div className="flex-col justify-center">
-            <div className="text-lg truncate">{data?.nick}</div>
-            <div className="text-primary-500 text-sm">{data?.uin}</div>
-          </div>
-        </CardBody>
-      )}
-    </Card>
-  )
-}
-
-export default QQInfoCard

napcat.webui/src/components/qr_code_login.tsx

@@ -1,24 +0,0 @@
-import { Spinner } from '@heroui/spinner'
-import { QRCodeSVG } from 'qrcode.react'
-
-interface QrCodeLoginProps {
-  qrcode: string
-}
-
-const QrCodeLogin: React.FC<QrCodeLoginProps> = ({ qrcode }) => {
-  return (
-    <div className="flex flex-col items-center">
-      <div className="bg-white p-2 rounded-md w-fit mx-auto relative overflow-hidden">
-        {!qrcode && (
-          <div className="absolute left-2 top-2 right-2 bottom-2 bg-white bg-opacity-50 backdrop-blur flex items-center justify-center">
-            <Spinner color="primary" />
-          </div>
-        )}
-        <QRCodeSVG size={180} value={qrcode} />
-      </div>
-      <div className="mt-5 text-center">请使用QQ或者TIM扫描上方二维码</div>
-    </div>
-  )
-}
-
-export default QrCodeLogin

napcat.webui/src/components/sidebar/index.tsx

@@ -1,93 +0,0 @@
-import { Button } from '@heroui/button'
-import { Image } from '@heroui/image'
-import clsx from 'clsx'
-import { motion } from 'motion/react'
-import React from 'react'
-import { IoMdLogOut } from 'react-icons/io'
-import { MdDarkMode, MdLightMode } from 'react-icons/md'
-
-import useAuth from '@/hooks/auth'
-import useDialog from '@/hooks/use-dialog'
-import { useTheme } from '@/hooks/use-theme'
-
-import logo from '@/assets/images/logo.png'
-import type { MenuItem } from '@/config/site'
-
-import Menus from './menus'
-
-interface SideBarProps {
-  open: boolean
-  items: MenuItem[]
-}
-
-const SideBar: React.FC<SideBarProps> = (props) => {
-  const { open, items } = props
-  const { toggleTheme, isDark } = useTheme()
-  const { revokeAuth } = useAuth()
-  const dialog = useDialog()
-  const onRevokeAuth = () => {
-    dialog.confirm({
-      title: '退出登录',
-      content: '确定要退出登录吗？',
-      onConfirm: revokeAuth
-    })
-  }
-  return (
-    <motion.div
-      className={clsx(
-        'overflow-hidden fixed top-0 left-0 h-full z-50 bg-background md:bg-transparent md:static shadow-md md:shadow-none rounded-r-md md:rounded-none'
-      )}
-      initial={{ width: 0 }}
-      animate={{ width: open ? '16rem' : 0 }}
-      transition={{
-        type: open ? 'spring' : 'tween',
-        stiffness: 150,
-        damping: open ? 15 : 10
-      }}
-      style={{ overflow: 'hidden' }}
-    >
-      <motion.div className="w-64 flex flex-col items-stretch h-full transition-transform duration-300 ease-in-out z-30 relative float-right">
-        <div className="flex justify-center items-center my-2 gap-2">
-          <Image radius="none" height={40} src={logo} className="mb-2" />
-          <div
-            className={clsx(
-              'flex items-center font-bold',
-              '!text-2xl shiny-text'
-            )}
-          >
-            NapCat
-          </div>
-        </div>
-        <div className="overflow-y-auto flex flex-col flex-1 px-4">
-          <Menus items={items} />
-          <div className="mt-auto mb-10 md:mb-0">
-            <Button
-              className="w-full"
-              color="primary"
-              radius="full"
-              variant="light"
-              onPress={toggleTheme}
-              startContent={
-                !isDark ? <MdLightMode size={16} /> : <MdDarkMode size={16} />
-              }
-            >
-              切换主题
-            </Button>
-            <Button
-              className="w-full mb-2"
-              color="primary"
-              radius="full"
-              variant="light"
-              onPress={onRevokeAuth}
-              startContent={<IoMdLogOut size={16} />}
-            >
-              退出登录
-            </Button>
-          </div>
-        </div>
-      </motion.div>
-    </motion.div>
-  )
-}
-
-export default SideBar

napcat.webui/src/components/sidebar/menus.tsx

@@ -1,158 +0,0 @@
-import { Button } from '@heroui/button'
-import { Image } from '@heroui/image'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import clsx from 'clsx'
-import React from 'react'
-import { matchPath, useLocation, useNavigate } from 'react-router-dom'
-
-import key from '@/const/key'
-
-import type { MenuItem } from '@/config/site'
-
-const renderItems = (items: MenuItem[], children = false) => {
-  return items?.map((item) => {
-    const navigate = useNavigate()
-    const locate = useLocation()
-    const [open, setOpen] = React.useState(!!item.autoOpen)
-    const canOpen = React.useMemo(
-      () => item.items && item.items.length > 0,
-      [item.items]
-    )
-    const [b64img] = useLocalStorage(key.backgroundImage, '')
-    const [customIcons] = useLocalStorage<Record<string, string>>(
-      key.customIcons,
-      {}
-    )
-    const isActive = React.useMemo(() => {
-      if (item.href) {
-        return !!matchPath(item.href, locate.pathname)
-      }
-
-      return false
-    }, [item.href, locate.pathname])
-
-    const goTo = (href: string) => {
-      navigate(href)
-    }
-
-    React.useEffect(() => {
-      if (item.items) {
-        const shouldOpen = item.items.some(
-          (item) => item?.href && !!matchPath(item.href, locate.pathname)
-        )
-
-        if (shouldOpen) setOpen(true)
-      }
-    }, [item.items, locate.pathname])
-    const panelRef = React.useRef<HTMLDivElement>(null)
-
-    return (
-      <div key={item.href + item.label}>
-        <Button
-          className={clsx(
-            'flex items-center w-full text-left justify-start dark:text-white',
-            // children && 'rounded-l-lg',
-            isActive && 'bg-opacity-60',
-            b64img && 'backdrop-blur-md text-white'
-          )}
-          color="primary"
-          endContent={
-            canOpen ? (
-              <div
-                className={clsx(
-                  'ml-auto relative w-3 h-3 transition-transform',
-                  open && 'transform rotate-180',
-                  isActive
-                    ? 'text-primary-500'
-                    : 'text-primary-200 dark:text-white',
-                  'before:rounded-full',
-                  'before:content-[""]',
-                  'before:block',
-                  'before:absolute',
-                  'before:w-3',
-                  'before:h-[4.5px]',
-                  'before:bg-current',
-                  'before:top-1/2',
-                  'before:-left-[3px]',
-                  'before:transform',
-                  'before:-translate-y-1/2',
-                  'before:rotate-45',
-                  'after:rounded-full',
-                  'after:content-[""]',
-                  'after:block',
-                  'after:absolute',
-                  'after:w-3',
-                  'after:h-[4.5px]',
-                  'after:bg-current',
-                  'after:top-1/2',
-                  'after:left-[3px]',
-                  'after:transform',
-                  'after:-translate-y-1/2',
-                  'after:-rotate-45'
-                )}
-              />
-            ) : (
-              <div
-                className={clsx(
-                  'w-3 h-1.5 rounded-full ml-auto shadow-lg',
-                  isActive
-                    ? 'bg-primary-500 animate-spinner-ease-spin'
-                    : 'bg-primary-200 dark:bg-white'
-                )}
-              />
-            )
-          }
-          radius="full"
-          startContent={
-            customIcons[item.label] ? (
-              <Image
-                radius="none"
-                src={customIcons[item.label]}
-                alt={item.label}
-                className="w-5 h-5"
-              />
-            ) : (
-              item.icon
-            )
-          }
-          variant={isActive ? (children ? 'solid' : 'shadow') : 'light'}
-          onPress={() => {
-            if (item.href) {
-              if (!isActive) {
-                goTo(item.href)
-              }
-            } else if (canOpen) {
-              setOpen(!open)
-            }
-          }}
-        >
-          {item.label}
-        </Button>
-        <div
-          ref={panelRef}
-          className="ml-4 overflow-hidden transition-all duration-300"
-          style={{
-            height: open ? panelRef.current?.scrollHeight : 0
-          }}
-        >
-          {item.items && renderItems(item.items, true)}
-        </div>
-      </div>
-    )
-  })
-}
-
-interface MenusProps {
-  items: MenuItem[]
-}
-const Menus: React.FC<MenusProps> = (props) => {
-  const { items } = props
-
-  return (
-    <div className="flex flex-col justify-content-center flex-1 gap-2">
-      {renderItems(items)}
-    </div>
-  )
-}
-
-export default Menus

napcat.webui/src/components/switch_card.tsx

@@ -1,48 +0,0 @@
-import { Switch } from '@heroui/switch'
-import clsx from 'clsx'
-import React, { forwardRef } from 'react'
-
-export interface SwitchCardProps {
-  label?: string
-  description?: string
-  value?: boolean
-  onValueChange?: (value: boolean) => void
-  name?: string
-  onBlur?: React.FocusEventHandler
-  disabled?: boolean
-  onChange?: React.ChangeEventHandler<HTMLInputElement>
-}
-
-const SwitchCard = forwardRef<HTMLInputElement, SwitchCardProps>(
-  (props, ref) => {
-    const { label, description, value, onValueChange, disabled } = props
-    const selectString = value ? 'true' : 'false'
-
-    return (
-      <Switch
-        classNames={{
-          base: clsx(
-            'inline-flex flex-row-reverse w-full max-w-md bg-content1 hover:bg-content2 items-center',
-            'justify-between cursor-pointer rounded-lg gap-2 p-3 border-2 border-transparent',
-            'data-[selected=true]:border-primary bg-opacity-50 backdrop-blur-sm'
-          )
-        }}
-        {...props}
-        ref={ref}
-        isDisabled={disabled}
-        isSelected={value}
-        value={selectString}
-        onValueChange={onValueChange}
-      >
-        <div className="flex flex-col gap-1">
-          <p className="text-medium">{label}</p>
-          <p className="text-tiny text-default-400">{description}</p>
-        </div>
-      </Switch>
-    )
-  }
-)
-
-SwitchCard.displayName = 'SwitchCard'
-
-export default SwitchCard

napcat.webui/src/components/system_info.tsx

@@ -1,274 +0,0 @@
-import { Button } from '@heroui/button'
-import { Card, CardBody, CardHeader } from '@heroui/card'
-import { Chip } from '@heroui/chip'
-import { Spinner } from '@heroui/spinner'
-import { Tooltip } from '@heroui/tooltip'
-import { useRequest } from 'ahooks'
-import { useEffect } from 'react'
-import { BsStars } from 'react-icons/bs'
-import { FaCircleInfo, FaInfo, FaQq } from 'react-icons/fa6'
-import { IoLogoChrome, IoLogoOctocat } from 'react-icons/io'
-import { RiMacFill } from 'react-icons/ri'
-
-import useDialog from '@/hooks/use-dialog'
-
-import { request } from '@/utils/request'
-import { compareVersion } from '@/utils/version'
-
-import WebUIManager from '@/controllers/webui_manager'
-import { GithubRelease } from '@/types/github'
-
-import TailwindMarkdown from './tailwind_markdown'
-
-export interface SystemInfoItemProps {
-  title: string
-  icon?: React.ReactNode
-  value?: React.ReactNode
-  endContent?: React.ReactNode
-}
-
-const SystemInfoItem: React.FC<SystemInfoItemProps> = ({
-  title,
-  value = '--',
-  icon,
-  endContent
-}) => {
-  return (
-    <div className="flex text-sm gap-1 p-2 items-center shadow-sm shadow-primary-100 dark:shadow-primary-100 rounded text-primary-400">
-      {icon}
-      <div className="w-24">{title}</div>
-      <div className="text-primary-200">{value}</div>
-      <div className="ml-auto">{endContent}</div>
-    </div>
-  )
-}
-
-export interface NewVersionTipProps {
-  currentVersion?: string
-}
-
-const NewVersionTip = (props: NewVersionTipProps) => {
-  const { currentVersion } = props
-  const dialog = useDialog()
-  const { data: releaseData, error } = useRequest(() =>
-    request.get<GithubRelease[]>(
-      'https://api.github.com/repos/NapNeko/NapCatQQ/releases'
-    )
-  )
-
-  if (error) {
-    return (
-      <Tooltip content="检查新版本失败">
-        <Button
-          isIconOnly
-          radius="full"
-          color="primary"
-          variant="shadow"
-          className="!w-5 !h-5 !min-w-0 text-small shadow-md"
-          onPress={() => {
-            dialog.alert({
-              title: '检查新版本失败',
-              content: error.message
-            })
-          }}
-        >
-          <FaInfo />
-        </Button>
-      </Tooltip>
-    )
-  }
-
-  const latestVersion = releaseData?.data?.[0]?.tag_name
-
-  if (!latestVersion || !currentVersion) {
-    return null
-  }
-
-  if (compareVersion(latestVersion, currentVersion) <= 0) {
-    return null
-  }
-
-  const middleVersions: GithubRelease[] = []
-
-  for (let i = 0; i < releaseData.data.length; i++) {
-    const versionInfo = releaseData.data[i]
-    if (compareVersion(versionInfo.tag_name, currentVersion) > 0) {
-      middleVersions.push(versionInfo)
-    } else {
-      break
-    }
-  }
-
-  const AISummaryComponent = () => {
-    const {
-      data: aiSummaryData,
-      loading: aiSummaryLoading,
-      error: aiSummaryError,
-      run: runAiSummary
-    } = useRequest(
-      (version) =>
-        request.get<ServerResponse<string | null>>(
-          `https://release.nc.152710.xyz/?version=${version}`,
-          {
-            timeout: 30000
-          }
-        ),
-      {
-        manual: true
-      }
-    )
-
-    useEffect(() => {
-      runAiSummary(currentVersion)
-    }, [currentVersion, runAiSummary])
-
-    if (aiSummaryLoading) {
-      return (
-        <div className="flex justify-center py-1">
-          <Spinner size="sm" />
-        </div>
-      )
-    }
-    if (aiSummaryError) {
-      return <div className="text-center text-primary-500">AI 摘要获取失败</div>
-    }
-    return <span className="text-default-700">{aiSummaryData?.data.data}</span>
-  }
-
-  return (
-    <Tooltip content="有新版本可用">
-      <Button
-        isIconOnly
-        radius="full"
-        color="primary"
-        variant="shadow"
-        className="!w-5 !h-5 !min-w-0 text-small shadow-md"
-        onPress={() => {
-          dialog.confirm({
-            title: '有新版本可用',
-            content: (
-              <div className="space-y-2">
-                <div className="text-sm space-x-2">
-                  <span>当前版本</span>
-                  <Chip color="primary" variant="flat">
-                    v{currentVersion}
-                  </Chip>
-                </div>
-                <div className="text-sm space-x-2">
-                  <span>最新版本</span>
-                  <Chip color="primary">{latestVersion}</Chip>
-                </div>
-                <div className="p-2 rounded-md bg-content2 text-sm">
-                  <div className="text-primary-400 font-bold flex items-center gap-1 mb-1">
-                    <BsStars />
-                    <span>AI总结</span>
-                  </div>
-                  {<AISummaryComponent />}
-                </div>
-                <div className="text-sm space-y-2 !mt-4">
-                  {middleVersions.map((versionInfo) => (
-                    <div
-                      key={versionInfo.tag_name}
-                      className="p-4 bg-content1 rounded-md shadow-small"
-                    >
-                      <TailwindMarkdown content={versionInfo.body} />
-                    </div>
-                  ))}
-                </div>
-              </div>
-            ),
-            scrollBehavior: 'inside',
-            size: '3xl',
-            confirmText: '前往下载',
-            onConfirm() {
-              window.open(
-                'https://github.com/NapNeko/NapCatQQ/releases',
-                '_blank',
-                'noopener'
-              )
-            }
-          })
-        }}
-      >
-        <FaInfo />
-      </Button>
-    </Tooltip>
-  )
-}
-
-const NapCatVersion = () => {
-  const {
-    data: packageData,
-    loading: packageLoading,
-    error: packageError
-  } = useRequest(WebUIManager.getPackageInfo)
-
-  const currentVersion = packageData?.version
-
-  return (
-    <SystemInfoItem
-      title="NapCat 版本"
-      icon={<IoLogoOctocat className="text-xl" />}
-      value={
-        packageError ? (
-          `错误：${packageError.message}`
-        ) : packageLoading ? (
-          <Spinner size="sm" />
-        ) : (
-          currentVersion
-        )
-      }
-      endContent={<NewVersionTip currentVersion={currentVersion} />}
-    />
-  )
-}
-
-export interface SystemInfoProps {
-  archInfo?: string
-}
-const SystemInfo: React.FC<SystemInfoProps> = (props) => {
-  const { archInfo } = props
-  const {
-    data: qqVersionData,
-    loading: qqVersionLoading,
-    error: qqVersionError
-  } = useRequest(WebUIManager.getQQVersion)
-  return (
-    <Card className="bg-opacity-60 shadow-sm shadow-primary-100 dark:shadow-primary-100 overflow-visible flex-1">
-      <CardHeader className="pb-0 items-center gap-1 text-primary-500 font-extrabold">
-        <FaCircleInfo className="text-lg" />
-        <span>系统信息</span>
-      </CardHeader>
-      <CardBody className="flex-1">
-        <div className="flex flex-col justify-between h-full">
-          <NapCatVersion />
-          <SystemInfoItem
-            title="QQ 版本"
-            icon={<FaQq className="text-lg" />}
-            value={
-              qqVersionError ? (
-                `错误：${qqVersionError.message}`
-              ) : qqVersionLoading ? (
-                <Spinner size="sm" />
-              ) : (
-                qqVersionData
-              )
-            }
-          />
-          <SystemInfoItem
-            title="WebUI 版本"
-            icon={<IoLogoChrome className="text-xl" />}
-            value="Next"
-          />
-          <SystemInfoItem
-            title="系统版本"
-            icon={<RiMacFill className="text-xl" />}
-            value={archInfo}
-          />
-        </div>
-      </CardBody>
-    </Card>
-  )
-}
-
-export default SystemInfo

napcat.webui/src/components/system_status_display.tsx

@@ -1,130 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import { Image } from '@heroui/image'
-import clsx from 'clsx'
-import { BiSolidMemoryCard } from 'react-icons/bi'
-import { GiCpu } from 'react-icons/gi'
-
-import bkg from '@/assets/images/bg/1AD934174C0107F14BAD8776D29C5F90.png'
-
-import UsagePie from './usage_pie'
-
-export interface SystemStatusItemProps {
-  title: string
-  value?: string | number
-  size?: 'md' | 'lg'
-  unit?: string
-}
-
-const SystemStatusItem: React.FC<SystemStatusItemProps> = ({
-  title,
-  value = '-',
-  size = 'md',
-  unit
-}) => {
-  return (
-    <div
-      className={clsx(
-        'shadow-sm shadow-primary-100 p-2 rounded-md text-sm bg-content1 bg-opacity-30',
-        size === 'lg' ? 'col-span-2' : 'col-span-1 flex justify-between'
-      )}
-    >
-      <div className="w-24">{title}</div>
-      <div className="text-default-400">
-        {value}
-        {unit}
-      </div>
-    </div>
-  )
-}
-
-export interface SystemStatusDisplayProps {
-  data?: SystemStatus
-}
-
-const SystemStatusDisplay: React.FC<SystemStatusDisplayProps> = ({ data }) => {
-  const memoryUsage = {
-    system: 0,
-    qq: 0
-  }
-  if (data) {
-    const system = Number(data.memory.total) || 1
-    const systemUsage = Number(data.memory.usage.system)
-    const qqUsage = Number(data.memory.usage.qq)
-    memoryUsage.system = (systemUsage / system) * 100
-    memoryUsage.qq = (qqUsage / system) * 100
-  }
-
-  return (
-    <Card className="bg-opacity-60 shadow-sm shadow-primary-100 col-span-1 lg:col-span-2 relative overflow-hidden">
-      <div className="absolute h-full right-0 top-0">
-        <Image
-          src={bkg}
-          alt="background"
-          className="select-none pointer-events-none !opacity-30 w-full h-full"
-          classNames={{
-            wrapper: 'w-full h-full',
-            img: 'object-contain w-full h-full'
-          }}
-        />
-      </div>
-      <CardBody className="overflow-visible md:flex-row gap-4 items-center justify-stretch z-10">
-        <div className="flex-1 w-full md:max-w-96">
-          <h2 className="text-lg font-semibold flex items-center gap-1 text-primary-400">
-            <GiCpu className="text-xl" />
-            <span>CPU</span>
-          </h2>
-          <div className="grid grid-cols-2 gap-2">
-            <SystemStatusItem title="型号" value={data?.cpu.model} size="lg" />
-            <SystemStatusItem title="内核数" value={data?.cpu.core} />
-            <SystemStatusItem title="主频" value={data?.cpu.speed} unit="GHz" />
-            <SystemStatusItem
-              title="使用率"
-              value={data?.cpu.usage.system}
-              unit="%"
-            />
-            <SystemStatusItem
-              title="QQ主线程"
-              value={data?.cpu.usage.qq}
-              unit="%"
-            />
-          </div>
-          <h2 className="text-lg font-semibold flex items-center gap-1 text-primary-400 mt-2">
-            <BiSolidMemoryCard className="text-xl" />
-            <span>内存</span>
-          </h2>
-          <div className="grid grid-cols-2 gap-2">
-            <SystemStatusItem
-              title="总量"
-              value={data?.memory.total}
-              size="lg"
-              unit="MB"
-            />
-            <SystemStatusItem
-              title="使用量"
-              value={data?.memory.usage.system}
-              unit="MB"
-            />
-            <SystemStatusItem
-              title="QQ主线程"
-              value={data?.memory.usage.qq}
-              unit="MB"
-            />
-          </div>
-        </div>
-        <div className="flex flex-row md:flex-col gap-2 flex-shrink-0 w-full justify-center md:w-40 min-h-40 mt-4 md:mt-0 md:mx-auto">
-          <UsagePie
-            systemUsage={Number(data?.cpu.usage.system) || 0}
-            processUsage={Number(data?.cpu.usage.qq) || 0}
-            title="CPU占用"
-          />
-          <UsagePie
-            systemUsage={memoryUsage.system}
-            processUsage={memoryUsage.qq}
-            title="内存占用"
-          />
-        </div>
-      </CardBody>
-    </Card>
-  )
-}
-export default SystemStatusDisplay

napcat.webui/src/components/tailwind_markdown.tsx

@@ -1,49 +0,0 @@
-import Markdown from 'react-markdown'
-import remarkGfm from 'remark-gfm'
-
-const TailwindMarkdown: React.FC<{ content: string }> = ({ content }) => {
-  return (
-    <Markdown
-      className="prose prose-sm sm:prose lg:prose-lg xl:prose-xl"
-      remarkPlugins={[remarkGfm]}
-      components={{
-        h1: ({ node, ...props }) => (
-          <h1 className="text-2xl font-bold" {...props} />
-        ),
-        h2: ({ node, ...props }) => (
-          <h2 className="text-xl font-bold" {...props} />
-        ),
-        h3: ({ node, ...props }) => (
-          <h3 className="text-lg font-bold" {...props} />
-        ),
-        p: ({ node, ...props }) => <p className="m-0" {...props} />,
-        a: ({ node, ...props }) => (
-          <a
-            className="text-primary-500 inline-block hover:underline"
-            target="_blank"
-            {...props}
-          />
-        ),
-        ul: ({ node, ...props }) => (
-          <ul className="list-disc list-inside" {...props} />
-        ),
-        ol: ({ node, ...props }) => (
-          <ol className="list-decimal list-inside" {...props} />
-        ),
-        blockquote: ({ node, ...props }) => (
-          <blockquote
-            className="border-l-4 border-default-300 pl-4 italic"
-            {...props}
-          />
-        ),
-        code: ({ node, ...props }) => (
-          <code className="bg-default-100 p-1 rounded text-xs" {...props} />
-        )
-      }}
-    >
-      {content}
-    </Markdown>
-  )
-}
-
-export default TailwindMarkdown

napcat.webui/src/components/terminal/terminal-instance.tsx

@@ -1,56 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-import TerminalManager from '@/controllers/terminal_manager'
-
-import XTerm, { XTermRef } from '../xterm'
-
-interface TerminalInstanceProps {
-  id: string
-}
-
-export function TerminalInstance({ id }: TerminalInstanceProps) {
-  const termRef = useRef<XTermRef>(null)
-  const connected = useRef(false)
-
-  const handleData = (data: string) => {
-    try {
-      const parsed = JSON.parse(data)
-      if (parsed.data) {
-        termRef.current?.write(parsed.data)
-      }
-    } catch (e) {
-      termRef.current?.write(data)
-    }
-  }
-
-  useEffect(() => {
-    return () => {
-      if (connected.current) {
-        TerminalManager.disconnectTerminal(id, handleData)
-      }
-    }
-  }, [id])
-
-  const handleInput = (data: string) => {
-    TerminalManager.sendInput(id, data)
-  }
-
-  const handleResize = (cols: number, rows: number) => {
-    if (!connected.current) {
-      connected.current = true
-      console.log('instance', rows, cols)
-      TerminalManager.connectTerminal(id, handleData, { rows, cols })
-    } else {
-      TerminalManager.sendResize(id, cols, rows)
-    }
-  }
-
-  return (
-    <XTerm
-      ref={termRef}
-      onInput={handleInput}
-      onResize={handleResize} // 使用 fitAddon 改变后触发的 resize 回调
-      className="w-full h-full"
-    />
-  )
-}

napcat.webui/src/components/toaster.tsx

@@ -1,21 +0,0 @@
-import { Toaster as HotToaster } from 'react-hot-toast'
-
-import { useTheme } from '@/hooks/use-theme'
-
-export const Toaster = () => {
-  const { isDark } = useTheme()
-
-  return (
-    <HotToaster
-      toastOptions={{
-        style: {
-          borderRadius: '20px',
-          background: isDark ? '#333' : '#fff',
-          color: isDark ? '#fff' : '#333'
-        }
-      }}
-    />
-  )
-}
-
-export default Toaster

napcat.webui/src/components/under_construction.tsx

@@ -1,12 +0,0 @@
-export default function UnderConstruction() {
-  return (
-    <div className="flex flex-col items-center justify-center h-full pt-4">
-      <div className="flex flex-col items-center justify-center space-y-4">
-        <div className="text-6xl font-bold text-gray-500">🚧</div>
-        <div className="text-2xl font-bold text-gray-500">
-          Under Construction
-        </div>
-      </div>
-    </div>
-  )
-}

napcat.webui/src/config/site.tsx

@@ -1,112 +0,0 @@
-import {
-  BugIcon2,
-  FileIcon,
-  InfoIcon,
-  LogIcon,
-  RouteIcon,
-  SettingsIcon,
-  SignalTowerIcon,
-  TerminalIcon
-} from '@/components/icons'
-
-export type SiteConfig = typeof siteConfig
-export interface MenuItem {
-  label: string
-  icon?: React.ReactNode
-  autoOpen?: boolean
-  href?: string
-  items?: MenuItem[]
-  customIcon?: string
-}
-
-export const siteConfig = {
-  name: 'NapCat WebUI',
-  description: 'NapCat WebUI.',
-  navItems: [
-    {
-      label: '基础信息',
-      icon: (
-        <div className="w-5 h-5">
-          <RouteIcon />
-        </div>
-      ),
-      href: '/'
-    },
-    {
-      label: '网络配置',
-      icon: (
-        <div className="w-5 h-5">
-          <SignalTowerIcon />
-        </div>
-      ),
-      href: '/network'
-    },
-    {
-      label: '其他配置',
-      icon: (
-        <div className="w-5 h-5">
-          <SettingsIcon />
-        </div>
-      ),
-      href: '/config'
-    },
-    {
-      label: '猫猫日志',
-      icon: (
-        <div className="w-5 h-5">
-          <LogIcon />
-        </div>
-      ),
-      href: '/logs'
-    },
-    {
-      label: '接口调试',
-      icon: (
-        <div className="w-5 h-5">
-          <BugIcon2 />
-        </div>
-      ),
-      items: [
-        {
-          label: 'HTTP',
-          href: '/debug/http'
-        },
-        {
-          label: 'Websocket',
-          href: '/debug/ws'
-        }
-      ]
-    },
-    {
-      label: '文件管理',
-      icon: (
-        <div className="w-5 h-5">
-          <FileIcon />
-        </div>
-      ),
-      href: '/file_manager'
-    },
-    {
-      label: '系统终端',
-      icon: (
-        <div className="w-5 h-5">
-          <TerminalIcon />
-        </div>
-      ),
-      href: '/terminal'
-    },
-    {
-      label: '关于我们',
-      icon: (
-        <div className="w-5 h-5">
-          <InfoIcon />
-        </div>
-      ),
-      href: '/about'
-    }
-  ] as MenuItem[],
-  links: {
-    github: 'https://github.com/NapNeko/NapCatQQ',
-    docs: 'https://napcat.napneko.icu/'
-  }
-}

napcat.webui/src/const/themes.ts

@@ -1,6 +0,0 @@
-import heroui from './themes/heroui'
-import nc_pink from './themes/nc_pink'
-
-const themes: ThemeInfo[] = [nc_pink, heroui]
-
-export default themes

napcat.webui/src/contexts/songs.tsx

@@ -1,91 +0,0 @@
-// Songs Context
-import { useLocalStorage } from '@uidotdev/usehooks'
-import { createContext, useEffect, useState } from 'react'
-
-import { PlayMode } from '@/const/enum'
-import key from '@/const/key'
-
-import AudioPlayer from '@/components/audio_player'
-
-import { get163MusicListSongs, getNextMusic } from '@/utils/music'
-
-import type { FinalMusic } from '@/types/music'
-
-export interface MusicContextProps {
-  setListId: (id: string) => void
-  listId: string
-  onNext: () => void
-  onPrevious: () => void
-}
-
-export interface MusicProviderProps {
-  children: React.ReactNode
-}
-
-export const AudioContext = createContext<MusicContextProps>({
-  setListId: () => {},
-  listId: '5438670983',
-  onNext: () => {},
-  onPrevious: () => {}
-})
-
-const AudioProvider: React.FC<MusicProviderProps> = ({ children }) => {
-  const [listId, setListId] = useLocalStorage(key.musicID, '5438670983')
-  const [musicList, setMusicList] = useState<FinalMusic[]>([])
-  const [musicId, setMusicId] = useState<number>(0)
-  const [playMode, setPlayMode] = useState<PlayMode>(PlayMode.Loop)
-  const music = musicList.find((music) => music.id === musicId)
-  const [token] = useLocalStorage(key.token, '')
-  const onNext = () => {
-    const nextID = getNextMusic(musicList, musicId, playMode)
-    setMusicId(nextID)
-  }
-  const onPrevious = () => {
-    const index = musicList.findIndex((music) => music.id === musicId)
-    if (index === 0) {
-      setMusicId(musicList[musicList.length - 1].id)
-    } else {
-      setMusicId(musicList[index - 1].id)
-    }
-  }
-  const onPlayEnd = () => {
-    const nextID = getNextMusic(musicList, musicId, playMode)
-    setMusicId(nextID)
-  }
-  const changeMode = (mode: PlayMode) => {
-    setPlayMode(mode)
-  }
-  const fetchMusicList = async (id: string) => {
-    const res = await get163MusicListSongs(id)
-    setMusicList(res)
-    setMusicId(res[0].id)
-  }
-  useEffect(() => {
-    if (listId && token) fetchMusicList(listId)
-  }, [listId, token])
-  return (
-    <AudioContext.Provider
-      value={{
-        setListId,
-        listId,
-        onNext,
-        onPrevious
-      }}
-    >
-      <AudioPlayer
-        title={music?.title}
-        src={music?.url || ''}
-        artist={music?.artist}
-        cover={music?.cover}
-        mode={playMode}
-        pressNext={onNext}
-        pressPrevious={onPrevious}
-        onPlayEnd={onPlayEnd}
-        onChangeMode={changeMode}
-      />
-      {children}
-    </AudioContext.Provider>
-  )
-}
-
-export default AudioProvider

napcat.webui/src/controllers/file_manager.ts

@@ -1,221 +0,0 @@
-import toast from 'react-hot-toast'
-
-import { serverRequest } from '@/utils/request'
-
-export interface FileInfo {
-  name: string
-  isDirectory: boolean
-  size: number
-  mtime: Date
-}
-
-export default class FileManager {
-  public static async listFiles(path: string = '/') {
-    const { data } = await serverRequest.get<ServerResponse<FileInfo[]>>(
-      `/File/list?path=${encodeURIComponent(path)}`
-    )
-    return data.data
-  }
-
-  // 新增：按目录获取
-  public static async listDirectories(path: string = '/') {
-    const { data } = await serverRequest.get<ServerResponse<FileInfo[]>>(
-      `/File/list?path=${encodeURIComponent(path)}&onlyDirectory=true`
-    )
-    return data.data
-  }
-
-  public static async createDirectory(path: string): Promise<boolean> {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/mkdir',
-      { path }
-    )
-    return data.data
-  }
-
-  public static async delete(path: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/delete',
-      { path }
-    )
-    return data.data
-  }
-
-  public static async readFile(path: string) {
-    const { data } = await serverRequest.get<ServerResponse<string>>(
-      `/File/read?path=${encodeURIComponent(path)}`
-    )
-    return data.data
-  }
-
-  public static async writeFile(path: string, content: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/write',
-      { path, content }
-    )
-    return data.data
-  }
-
-  public static async createFile(path: string): Promise<boolean> {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/create',
-      { path }
-    )
-    return data.data
-  }
-
-  public static async batchDelete(paths: string[]) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/batchDelete',
-      { paths }
-    )
-    return data.data
-  }
-
-  public static async rename(oldPath: string, newPath: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/rename',
-      { oldPath, newPath }
-    )
-    return data.data
-  }
-
-  public static async move(sourcePath: string, targetPath: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/move',
-      { sourcePath, targetPath }
-    )
-    return data.data
-  }
-
-  public static async batchMove(
-    items: { sourcePath: string; targetPath: string }[]
-  ) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/batchMove',
-      { items }
-    )
-    return data.data
-  }
-
-  public static download(path: string) {
-    const downloadUrl = `/File/download?path=${encodeURIComponent(path)}`
-    toast
-      .promise(
-        serverRequest
-          .post(downloadUrl, void 0, {
-            responseType: 'blob'
-          })
-          .catch((e) => {
-            console.error(e)
-            throw new Error('下载失败')
-          }),
-        {
-          loading: '正在下载文件...',
-          success: '下载成功',
-          error: '下载失败'
-        }
-      )
-      .then((response) => {
-        const url = window.URL.createObjectURL(new Blob([response.data]))
-        const link = document.createElement('a')
-        link.href = url
-        let fileName = path.split('/').pop() || ''
-        if (path.split('.').length === 1) {
-          fileName += '.zip'
-        }
-        link.setAttribute('download', fileName)
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-      })
-      .catch((e) => {
-        console.error(e)
-      })
-  }
-
-  public static async batchDownload(paths: string[]) {
-    const downloadUrl = `/File/batchDownload`
-    toast
-      .promise(
-        serverRequest
-          .post(
-            downloadUrl,
-            { paths },
-            {
-              responseType: 'blob'
-            }
-          )
-          .catch((e) => {
-            console.error(e)
-            throw new Error('下载失败')
-          }),
-        {
-          loading: '正在下载文件...',
-          success: '下载成功',
-          error: '下载失败'
-        }
-      )
-      .then((response) => {
-        const url = window.URL.createObjectURL(new Blob([response.data]))
-        const link = document.createElement('a')
-        link.href = url
-        const fileName = 'files.zip'
-        link.setAttribute('download', fileName)
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-      })
-      .catch((e) => {
-        console.error(e)
-      })
-  }
-
-  public static async downloadToURL(path: string) {
-    const downloadUrl = `/File/download?path=${encodeURIComponent(path)}`
-    const response = await serverRequest.post(downloadUrl, void 0, {
-      responseType: 'blob'
-    })
-    return window.URL.createObjectURL(new Blob([response.data]))
-  }
-
-  public static async upload(path: string, files: File[]) {
-    const formData = new FormData()
-    files.forEach((file) => {
-      formData.append('files', file)
-    })
-
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      `/File/upload?path=${encodeURIComponent(path)}`,
-      formData,
-      {
-        headers: {
-          'Content-Type': 'multipart/form-data'
-        }
-      }
-    )
-    return data.data
-  }
-
-  public static async uploadWebUIFont(file: File) {
-    const formData = new FormData()
-    formData.append('file', file)
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/font/upload/webui',
-      formData,
-      {
-        headers: {
-          'Content-Type': 'multipart/form-data'
-        }
-      }
-    )
-    return data.data
-  }
-
-  public static async deleteWebUIFont() {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/File/font/delete/webui'
-    )
-    return data.data
-  }
-}

napcat.webui/src/controllers/terminal_manager.ts

@@ -1,133 +0,0 @@
-import { serverRequest } from '@/utils/request'
-
-type TerminalCallback = (data: string) => void
-
-interface TerminalConnection {
-  ws: WebSocket
-  callbacks: Set<TerminalCallback>
-  isConnected: boolean
-  buffer: string[] // 添加缓存数组
-}
-
-export interface TerminalSession {
-  id: string
-}
-
-export interface TerminalInfo {
-  id: string
-}
-
-class TerminalManager {
-  private connections: Map<string, TerminalConnection> = new Map()
-  private readonly MAX_BUFFER_SIZE = 1000 // 限制缓存大小
-
-  async createTerminal(cols: number, rows: number): Promise<TerminalSession> {
-    const { data } = await serverRequest.post<ServerResponse<TerminalSession>>(
-      '/Log/terminal/create',
-      { cols, rows }
-    )
-    return data.data
-  }
-
-  async closeTerminal(id: string): Promise<void> {
-    await serverRequest.post(`/Log/terminal/${id}/close`)
-  }
-
-  async getTerminalList(): Promise<TerminalInfo[]> {
-    const { data } =
-      await serverRequest.get<ServerResponse<TerminalInfo[]>>(
-        '/Log/terminal/list'
-      )
-    return data.data
-  }
-
-  connectTerminal(
-    id: string,
-    callback: TerminalCallback,
-    config?: {
-      cols?: number
-      rows?: number
-    }
-  ): WebSocket {
-    let conn = this.connections.get(id)
-    const { cols = 80, rows = 24 } = config || {}
-    if (!conn) {
-      const url = new URL(window.location.href)
-      url.protocol = url.protocol.replace('http', 'ws')
-      url.pathname = `/api/ws/terminal`
-      url.searchParams.set('id', id)
-      const token = JSON.parse(localStorage.getItem('token') || '')
-      if (!token) {
-        throw new Error('No token found')
-      }
-      url.searchParams.set('token', token)
-      const ws = new WebSocket(url.toString())
-      conn = {
-        ws,
-        callbacks: new Set([callback]),
-        isConnected: false,
-        buffer: [] // 初始化缓存
-      }
-
-      ws.onmessage = (event) => {
-        const data = event.data
-        // 保存到缓存
-        conn?.buffer.push(data)
-        if ((conn?.buffer.length ?? 0) > this.MAX_BUFFER_SIZE) {
-          conn?.buffer.shift()
-        }
-        conn?.callbacks.forEach((cb) => cb(data))
-      }
-
-      ws.onopen = () => {
-        if (conn) conn.isConnected = true
-        this.sendResize(id, cols, rows)
-      }
-
-      ws.onclose = () => {
-        if (conn) conn.isConnected = false
-      }
-
-      this.connections.set(id, conn)
-    } else {
-      conn.callbacks.add(callback)
-      // 恢复历史内容
-      conn.buffer.forEach((data) => callback(data))
-    }
-
-    return conn.ws
-  }
-
-  disconnectTerminal(id: string, callback: TerminalCallback) {
-    const conn = this.connections.get(id)
-    if (!conn) return
-
-    conn.callbacks.delete(callback)
-  }
-
-  removeTerminal(id: string) {
-    const conn = this.connections.get(id)
-    if (conn?.ws.readyState === WebSocket.OPEN) {
-      conn.ws.close()
-    }
-    this.connections.delete(id)
-  }
-
-  sendInput(id: string, data: string) {
-    const conn = this.connections.get(id)
-    if (conn?.ws.readyState === WebSocket.OPEN) {
-      conn.ws.send(JSON.stringify({ type: 'input', data }))
-    }
-  }
-
-  sendResize(id: string, cols: number, rows: number) {
-    const conn = this.connections.get(id)
-    if (conn?.ws.readyState === WebSocket.OPEN) {
-      conn.ws.send(JSON.stringify({ type: 'resize', cols, rows }))
-    }
-  }
-}
-
-const terminalManager = new TerminalManager()
-
-export default terminalManager

napcat.webui/src/controllers/webui_manager.ts

@@ -1,214 +0,0 @@
-import { EventSourcePolyfill } from 'event-source-polyfill'
-
-import { LogLevel } from '@/const/enum'
-
-import { serverRequest } from '@/utils/request'
-import CryptoJS from "crypto-js";
-export interface Log {
-  level: LogLevel
-  message: string
-}
-
-export default class WebUIManager {
-  public static async checkWebUiLogined() {
-    const { data } =
-      await serverRequest.post<ServerResponse<boolean>>('/auth/check')
-    return data.data
-  }
-
-  public static async loginWithToken(token: string) {
-    const sha256 = CryptoJS.SHA256(token + '.napcat').toString();
-    const { data } = await serverRequest.post<ServerResponse<AuthResponse>>(
-      '/auth/login',
-      { hash: sha256 }
-    )
-    return data.data.Credential
-  }
-
-  public static async changePassword(oldToken: string, newToken: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/auth/update_token',
-      { oldToken, newToken }
-    )
-    return data.data
-  }
-
-  public static async changePasswordFromDefault(newToken: string) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/auth/update_token',
-      { newToken, fromDefault: true }
-    )
-    return data.data
-  }
-
-  public static async checkUsingDefaultToken() {
-    const { data } = await serverRequest.get<ServerResponse<boolean>>(
-      '/auth/check_using_default_token'
-    )
-    return data.data
-  }
-
-  public static async proxy<T>(url = '') {
-    const data = await serverRequest.get<ServerResponse<string>>(
-      '/base/proxy?url=' + encodeURIComponent(url)
-    )
-    data.data.data = JSON.parse(data.data.data)
-    return data.data as ServerResponse<T>
-  }
-
-  public static async getPackageInfo() {
-    const { data } =
-      await serverRequest.get<ServerResponse<PackageInfo>>('/base/PackageInfo')
-    return data.data
-  }
-
-  public static async getQQVersion() {
-    const { data } =
-      await serverRequest.get<ServerResponse<string>>('/base/QQVersion')
-    return data.data
-  }
-
-  public static async getThemeConfig() {
-    const { data } =
-      await serverRequest.get<ServerResponse<ThemeConfig>>('/base/Theme')
-    return data.data
-  }
-
-  public static async setThemeConfig(theme: ThemeConfig) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/base/SetTheme',
-      { theme }
-    )
-    return data.data
-  }
-
-  public static async getLogList() {
-    const { data } =
-      await serverRequest.get<ServerResponse<string[]>>('/Log/GetLogList')
-    return data.data
-  }
-
-  public static async getLogContent(logName: string) {
-    const { data } = await serverRequest.get<ServerResponse<string>>(
-      `/Log/GetLog?id=${logName}`
-    )
-    return data.data
-  }
-
-  public static getRealTimeLogs(writer: (data: Log[]) => void) {
-    const token = localStorage.getItem('token')
-    if (!token) {
-      throw new Error('未登录')
-    }
-    const _token = JSON.parse(token)
-    const eventSource = new EventSourcePolyfill('/api/Log/GetLogRealTime', {
-      headers: {
-        Authorization: `Bearer ${_token}`,
-        Accept: 'text/event-stream'
-      },
-      withCredentials: true
-    })
-
-    eventSource.onmessage = (event) => {
-      try {
-        const data = JSON.parse(event.data)
-        data.message = data.message.replace(/\n/g, '\r\n')
-        writer([data])
-      } catch (error) {
-        console.error(error)
-      }
-    }
-
-    eventSource.onerror = (error) => {
-      console.error('SSE连接出错:', error)
-      eventSource.close()
-    }
-
-    return eventSource
-  }
-
-  public static getSystemStatus(writer: (data: SystemStatus) => void) {
-    const token = localStorage.getItem('token')
-    if (!token) {
-      throw new Error('未登录')
-    }
-    const _token = JSON.parse(token)
-    const eventSource = new EventSourcePolyfill(
-      '/api/base/GetSysStatusRealTime',
-      {
-        headers: {
-          Authorization: `Bearer ${_token}`,
-          Accept: 'text/event-stream'
-        },
-        withCredentials: true
-      }
-    )
-
-    eventSource.onmessage = (event) => {
-      try {
-        const data = JSON.parse(event.data) as SystemStatus
-        writer(data)
-      } catch (error) {
-        console.error(error)
-      }
-    }
-
-    eventSource.onerror = (error) => {
-      console.error('SSE连接出错:', error)
-      eventSource.close()
-    }
-
-    return eventSource
-  }
-
-  // 获取WebUI基础配置
-  public static async getWebUIConfig() {
-    const { data } = await serverRequest.get<ServerResponse<WebUIConfig>>(
-      '/WebUIConfig/GetConfig'
-    )
-    return data.data
-  }
-
-  // 更新WebUI基础配置
-  public static async updateWebUIConfig(config: Partial<WebUIConfig>) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/WebUIConfig/UpdateConfig',
-      config
-    )
-    return data.data
-  }
-
-  // 获取是否禁用WebUI
-  public static async getDisableWebUI() {
-    const { data } = await serverRequest.get<ServerResponse<boolean>>(
-      '/WebUIConfig/GetDisableWebUI'
-    )
-    return data.data
-  }
-
-  // 更新是否禁用WebUI
-  public static async updateDisableWebUI(disable: boolean) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/WebUIConfig/UpdateDisableWebUI',
-      { disable }
-    )
-    return data.data
-  }
-
-  // 获取是否禁用非局域网访问
-  public static async getDisableNonLANAccess() {
-    const { data } = await serverRequest.get<ServerResponse<boolean>>(
-      '/WebUIConfig/GetDisableNonLANAccess'
-    )
-    return data.data
-  }
-
-  // 更新是否禁用非局域网访问
-  public static async updateDisableNonLANAccess(disable: boolean) {
-    const { data } = await serverRequest.post<ServerResponse<boolean>>(
-      '/WebUIConfig/UpdateDisableNonLANAccess',
-      { disable }
-    )
-    return data.data
-  }
-}

napcat.webui/src/hooks/auth.ts

@@ -1,15 +0,0 @@
-import { useLocalStorage } from '@uidotdev/usehooks'
-
-import key from '@/const/key'
-
-const useAuth = () => {
-  const [token, setToken] = useLocalStorage<string>(key.token, '')
-
-  return {
-    token,
-    isAuth: !!token,
-    revokeAuth: () => setToken('')
-  }
-}
-
-export default useAuth

napcat.webui/src/hooks/use-config.ts

@@ -1,189 +0,0 @@
-import { updateConfig as storeUpdateConfig } from '@/store/modules/config'
-
-import { deepClone } from '@/utils/object'
-
-import QQManager from '@/controllers/qq_manager'
-
-import { useAppDispatch, useAppSelector } from './use-store'
-
-const useConfig = () => {
-  const config = useAppSelector((state) => state.config.value)
-  const dispatch = useAppDispatch()
-
-  const createNetworkConfig = async <T extends keyof OneBotConfig['network']>(
-    key: T,
-    value: OneBotConfig['network'][T][0]
-  ) => {
-    const allNetworkNames = Object.keys(config.network).reduce((acc, key) => {
-      const _key = key as keyof OneBotConfig['network']
-      return acc.concat(config.network[_key].map((item) => item.name))
-    }, [] as string[])
-
-    if (value.name && allNetworkNames.includes(value.name)) {
-      throw new Error('已经存在相同的配置项名')
-    }
-
-    const newConfig = deepClone(config)
-
-    ;(newConfig.network[key] as (typeof value)[]).push(value)
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const updateNetworkConfig = async <T extends keyof OneBotConfig['network']>(
-    key: T,
-    value: OneBotConfig['network'][T][0]
-  ) => {
-    const newConfig = deepClone(config)
-    const name = value.name
-    const index = newConfig.network[key].findIndex((item) => item.name === name)
-
-    if (index === -1) {
-      throw new Error('找不到对应的配置项')
-    }
-
-    newConfig.network[key][index] = value
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const deleteNetworkConfig = async <T extends keyof OneBotConfig['network']>(
-    key: T,
-    name: string
-  ) => {
-    const newConfig = deepClone(config)
-    const index = newConfig.network[key].findIndex((item) => item.name === name)
-
-    if (index === -1) {
-      throw new Error('找不到对应的配置项')
-    }
-
-    newConfig.network[key].splice(index, 1)
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const enableNetworkConfig = async <T extends keyof OneBotConfig['network']>(
-    key: T,
-    name: string
-  ) => {
-    const newConfig = deepClone(config)
-    const index = newConfig.network[key].findIndex((item) => item.name === name)
-
-    if (index === -1) {
-      throw new Error('找不到对应的配置项')
-    }
-
-    newConfig.network[key][index].enable = !newConfig.network[key][index].enable
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const enableDebugNetworkConfig = async <
-    T extends keyof OneBotConfig['network']
-  >(
-    key: T,
-    name: string
-  ) => {
-    const newConfig = deepClone(config)
-    const index = newConfig.network[key].findIndex((item) => item.name === name)
-
-    if (index === -1) {
-      throw new Error('找不到对应的配置项')
-    }
-
-    newConfig.network[key][index].debug = !newConfig.network[key][index].debug
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const updateSingleConfig = async <T extends keyof OneBotConfig>(
-    key: T,
-    value: OneBotConfig[T]
-  ) => {
-    const newConfig = deepClone(config)
-
-    newConfig[key] = value
-
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const updateConfig = async (newConfig: OneBotConfig) => {
-    await QQManager.setOB11Config(newConfig)
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const refreshConfig = async () => {
-    const newConfig = await QQManager.getOB11Config()
-
-    if (JSON.stringify(newConfig) === JSON.stringify(config)) {
-      return config
-    }
-
-    dispatch(storeUpdateConfig(newConfig))
-
-    return newConfig
-  }
-
-  const mergeConfig = async (newConfig: OneBotConfig) => {
-    const mergedConfig = deepClone(config)
-
-    Object.assign(mergedConfig, newConfig)
-
-    await QQManager.setOB11Config(mergedConfig)
-
-    dispatch(storeUpdateConfig(mergedConfig))
-
-    return mergedConfig
-  }
-
-  const saveConfigWithoutNetwork = async (newConfig: OneBotConfig) => {
-    newConfig.network = config.network
-    await QQManager.setOB11Config(newConfig)
-    dispatch(storeUpdateConfig(newConfig))
-    return newConfig
-  }
-
-  return {
-    config,
-    createNetworkConfig,
-    refreshConfig,
-    updateConfig,
-    updateSingleConfig,
-    updateNetworkConfig,
-    deleteNetworkConfig,
-    enableNetworkConfig,
-    enableDebugNetworkConfig,
-    mergeConfig,
-    saveConfigWithoutNetwork
-  }
-}
-
-export default useConfig

napcat.webui/src/hooks/use-dialog.ts

@@ -1,11 +0,0 @@
-import React from 'react'
-
-import { DialogContext } from '@/contexts/dialog'
-
-const useDialog = () => {
-  const dialog = React.useContext(DialogContext)
-
-  return dialog
-}
-
-export default useDialog

napcat.webui/src/hooks/use-music.ts

@@ -1,11 +0,0 @@
-import React from 'react'
-
-import { AudioContext } from '@/contexts/songs'
-
-const useMusic = () => {
-  const music = React.useContext(AudioContext)
-
-  return music
-}
-
-export default useMusic

napcat.webui/src/hooks/use-preload-images.ts

@@ -1,69 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-
-// 全局图片缓存
-const imageCache = new Map<string, HTMLImageElement>()
-
-export function usePreloadImages(urls: string[]) {
-  const [loadedUrls, setLoadedUrls] = useState<Record<string, boolean>>({})
-  const [isLoading, setIsLoading] = useState(true)
-  const isMounted = useRef(true)
-
-  useEffect(() => {
-    isMounted.current = true
-
-    // 检查是否所有图片都已缓存
-    const allCached = urls.every((url) => imageCache.has(url))
-    if (allCached) {
-      setLoadedUrls(urls.reduce((acc, url) => ({ ...acc, [url]: true }), {}))
-      setIsLoading(false)
-      return
-    }
-
-    setIsLoading(true)
-    const loadedImages: Record<string, boolean> = {}
-    let pendingCount = urls.length
-
-    urls.forEach((url) => {
-      // 如果已经缓存，直接标记为已加载
-      if (imageCache.has(url)) {
-        loadedImages[url] = true
-        pendingCount--
-        if (pendingCount === 0) {
-          setLoadedUrls(loadedImages)
-          setIsLoading(false)
-        }
-        return
-      }
-
-      const img = new Image()
-      img.onload = () => {
-        if (!isMounted.current) return
-        loadedImages[url] = true
-        imageCache.set(url, img)
-        pendingCount--
-
-        if (pendingCount === 0) {
-          setLoadedUrls(loadedImages)
-          setIsLoading(false)
-        }
-      }
-      img.onerror = () => {
-        if (!isMounted.current) return
-        loadedImages[url] = false
-        pendingCount--
-
-        if (pendingCount === 0) {
-          setLoadedUrls(loadedImages)
-          setIsLoading(false)
-        }
-      }
-      img.src = url
-    })
-
-    return () => {
-      isMounted.current = false
-    }
-  }, [urls])
-
-  return { loadedUrls, isLoading }
-}

napcat.webui/src/hooks/use-theme.ts

@@ -1,42 +0,0 @@
-// originally written by @imoaazahmed
-import { useLocalStorage } from '@uidotdev/usehooks'
-import { useEffect, useMemo } from 'react'
-
-const ThemeProps = {
-  key: 'theme',
-  light: 'light',
-  dark: 'dark'
-} as const
-
-type Theme = typeof ThemeProps.light | typeof ThemeProps.dark
-
-export const useTheme = (defaultTheme?: Theme) => {
-  const [theme, setTheme] = useLocalStorage<Theme>(ThemeProps.key, defaultTheme)
-
-  const isDark = useMemo(() => {
-    return theme === ThemeProps.dark
-  }, [theme])
-
-  const isLight = useMemo(() => {
-    return theme === ThemeProps.light
-  }, [theme])
-
-  const _setTheme = (theme: Theme) => {
-    setTheme(theme)
-    document.documentElement.classList.remove(ThemeProps.light, ThemeProps.dark)
-    document.documentElement.classList.add(theme)
-  }
-
-  const setLightTheme = () => _setTheme(ThemeProps.light)
-
-  const setDarkTheme = () => _setTheme(ThemeProps.dark)
-
-  const toggleTheme = () =>
-    theme === ThemeProps.dark ? setLightTheme() : setDarkTheme()
-
-  useEffect(() => {
-    _setTheme(theme)
-  })
-
-  return { theme, isDark, isLight, setLightTheme, setDarkTheme, toggleTheme }
-}

napcat.webui/src/hooks/use-websocket-debug.ts

@@ -1,67 +0,0 @@
-import type { Selection } from '@react-types/shared'
-import { useReactive } from 'ahooks'
-import { useCallback, useState } from 'react'
-import toast from 'react-hot-toast'
-import useWebSocket from 'react-use-websocket'
-import { ReadyState } from 'react-use-websocket'
-
-import { renderFilterMessageType } from '@/components/onebot/filter_message_type'
-
-import { isOB11Event, isOB11RequestResponse } from '@/utils/onebot'
-
-import type { AllOB11WsResponse } from '@/types/onebot'
-
-export { ReadyState } from 'react-use-websocket'
-export function useWebSocketDebug(url: string, token: string) {
-  const messageHistory = useReactive<AllOB11WsResponse[]>([])
-  const [filterTypes, setFilterTypes] = useState<Selection>('all')
-
-  const filteredMessages = messageHistory.filter((msg) => {
-    if (filterTypes === 'all' || filterTypes.size === 0) return true
-    if (isOB11Event(msg)) return filterTypes.has(msg.post_type)
-    if (isOB11RequestResponse(msg)) return filterTypes.has('request')
-  })
-
-  const { sendMessage, readyState } = useWebSocket(url, {
-    onMessage: useCallback((event: WebSocketEventMap['message']) => {
-      try {
-        const data = JSON.parse(event.data)
-        messageHistory.unshift(data)
-      } catch (error) {
-        toast.error('WebSocket 消息解析失败')
-      }
-    }, []),
-    queryParams: {
-      access_token: token
-    },
-    onError: (event) => {
-      toast.error('WebSocket 连接失败')
-      console.error('WebSocket error:', event)
-    },
-    onOpen: () => {
-      messageHistory.splice(0, messageHistory.length)
-    }
-  })
-
-  const _sendMessage = (msg: string) => {
-    if (readyState !== ReadyState.OPEN) {
-      throw new Error('WebSocket 连接未建立')
-    }
-    sendMessage(msg)
-  }
-
-  const FilterMessagesType = renderFilterMessageType(
-    filterTypes,
-    setFilterTypes
-  )
-
-  return {
-    sendMessage: _sendMessage,
-    readyState,
-    messageHistory,
-    filteredMessages,
-    filterTypes,
-    setFilterTypes,
-    FilterMessagesType
-  }
-}

napcat.webui/src/hooks/use_custom_quill.ts

@@ -1,31 +0,0 @@
-import Quill from 'quill'
-import 'quill/dist/quill.core.css'
-import { useEffect, useRef, useState } from 'react'
-
-interface UseCustomQuillProps {
-  modules: Record<string, unknown>
-  formats: string[]
-  placeholder: string
-}
-
-export const useCustomQuill = ({
-  modules,
-  formats,
-  placeholder
-}: UseCustomQuillProps) => {
-  const quillRef = useRef<HTMLDivElement | null>(null)
-  const [quill, setQuill] = useState<Quill | null>(null)
-
-  useEffect(() => {
-    if (quillRef.current) {
-      const quillInstance = new Quill(quillRef.current, {
-        modules,
-        formats,
-        placeholder
-      })
-      setQuill(quillInstance)
-    }
-  }, [])
-
-  return { quillRef, quill, Quill }
-}

napcat.webui/src/hooks/use_show_strcuted_message.tsx

@@ -1,25 +0,0 @@
-import { createElement } from 'react'
-
-import ShowStructedMessage from '@/components/chat_input/components/show_structed_message'
-
-import { OB11Segment } from '@/types/onebot'
-
-import useDialog from './use-dialog'
-
-const useShowStructuredMessage = () => {
-  const dialog = useDialog()
-
-  const showStructuredMessage = (messages: OB11Segment[]) => {
-    dialog.alert({
-      title: '消息内容',
-      size: '3xl',
-      content: createElement(ShowStructedMessage, {
-        messages: messages
-      })
-    })
-  }
-
-  return showStructuredMessage
-}
-
-export default useShowStructuredMessage

napcat.webui/src/layouts/default.tsx

@@ -1,153 +0,0 @@
-import { BreadcrumbItem, Breadcrumbs } from '@heroui/breadcrumbs'
-import { Button } from '@heroui/button'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import clsx from 'clsx'
-import { AnimatePresence, motion } from 'motion/react'
-import { useEffect, useMemo, useRef } from 'react'
-import { ErrorBoundary } from 'react-error-boundary'
-import { MdMenu, MdMenuOpen } from 'react-icons/md'
-import { useLocation, useNavigate } from 'react-router-dom'
-
-import key from '@/const/key'
-
-import errorFallbackRender from '@/components/error_fallback'
-// import PageLoading from "@/components/Loading/PageLoading";
-import SideBar from '@/components/sidebar'
-
-import useAuth from '@/hooks/auth'
-
-import type { MenuItem } from '@/config/site'
-import { siteConfig } from '@/config/site'
-import QQManager from '@/controllers/qq_manager'
-
-const menus: MenuItem[] = siteConfig.navItems
-
-const findTitle = (menus: MenuItem[], pathname: string): string[] => {
-  const paths: string[] = []
-
-  if (pathname) {
-    for (const item of menus) {
-      if (item.href === pathname) {
-        paths.push(item.label)
-      } else if (item.items) {
-        const title = findTitle(item.items, pathname)
-
-        if (title.length > 0) {
-          paths.push(item.label)
-          paths.push(...title)
-        }
-      }
-    }
-  }
-
-  return paths
-}
-const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const location = useLocation()
-  const contentRef = useRef<HTMLDivElement>(null)
-  const [openSideBar, setOpenSideBar] = useLocalStorage(key.sideBarOpen, true)
-  const [b64img] = useLocalStorage(key.backgroundImage, '')
-  const navigate = useNavigate()
-  const { isAuth } = useAuth()
-  const checkIsQQLogin = async () => {
-    try {
-      const result = await QQManager.checkQQLoginStatus()
-      if (!result.isLogin) {
-        if (isAuth) {
-          navigate('/qq_login', { replace: true })
-        } else {
-          navigate('/web_login', { replace: true })
-        }
-      }
-    } catch (error) {
-      navigate('/web_login', { replace: true })
-    }
-  }
-  useEffect(() => {
-    contentRef?.current?.scrollTo?.({
-      top: 0,
-      behavior: 'smooth'
-    })
-  }, [location.pathname])
-  useEffect(() => {
-    if (isAuth) {
-      checkIsQQLogin()
-    }
-  }, [isAuth])
-  const title = useMemo(() => {
-    return findTitle(menus, location.pathname)
-  }, [location.pathname])
-  return (
-    <div
-      className="h-screen relative flex bg-primary-50 dark:bg-black items-stretch"
-      style={{
-        backgroundImage: `url(${b64img})`,
-        backgroundSize: 'cover'
-      }}
-    >
-      <SideBar items={menus} open={openSideBar} />
-      <div
-        ref={contentRef}
-        className={clsx(
-          'overflow-y-auto flex-1 rounded-md m-1 bg-content1 pb-10 md:pb-0',
-          openSideBar ? 'ml-0' : 'ml-1',
-          !b64img && 'shadow-inner',
-          b64img && '!bg-opacity-50 backdrop-blur-none dark:bg-background',
-          'overflow-x-hidden'
-        )}
-      >
-        <div
-          className={clsx(
-            'h-10 flex items-center font-bold text-xl backdrop-blur-lg rounded-full',
-            'dark:bg-background dark:shadow-primary-100',
-            'bg-background !bg-opacity-50',
-            'shadow-sm shadow-primary-50',
-            'z-30 m-2 mb-0 sticky top-2 left-0'
-          )}
-        >
-          <motion.div
-            className={clsx(
-              'mr-1 ease-in-out ml-0 md:relative',
-              openSideBar && 'pl-2 absolute',
-              'md:!ml-0 md:pl-0'
-            )}
-            transition={{ type: 'spring', stiffness: 150, damping: 15 }}
-            initial={{ marginLeft: 0 }}
-            animate={{ marginLeft: openSideBar ? '15rem' : 0 }}
-          >
-            <Button
-              isIconOnly
-              radius="full"
-              variant="light"
-              onPress={() => setOpenSideBar(!openSideBar)}
-            >
-              {openSideBar ? <MdMenuOpen size={24} /> : <MdMenu size={24} />}
-            </Button>
-          </motion.div>
-          <Breadcrumbs isDisabled size="lg">
-            {title?.map((item, index) => (
-              <BreadcrumbItem key={index}>
-                <AnimatePresence mode="wait">
-                  <motion.div
-                    key={item}
-                    initial={{ opacity: 0, y: -10 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    exit={{ opacity: 0, y: 10 }}
-                    transition={{ duration: 0.3 }}
-                  >
-                    {item}
-                  </motion.div>
-                </AnimatePresence>
-              </BreadcrumbItem>
-            ))}
-          </Breadcrumbs>
-        </div>
-        <ErrorBoundary fallbackRender={errorFallbackRender}>
-          {children}
-        </ErrorBoundary>
-      </div>
-    </div>
-  )
-}
-
-export default Layout

napcat.webui/src/layouts/pure.tsx

@@ -1,25 +0,0 @@
-import { Link } from '@heroui/link'
-import { Tooltip } from '@heroui/tooltip'
-
-import { GithubIcon } from '@/components/icons'
-
-export default function PureLayout({
-  children
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <div className="relative flex flex-col h-screen">
-      <div className="absolute right-0 top-0 p-2">
-        <Tooltip content="查看WebUI源码" placement="left" showArrow>
-          <Link isExternal href="https://github.com/bietiaop/NextNapCatWebUI">
-            <GithubIcon className="text-default-900 hover:text-default-600 w-10 h-10 hover:drop-shadow-lg transition-all" />
-          </Link>
-        </Tooltip>
-      </div>
-      <main className="flex-grow w-full flex flex-col justify-center items-center">
-        {children}
-      </main>
-    </div>
-  )
-}

napcat.webui/src/main.tsx

@@ -1,36 +0,0 @@
-import ReactDOM from 'react-dom/client'
-import 'react-photo-view/dist/react-photo-view.css'
-import { BrowserRouter } from 'react-router-dom'
-
-import App from '@/App.tsx'
-import { Provider } from '@/provider.tsx'
-import '@/styles/globals.css'
-
-import key from './const/key'
-import WebUIManager from './controllers/webui_manager'
-import { loadTheme } from './utils/theme'
-
-WebUIManager.checkWebUiLogined()
-
-const token = localStorage.getItem(key.token)
-const theme = localStorage.getItem(key.theme)
-
-// 兼容 useLocalStorage
-if (token && !token.startsWith('"')) {
-  localStorage.setItem(key.token, JSON.stringify(token))
-}
-if (theme && !theme.startsWith('"')) {
-  localStorage.setItem(key.theme, JSON.stringify(theme))
-}
-
-loadTheme()
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  // <React.StrictMode>
-  <BrowserRouter basename="/webui/">
-    <Provider>
-      <App />
-    </Provider>
-  </BrowserRouter>
-  // </React.StrictMode>
-)

napcat.webui/src/pages/dashboard/about.tsx

@@ -1,200 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import { Image } from '@heroui/image'
-import { Link } from '@heroui/link'
-import { Skeleton } from '@heroui/skeleton'
-import { Spinner } from '@heroui/spinner'
-import { useRequest } from 'ahooks'
-import { useMemo } from 'react'
-import { BsTelegram, BsTencentQq } from 'react-icons/bs'
-import { IoDocument } from 'react-icons/io5'
-
-import HoverTiltedCard from '@/components/hover_titled_card'
-import NapCatRepoInfo from '@/components/napcat_repo_info'
-import RotatingText from '@/components/rotating_text'
-
-import { usePreloadImages } from '@/hooks/use-preload-images'
-import { useTheme } from '@/hooks/use-theme'
-
-import logo from '@/assets/images/logo.png'
-import WebUIManager from '@/controllers/webui_manager'
-
-function VersionInfo() {
-  const { data, loading, error } = useRequest(WebUIManager.getPackageInfo)
-  return (
-    <div className="flex items-center gap-2 text-2xl font-bold">
-      <div className="flex items-center gap-2">
-        <div className="text-primary-500 drop-shadow-md">NapCat</div>
-        {error ? (
-          error.message
-        ) : loading ? (
-          <Spinner size="sm" />
-        ) : (
-          <RotatingText
-            texts={['WebUI', data?.version ?? '']}
-            mainClassName="overflow-hidden flex items-center bg-primary-500 px-2 rounded-lg text-default-50 shadow-md"
-            staggerFrom={'last'}
-            initial={{ y: '100%' }}
-            animate={{ y: 0 }}
-            exit={{ y: '-120%' }}
-            staggerDuration={0.025}
-            splitLevelClassName="overflow-hidden"
-            transition={{ type: 'spring', damping: 30, stiffness: 400 }}
-            rotationInterval={2000}
-          />
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default function AboutPage() {
-  const { isDark } = useTheme()
-
-  const imageUrls = useMemo(
-    () => [
-      'https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=777721566&limit=30&image_size=auto&color_scheme=light',
-      'https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=777721566&limit=30&image_size=auto&color_scheme=dark',
-      'https://next.ossinsight.io/widgets/official/compose-activity-trends/thumbnail.png?repo_id=41986369&image_size=auto&color_scheme=light',
-      'https://next.ossinsight.io/widgets/official/compose-activity-trends/thumbnail.png?repo_id=41986369&image_size=auto&color_scheme=dark'
-    ],
-    []
-  )
-
-  const { loadedUrls, isLoading } = usePreloadImages(imageUrls)
-
-  const getImageUrl = useMemo(
-    () => (baseUrl: string) => {
-      const theme = isDark ? 'dark' : 'light'
-      const fullUrl = baseUrl.replace(
-        /color_scheme=(?:light|dark)/,
-        `color_scheme=${theme}`
-      )
-      return isLoading ? null : loadedUrls[fullUrl] ? fullUrl : null
-    },
-    [isDark, isLoading, loadedUrls]
-  )
-
-  const renderImage = useMemo(
-    () => (baseUrl: string, alt: string) => {
-      const imageUrl = getImageUrl(baseUrl)
-
-      if (!imageUrl) {
-        return <Skeleton className="h-16 rounded-lg" />
-      }
-
-      return (
-        <Image
-          className="flex-1 pointer-events-none select-none rounded-none"
-          src={imageUrl}
-          alt={alt}
-        />
-      )
-    },
-    [getImageUrl]
-  )
-
-  return (
-    <>
-      <title>关于 NapCat WebUI</title>
-      <section className="max-w-7xl py-8 md:py-10 px-5 mx-auto space-y-10">
-        <div className="w-full flex flex-col md:flex-row gap-4">
-          <div className="flex flex-col md:flex-row items-center">
-            <HoverTiltedCard imageSrc={logo} overlayContent="" />
-          </div>
-          <div className="flex-1 flex flex-col gap-2 py-2">
-            <VersionInfo />
-            <div className="space-y-1">
-              <p className="font-bold text-primary-400">NapCat 是什么?</p>
-              <p className="text-default-800">
-                基于TypeScript构建的Bot框架,通过相应的启动器或者框架,主动调用QQ
-                Node模块提供给客户端的接口,实现Bot的功能.
-              </p>
-              <p className="font-bold text-primary-400">魔法版介绍</p>
-              <p className="text-default-800">
-                猫猫框架通过魔法的手段获得了 QQ 的发送消息、接收消息等接口。
-                为了方便使用，猫猫框架将通过一种名为 OneBot 的约定将你的 HTTP /
-                WebSocket 请求按照规范读取，
-                再去调用猫猫框架所获得的QQ发送接口之类的接口。
-              </p>
-            </div>
-          </div>
-        </div>
-        <div className="flex flex-row gap-2 flex-wrap justify-around">
-          <Card
-            as={Link}
-            shadow="sm"
-            isPressable
-            isExternal
-            href="https://qm.qq.com/q/F9cgs1N3Mc"
-          >
-            <CardBody className="flex-row items-center gap-2">
-              <span className="p-2 rounded-small bg-primary-50 text-primary-500">
-                <BsTencentQq size={16} />
-              </span>
-              <span>官方社群1</span>
-            </CardBody>
-          </Card>
-
-          <Card
-            as={Link}
-            shadow="sm"
-            isPressable
-            isExternal
-            href="https://qm.qq.com/q/hSt0u9PVn"
-          >
-            <CardBody className="flex-row items-center gap-2">
-              <span className="p-2 rounded-small bg-primary-50 text-primary-500">
-                <BsTencentQq size={16} />
-              </span>
-              <span>官方社群2</span>
-            </CardBody>
-          </Card>
-
-          <Card
-            as={Link}
-            shadow="sm"
-            isPressable
-            isExternal
-            href="https://t.me/napcatqq"
-          >
-            <CardBody className="flex-row items-center gap-2">
-              <span className="p-2 rounded-small bg-primary-50 text-primary-500">
-                <BsTelegram size={16} />
-              </span>
-              <span>Telegram</span>
-            </CardBody>
-          </Card>
-
-          <Card
-            as={Link}
-            shadow="sm"
-            isPressable
-            isExternal
-            href="https://napcat.napneko.icu/"
-          >
-            <CardBody className="flex-row items-center gap-2">
-              <span className="p-2 rounded-small bg-primary-50 text-primary-500">
-                <IoDocument size={16} />
-              </span>
-              <span>使用文档</span>
-            </CardBody>
-          </Card>
-        </div>
-        <div className="flex flex-col md:flex-row md:items-start gap-4">
-          <div className="w-full flex flex-col gap-4">
-            {renderImage(
-              'https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=777721566&limit=30&image_size=auto&color_scheme=light',
-              'Contributors'
-            )}
-            {renderImage(
-              'https://next.ossinsight.io/widgets/official/compose-activity-trends/thumbnail.png?repo_id=41986369&image_size=auto&color_scheme=light',
-              'Activity Trends'
-            )}
-          </div>
-
-          <NapCatRepoInfo />
-        </div>
-      </section>
-    </>
-  )
-}

napcat.webui/src/pages/dashboard/config/change_password.tsx

@@ -1,132 +0,0 @@
-import { Input } from '@heroui/input'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import { useEffect, useState } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import toast from 'react-hot-toast'
-import { useNavigate } from 'react-router-dom'
-
-import key from '@/const/key'
-
-import SaveButtons from '@/components/button/save_buttons'
-
-import WebUIManager from '@/controllers/webui_manager'
-
-const ChangePasswordCard = () => {
-  const [isDefaultToken, setIsDefaultToken] = useState<boolean>(false)
-  const [isLoadingCheck, setIsLoadingCheck] = useState<boolean>(true)
-
-  const {
-    control,
-    handleSubmit: handleWebuiSubmit,
-    formState: { isSubmitting },
-    reset
-  } = useForm<{
-    oldToken: string
-    newToken: string
-  }>({
-    defaultValues: {
-      oldToken: '',
-      newToken: ''
-    }
-  })
-
-  const navigate = useNavigate()
-  const [_, setToken] = useLocalStorage(key.token, '')
-
-  // 检查是否使用默认密码
-  useEffect(() => {
-    const checkDefaultToken = async () => {
-      try {
-        const isDefault = await WebUIManager.checkUsingDefaultToken()
-        setIsDefaultToken(isDefault)
-      } catch (error) {
-        console.error('检查默认密码状态失败:', error)
-      } finally {
-        setIsLoadingCheck(false)
-      }
-    }
-
-    checkDefaultToken()
-  }, [])
-
-  const onSubmit = handleWebuiSubmit(async (data) => {
-    try {
-      if (isDefaultToken) {
-        // 从默认密码更新
-        await WebUIManager.changePasswordFromDefault(data.newToken)
-      } else {
-        // 正常密码更新
-        await WebUIManager.changePassword(data.oldToken, data.newToken)
-      }
-
-      toast.success('修改成功')
-      setToken('')
-      localStorage.removeItem(key.token)
-      navigate('/web_login')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`修改失败: ${msg}`)
-    }
-  })
-
-  if (isLoadingCheck) {
-    return (
-      <>
-        <title>修改密码 - NapCat WebUI</title>
-        <div className="flex justify-center items-center h-32">
-          <div className="text-center">加载中...</div>
-        </div>
-      </>
-    )
-  }
-
-  return (
-    <>
-      <title>修改密码 - NapCat WebUI</title>
-
-      {isDefaultToken && (
-        <div className="mb-4 p-3 bg-warning-50 border border-warning-200 rounded-lg">
-          <p className="text-warning-700 text-sm">
-            检测到您正在使用默认密码，为了安全起见，请立即设置新密码。
-          </p>
-        </div>
-      )}
-
-      {!isDefaultToken && (
-        <Controller
-          control={control}
-          name="oldToken"
-          render={({ field }) => (
-            <Input
-              {...field}
-              label="旧密码"
-              placeholder="请输入旧密码"
-              type="password"
-            />
-          )}
-        />
-      )}
-
-      <Controller
-        control={control}
-        name="newToken"
-        render={({ field }) => (
-          <Input
-            {...field}
-            label={isDefaultToken ? "设置新密码" : "新密码"}
-            placeholder={isDefaultToken ? "请设置一个安全的新密码" : "请输入新密码"}
-            type="password"
-          />
-        )}
-      />
-
-      <SaveButtons
-        onSubmit={onSubmit}
-        reset={reset}
-        isSubmitting={isSubmitting}
-      />
-    </>
-  )
-}
-
-export default ChangePasswordCard

napcat.webui/src/pages/dashboard/config/index.tsx

@@ -1,100 +0,0 @@
-import { Card, CardBody } from '@heroui/card'
-import { Tab, Tabs } from '@heroui/tabs'
-import clsx from 'clsx'
-import { useMediaQuery } from 'react-responsive'
-import { useNavigate, useSearchParams } from 'react-router-dom'
-
-import ChangePasswordCard from './change_password'
-import LoginConfigCard from './login'
-import OneBotConfigCard from './onebot'
-import ServerConfigCard from './server'
-import ThemeConfigCard from './theme'
-import WebUIConfigCard from './webui'
-
-export interface ConfigPageProps {
-  children?: React.ReactNode
-  size?: 'sm' | 'md' | 'lg'
-}
-
-const ConfingPageItem: React.FC<ConfigPageProps> = ({
-  children,
-  size = 'md'
-}) => {
-  return (
-    <Card className="bg-opacity-50 backdrop-blur-sm">
-      <CardBody className="items-center py-5">
-        <div
-          className={clsx('max-w-full flex flex-col gap-2', {
-            'w-72': size === 'sm',
-            'w-96': size === 'md',
-            'w-[32rem]': size === 'lg'
-          })}
-        >
-          {children}
-        </div>
-      </CardBody>
-    </Card>
-  )
-}
-
-export default function ConfigPage() {
-  const isMediumUp = useMediaQuery({ minWidth: 768 })
-  const navigate = useNavigate()
-  const search = useSearchParams({
-    tab: 'onebot'
-  })[0]
-  const tab = search.get('tab') ?? 'onebot'
-
-  return (
-    <section className="w-[1000px] max-w-full md:mx-auto gap-4 py-8 px-2 md:py-10">
-      <Tabs
-        aria-label="config tab"
-        fullWidth
-        className="w-full"
-        isVertical={isMediumUp}
-        selectedKey={tab}
-        onSelectionChange={(key) => {
-          navigate(`/config?tab=${key}`)
-        }}
-        classNames={{
-          tabList: 'sticky flex top-14 bg-opacity-50 backdrop-blur-sm',
-          panel: 'w-full relative',
-          base: 'md:!w-auto flex-grow-0 flex-shrink-0 mr-0',
-          cursor: 'bg-opacity-60 backdrop-blur-sm'
-        }}
-      >
-        <Tab title="OneBot配置" key="onebot">
-          <ConfingPageItem>
-            <OneBotConfigCard />
-          </ConfingPageItem>
-        </Tab>
-        <Tab title="服务器配置" key="server">
-          <ConfingPageItem>
-            <ServerConfigCard />
-          </ConfingPageItem>
-        </Tab>
-        <Tab title="WebUI配置" key="webui">
-          <ConfingPageItem>
-            <WebUIConfigCard />
-          </ConfingPageItem>
-        </Tab>
-        <Tab title="登录配置" key="login">
-          <ConfingPageItem>
-            <LoginConfigCard />
-          </ConfingPageItem>
-        </Tab>
-        <Tab title="修改密码" key="token">
-          <ConfingPageItem>
-            <ChangePasswordCard />
-          </ConfingPageItem>
-        </Tab>
-
-        <Tab title="主题配置" key="theme">
-          <ConfingPageItem size="lg">
-            <ThemeConfigCard />
-          </ConfingPageItem>
-        </Tab>
-      </Tabs>
-    </section>
-  )
-}

napcat.webui/src/pages/dashboard/config/login.tsx

@@ -1,89 +0,0 @@
-import { Input } from '@heroui/input'
-import { useRequest } from 'ahooks'
-import { useEffect } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import toast from 'react-hot-toast'
-
-import SaveButtons from '@/components/button/save_buttons'
-import PageLoading from '@/components/page_loading'
-
-import QQManager from '@/controllers/qq_manager'
-
-const LoginConfigCard = () => {
-  const {
-    data: quickLoginData,
-    loading: quickLoginLoading,
-    error: quickLoginError,
-    refreshAsync: refreshQuickLogin
-  } = useRequest(QQManager.getQuickLoginQQ)
-  const {
-    control,
-    handleSubmit: handleOnebotSubmit,
-    formState: { isSubmitting },
-    setValue: setOnebotValue
-  } = useForm<{
-    quickLoginQQ: string
-  }>({
-    defaultValues: {
-      quickLoginQQ: ''
-    }
-  })
-
-  const reset = () => {
-    setOnebotValue('quickLoginQQ', quickLoginData ?? '')
-  }
-
-  const onSubmit = handleOnebotSubmit(async (data) => {
-    try {
-      await QQManager.setQuickLoginQQ(data.quickLoginQQ)
-      toast.success('保存成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`保存失败: ${msg}`)
-    }
-  })
-
-  const onRefresh = async () => {
-    try {
-      await refreshQuickLogin()
-      toast.success('刷新成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`刷新失败: ${msg}`)
-    }
-  }
-
-  useEffect(() => {
-    reset()
-  }, [quickLoginData])
-
-  if (quickLoginLoading) return <PageLoading loading={true} />
-
-  return (
-    <>
-      <title>OneBot配置 - NapCat WebUI</title>
-      <div className="flex-shrink-0 w-full">快速登录QQ</div>
-      <Controller
-        control={control}
-        name="quickLoginQQ"
-        render={({ field }) => (
-          <Input
-            {...field}
-            label="快速登录QQ"
-            placeholder="请输入QQ号"
-            isDisabled={!!quickLoginError}
-            errorMessage={quickLoginError ? '获取快速登录QQ失败' : undefined}
-          />
-        )}
-      />
-      <SaveButtons
-        onSubmit={onSubmit}
-        reset={reset}
-        isSubmitting={isSubmitting || quickLoginLoading}
-        refresh={onRefresh}
-      />
-    </>
-  )
-}
-
-export default LoginConfigCard

napcat.webui/src/pages/dashboard/config/onebot.tsx

@@ -1,112 +0,0 @@
-import { Input } from '@heroui/input'
-import { useEffect, useState } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import toast from 'react-hot-toast'
-
-import SaveButtons from '@/components/button/save_buttons'
-import PageLoading from '@/components/page_loading'
-import SwitchCard from '@/components/switch_card'
-
-import useConfig from '@/hooks/use-config'
-
-const OneBotConfigCard = () => {
-  const { config, saveConfigWithoutNetwork, refreshConfig } = useConfig()
-  const [loading, setLoading] = useState(false)
-  const {
-    control,
-    handleSubmit: handleOnebotSubmit,
-    formState: { isSubmitting },
-    setValue: setOnebotValue
-  } = useForm<IConfig['onebot']>({
-    defaultValues: {
-      musicSignUrl: '',
-      enableLocalFile2Url: false,
-      parseMultMsg: false
-    }
-  })
-  const reset = () => {
-    setOnebotValue('musicSignUrl', config.musicSignUrl)
-    setOnebotValue('enableLocalFile2Url', config.enableLocalFile2Url)
-    setOnebotValue('parseMultMsg', config.parseMultMsg)
-  }
-
-  const onSubmit = handleOnebotSubmit(async (data) => {
-    try {
-      await saveConfigWithoutNetwork(data)
-      toast.success('保存成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`保存失败: ${msg}`)
-    }
-  })
-
-  const onRefresh = async (shotTip = true) => {
-    try {
-      setLoading(true)
-      await refreshConfig()
-      if (shotTip) toast.success('刷新成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`刷新失败: ${msg}`)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  useEffect(() => {
-    reset()
-  }, [config])
-
-  useEffect(() => {
-    onRefresh(false)
-  }, [])
-
-  if (loading) return <PageLoading loading={true} />
-
-  return (
-    <>
-      <title>OneBot配置 - NapCat WebUI</title>
-      <Controller
-        control={control}
-        name="musicSignUrl"
-        render={({ field }) => (
-          <Input
-            {...field}
-            label="音乐签名地址"
-            placeholder="请输入音乐签名地址"
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name="enableLocalFile2Url"
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            description="启用本地文件到URL"
-            label="启用本地文件到URL"
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name="parseMultMsg"
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            description="启用上报解析合并消息"
-            label="启用上报解析合并消息"
-          />
-        )}
-      />
-      <SaveButtons
-        onSubmit={onSubmit}
-        reset={reset}
-        isSubmitting={isSubmitting}
-        refresh={onRefresh}
-      />
-    </>
-  )
-}
-
-export default OneBotConfigCard

napcat.webui/src/pages/dashboard/config/server.tsx

@@ -1,185 +0,0 @@
-import { Input } from '@heroui/input'
-import { Switch } from '@heroui/switch'
-import { useRequest } from 'ahooks'
-import { useEffect } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import toast from 'react-hot-toast'
-
-import SaveButtons from '@/components/button/save_buttons'
-import PageLoading from '@/components/page_loading'
-
-import WebUIManager from '@/controllers/webui_manager'
-
-const ServerConfigCard = () => {
-  const {
-    data: configData,
-    loading: configLoading,
-    error: configError,
-    refreshAsync: refreshConfig
-  } = useRequest(WebUIManager.getWebUIConfig)
-
-  const {
-    control,
-    handleSubmit: handleConfigSubmit,
-    formState: { isSubmitting },
-    setValue: setConfigValue
-  } = useForm<{
-    host: string
-    port: number
-    loginRate: number
-    disableWebUI: boolean
-    disableNonLANAccess: boolean
-  }>({
-    defaultValues: {
-      host: '0.0.0.0',
-      port: 6099,
-      loginRate: 10,
-      disableWebUI: false,
-      disableNonLANAccess: false
-    }
-  })
-
-  const reset = () => {
-    if (configData) {
-      setConfigValue('host', configData.host)
-      setConfigValue('port', configData.port)
-      setConfigValue('loginRate', configData.loginRate)
-      setConfigValue('disableWebUI', configData.disableWebUI)
-      setConfigValue('disableNonLANAccess', configData.disableNonLANAccess)
-    }
-  }
-
-  const onSubmit = handleConfigSubmit(async (data) => {
-    try {
-      await WebUIManager.updateWebUIConfig(data)
-      toast.success('保存成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`保存失败: ${msg}`)
-    }
-  })
-
-  const onRefresh = async () => {
-    try {
-      await refreshConfig()
-      toast.success('刷新成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`刷新失败: ${msg}`)
-    }
-  }
-
-  useEffect(() => {
-    reset()
-  }, [configData])
-
-  if (configLoading) return <PageLoading loading={true} />
-
-  return (
-    <>
-      <title>服务器配置 - NapCat WebUI</title>
-      <div className="flex flex-col gap-4">
-        <div className="flex flex-col gap-2">
-          <div className="flex-shrink-0 w-full">服务器配置</div>
-          <Controller
-            control={control}
-            name="host"
-            render={({ field }) => (
-              <Input
-                {...field}
-                label="监听地址"
-                placeholder="请输入监听地址"
-                description="服务器监听的IP地址，0.0.0.0表示监听所有网卡"
-                isDisabled={!!configError}
-                errorMessage={configError ? '获取配置失败' : undefined}
-              />
-            )}
-          />
-          <Controller
-            control={control}
-            name="port"
-            render={({ field }) => (
-              <Input
-                {...field}
-                type="number"
-                value={field.value?.toString() || ''}
-                label="监听端口"
-                placeholder="请输入监听端口"
-                description="服务器监听的端口号，范围1-65535"
-                isDisabled={!!configError}
-                errorMessage={configError ? '获取配置失败' : undefined}
-                onChange={(e) => field.onChange(parseInt(e.target.value) || 0)}
-              />
-            )}
-          />
-          <Controller
-            control={control}
-            name="loginRate"
-            render={({ field }) => (
-              <Input
-                {...field}
-                type="number"
-                value={field.value?.toString() || ''}
-                label="登录速率限制"
-                placeholder="请输入登录速率限制"
-                description="每小时允许的登录尝试次数"
-                isDisabled={!!configError}
-                errorMessage={configError ? '获取配置失败' : undefined}
-                onChange={(e) => field.onChange(parseInt(e.target.value) || 0)}
-              />
-            )}
-          />
-        </div>
-
-        <div className="flex flex-col gap-2">
-          <div className="flex-shrink-0 w-full">安全配置</div>
-          <Controller
-            control={control}
-            name="disableWebUI"
-            render={({ field }) => (
-              <Switch
-                isSelected={field.value}
-                onValueChange={field.onChange}
-                isDisabled={!!configError}
-              >
-                <div className="flex flex-col">
-                  <span>禁用WebUI</span>
-                  <span className="text-sm text-default-400">
-                    启用后将完全禁用WebUI服务，需要重启生效
-                  </span>
-                </div>
-              </Switch>
-            )}
-          />
-          <Controller
-            control={control}
-            name="disableNonLANAccess"
-            render={({ field }) => (
-              <Switch
-                isSelected={field.value}
-                onValueChange={field.onChange}
-                isDisabled={!!configError}
-              >
-                <div className="flex flex-col">
-                  <span>禁用非局域网访问</span>
-                  <span className="text-sm text-default-400">
-                    启用后只允许局域网内的设备访问WebUI，提高安全性
-                  </span>
-                </div>
-              </Switch>
-            )}
-          />
-        </div>
-      </div>
-
-      <SaveButtons
-        onSubmit={onSubmit}
-        reset={reset}
-        isSubmitting={isSubmitting || configLoading}
-        refresh={onRefresh}
-      />
-    </>
-  )
-}
-
-export default ServerConfigCard

napcat.webui/src/pages/dashboard/config/webui.tsx

@@ -1,137 +0,0 @@
-import { Input } from '@heroui/input'
-import { useLocalStorage } from '@uidotdev/usehooks'
-import { useEffect } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-import toast from 'react-hot-toast'
-
-import key from '@/const/key'
-
-import SaveButtons from '@/components/button/save_buttons'
-import FileInput from '@/components/input/file_input'
-import ImageInput from '@/components/input/image_input'
-
-import useMusic from '@/hooks/use-music'
-
-import { siteConfig } from '@/config/site'
-import FileManager from '@/controllers/file_manager'
-
-const WebUIConfigCard = () => {
-  const {
-    control,
-    handleSubmit: handleWebuiSubmit,
-    formState: { isSubmitting },
-    setValue: setWebuiValue
-  } = useForm<IConfig['webui']>({
-    defaultValues: {
-      background: '',
-      musicListID: '',
-      customIcons: {}
-    }
-  })
-
-  const [b64img, setB64img] = useLocalStorage(key.backgroundImage, '')
-  const [customIcons, setCustomIcons] = useLocalStorage<Record<string, string>>(
-    key.customIcons,
-    {}
-  )
-  const { setListId, listId } = useMusic()
-
-  const reset = () => {
-    setWebuiValue('musicListID', listId)
-    setWebuiValue('customIcons', customIcons)
-    setWebuiValue('background', b64img)
-  }
-
-  const onSubmit = handleWebuiSubmit((data) => {
-    try {
-      setListId(data.musicListID)
-      setCustomIcons(data.customIcons)
-      setB64img(data.background)
-      toast.success('保存成功')
-    } catch (error) {
-      const msg = (error as Error).message
-      toast.error(`保存失败: ${msg}`)
-    }
-  })
-
-  useEffect(() => {
-    reset()
-  }, [listId, customIcons, b64img])
-
-  return (
-    <>
-      <title>WebUI配置 - NapCat WebUI</title>
-      <div className="flex flex-col gap-2">
-        <div className="flex-shrink-0 w-full">WebUI字体</div>
-        <div className="text-sm text-default-400">
-          此项不需要手动保存，上传成功后需清空网页缓存并刷新
-          <FileInput
-            label="中文字体"
-            onChange={async (file) => {
-              try {
-                await FileManager.uploadWebUIFont(file)
-                toast.success('上传成功')
-                setTimeout(() => {
-                  window.location.reload()
-                }, 1000)
-              } catch (error) {
-                toast.error('上传失败: ' + (error as Error).message)
-              }
-            }}
-            onDelete={async () => {
-              try {
-                await FileManager.deleteWebUIFont()
-                toast.success('删除成功')
-                setTimeout(() => {
-                  window.location.reload()
-                }, 1000)
-              } catch (error) {
-                toast.error('删除失败: ' + (error as Error).message)
-              }
-            }}
-          />
-        </div>
-      </div>
-      <div className="flex flex-col gap-2">
-        <div className="flex-shrink-0 w-full">WebUI音乐播放器</div>
-        <Controller
-          control={control}
-          name="musicListID"
-          render={({ field }) => (
-            <Input
-              {...field}
-              label="网易云音乐歌单ID（网页内音乐播放器）"
-              placeholder="请输入歌单ID"
-            />
-          )}
-        />
-      </div>
-      <div className="flex flex-col gap-2">
-        <div className="flex-shrink-0 w-full">背景图</div>
-        <Controller
-          control={control}
-          name="background"
-          render={({ field }) => <ImageInput {...field} />}
-        />
-      </div>
-      <div className="flex flex-col gap-2">
-        <div>自定义图标</div>
-        {siteConfig.navItems.map((item) => (
-          <Controller
-            key={item.label}
-            control={control}
-            name={`customIcons.${item.label}`}
-            render={({ field }) => <ImageInput {...field} label={item.label} />}
-          />
-        ))}
-      </div>
-      <SaveButtons
-        onSubmit={onSubmit}
-        reset={reset}
-        isSubmitting={isSubmitting}
-      />
-    </>
-  )
-}
-
-export default WebUIConfigCard