fix: 样式修改

.gitea/workflows/docker.yml

@@ -1,765 +1,146 @@
-name: CI
+name: Publish Release Assets
+run-name: Build and publish web assets and Docker images
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - main
-      - dev
-      - cicd
+    paths:
+      - "apps/**"
+      - "packages/**"
+      - "package.json"
+      - "turbo.json"
+      - ".gitea/workflows/*.yml"
   pull_request:
-    branches:
-      - main
-      - dev
-      - cicd
+    types: [opened, synchronize, reopened]
+    paths:
+      - "apps/**"
+      - "packages/**"
+      - "package.json"
+      - "turbo.json"
+      - ".gitea/workflows/*.yml"
+  release:
+    types: [published]
 
 env:
-  DOMAIN_URL: git.kxsw.us #*修改为你12
-  REPO: ${{ vars.REPO }}
-  TELEGRAM_BOT_TOKEN: 8114337882:AAHkEx03HSu7RxN4IHBJJEnsK9aPPzNLIk0
-  TELEGRAM_CHAT_ID: "-4940243803"
-  DOCKER_REGISTRY: registry.kxsw.us
-  DOCKER_BUILDKIT: 1
-  # Host SSH
+  # Gitea
+  GIT_USERNAME: ${{ vars.GIT_USERNAME }}
+  GIT_PASSWORD: ${{ vars.GIT_PASSWORD }}
+  # Docker Hub
+  DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+  DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+  # Host SSH (用于上传构建产物)
   SSH_HOST: ${{ vars.SSH_HOST }}
   SSH_PORT: ${{ vars.SSH_PORT }}
   SSH_USER: ${{ vars.SSH_USER }}
-  SSH_PASSWORD: ${{ vars.SSH_PASSWORD }}
+  SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
 
 jobs:
-  build:
-    runs-on: ppanel-web02
-    container:
-      image: node:20
-    strategy:
-      matrix:
-        # 只有node支持版本号别名
-        node: ['20.15.1']
-
+  publish:
+    name: Publish Release Assets
+    runs-on: ubuntu-latest
     steps:
-      - name: Checkout code
+      - name: Checkout codebase
         uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v1
         with:
-          fetch-depth: 0
+          bun-version: 'latest'
 
-      - name: 缓存服务健康检查
-        id: cache-health
-        continue-on-error: true
-        run: |
-          echo "检查缓存服务可用性..."
-          
-          # 设置缓存可用性标志
-          CACHE_AVAILABLE=true
-          
-          # 测试GitHub Actions缓存API
-          if ! curl -s --connect-timeout 10 --max-time 30 "https://api.github.com/repos/${{ github.repository }}/actions/caches" > /dev/null 2>&1; then
-            echo "⚠️ GitHub Actions缓存服务不可用，将跳过缓存步骤"
-            CACHE_AVAILABLE=false
-          else
-            echo "✅ 缓存服务可用"
-          fi
-          
-          echo "CACHE_AVAILABLE=$CACHE_AVAILABLE" >> $GITHUB_ENV
-          echo "cache-available=$CACHE_AVAILABLE" >> $GITHUB_OUTPUT
+      - name: Cache Bun dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.bun
+          key: ${{ runner.os }}-bun-cache-${{ hashFiles('**/bun.lockb') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-cache-
 
-      - name: 缓存降级提示
-        if: env.CACHE_AVAILABLE == 'false'
-        run: |
-          echo "🔄 缓存服务不可用，构建将在无缓存模式下进行"
-          echo "⏱️ 这可能会增加构建时间，但不会影响构建结果"
-          echo "📦 所有依赖将重新下载和安装"
+      - name: Install deps
+        run: bun install --cache
 
-      - name: Install system tools (jq, docker, curl)
+      - name: Build
+        run: bun run build
+
+      - name: Run publish script
         run: |
-          set -e
-          export DEBIAN_FRONTEND=noninteractive
-          echo "Waiting for apt/dpkg locks (unattended-upgrades) to release..."
-          # Wait up to 300s for unattended-upgrades/apt/dpkg locks
-          end=$((SECONDS+300))
-          while true; do
-            LOCKS_BUSY=0
-            # If unattended-upgrades is running, mark busy
-            if pgrep -x unattended-upgrades >/dev/null 2>&1; then LOCKS_BUSY=1; fi
-            # If fuser exists, check common lock files
-            if command -v fuser >/dev/null 2>&1; then
-              if fuser /var/lib/dpkg/lock >/dev/null 2>&1 \
-                || fuser /var/lib/dpkg/lock-frontend >/dev/null 2>&1 \
-                || fuser /var/lib/apt/lists/lock >/dev/null 2>&1; then
-                LOCKS_BUSY=1
-              fi
-            fi
-            # Break if not busy
-            if [ "$LOCKS_BUSY" -eq 0 ]; then break; fi
-            # Timeout after ~5 minutes
-            if [ $SECONDS -ge $end ]; then
-              echo "Timeout waiting for apt/dpkg locks, proceeding with Dpkg::Lock::Timeout..."
-              break
-            fi
-            echo "Still waiting for locks..."; sleep 5
-          done
-          apt-get update -y -o Dpkg::Lock::Timeout=600
-          apt-get install -y -o Dpkg::Lock::Timeout=600 jq curl ca-certificates docker.io
-          docker --version
-          jq --version
-          curl --version
+          chmod +x scripts/publish.sh
+          ./scripts/publish.sh
+
+      - name: Upload tar.gz file to release
+        if: ${{ gitea.event_name == 'release' }}
+        uses: softprops/action-gh-release@v2
+        with:
+          files: |
+            out/ppanel-admin-web.tar.gz
+            out/ppanel-user-web.tar.gz
+          token: ${{ secrets.GITEA_TOKEN }}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
 
       - name: Set up Docker Buildx
-        run: |
-          # Check if buildx is available
-          if docker buildx version >/dev/null 2>&1; then
-            echo "Docker Buildx is available"
-            # Create builder if it doesn't exist
-            if ! docker buildx ls | grep -q "builder"; then
-              docker buildx create --name builder --driver docker-container
-            fi
-            # Use the builder
-            docker buildx use builder
-            docker buildx inspect --bootstrap
-          else
-            echo "Docker Buildx not available, using regular docker build"
-          fi
+        uses: docker/setup-buildx-action@v3
 
-      - name: Install Bun
-        run: |
-          echo "=== Installing Bun ==="
-          echo "Current working directory: $(pwd)"
-          echo "Current user: $(whoami)"
-          echo "Home directory: $HOME"
-          
-          # 设置Bun安装路径
-          export BUN_INSTALL="$HOME/.bun"
-          echo "BUN_INSTALL=$BUN_INSTALL" >> $GITHUB_ENV
-          echo "PATH=$BUN_INSTALL/bin:${PATH}" >> $GITHUB_ENV
-          
-          # 检查缓存是否存在
-          if [ -d "$BUN_INSTALL" ]; then
-            echo "✅ Bun cache found at $BUN_INSTALL"
-            ls -la "$BUN_INSTALL" || true
-          else
-            echo "❌ No Bun cache found, will install fresh"
-          fi
-          
-          # 安装Bun
-          curl -fsSL https://bun.sh/install | bash
-          
-          # 验证安装
-          "$BUN_INSTALL/bin/bun" --version
-          echo "✅ Bun installed successfully"
 
-      - name: Configure npm registry (npmmirror) and canvas mirror
-        run: |
-          echo "registry=https://registry.npmmirror.com" >> .npmrc
-          echo "canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas" >> .npmrc
+      - name: Install jq
+        run: sudo apt-get install -y jq
 
-      - name: Install dependencies cache (Bun)
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
+      - name: Extract version from package.json
+        id: version
+        run: echo "PPANEL_VERSION=$(jq -r '.version' package.json)" >> $GITHUB_ENV
+
+      - name: Build and push Docker image for ppanel-admin-web
+        uses: docker/build-push-action@v6
         with:
-          path: ~/.bun
-          key: bun-${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            bun-${{ runner.os }}-${{ matrix.node }}-
-            bun-${{ runner.os }}-
+          context: .
+          file: ./docker/ppanel-admin-web/Dockerfile
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            ${{ env.DOCKER_USERNAME }}/ppanel-admin-web:latest
+            ${{ env.DOCKER_USERNAME }}/ppanel-admin-web:${{ env.PPANEL_VERSION }}
 
-      - name: Install dependencies cache (node_modules)
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
+      - name: Build and push Docker image for ppanel-user-web
+        uses: docker/build-push-action@v6
         with:
-          path: |
-            node_modules
-            apps/*/node_modules
-            packages/*/node_modules
-          key: node-modules-${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('bun.lock', 'package.json', 'apps/*/package.json', 'packages/*/package.json') }}
-          restore-keys: |
-            node-modules-${{ runner.os }}-${{ matrix.node }}-
-            node-modules-${{ runner.os }}-
+          context: .
+          file: ./docker/ppanel-user-web/Dockerfile
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            ${{ env.DOCKER_USERNAME }}/ppanel-user-web:latest
+            ${{ env.DOCKER_USERNAME }}/ppanel-user-web:${{ env.PPANEL_VERSION }}
 
-      - name: 缓存状态检查和设置
-        run: |
-          echo "=== 缓存状态检查 ==="
-          echo "检查缓存恢复状态..."
-          
-          # 检查各种缓存目录
-          echo "Bun缓存: $([ -d ~/.bun ] && echo '✅ 已发现' || echo '❌ 缺失')"
-          echo "node_modules: $([ -d node_modules ] && echo '✅ 已发现' || echo '❌ 缺失')"
-          echo "Turbo缓存: $([ -d .turbo ] && echo '✅ 已发现' || echo '❌ 缺失')"
-          
-          # 显示缓存大小
-          if [ -d ~/.bun ]; then
-            echo "Bun缓存大小: $(du -sh ~/.bun 2>/dev/null || echo '未知')"
-          fi
-          if [ -d node_modules ]; then
-            echo "node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
-          fi
-          if [ -d .turbo ]; then
-            echo "Turbo缓存大小: $(du -sh .turbo 2>/dev/null || echo '未知')"
-          fi
-          
-          echo "=== 缓存设置 ==="
-          # 确保缓存目录存在且权限正确
-          mkdir -p ~/.bun ~/.cache .turbo
-          chmod -R 755 ~/.bun ~/.cache .turbo 2>/dev/null || true
-          
-          # 设置Bun环境变量
-          echo "BUN_INSTALL_CACHE_DIR=$HOME/.cache/bun" >> $GITHUB_ENV
-          echo "BUN_INSTALL_BIN_DIR=$HOME/.bun/bin" >> $GITHUB_ENV
-          
-          echo "✅ 缓存目录已准备完成"
-
-      - name: Turborepo cache (.turbo)
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
-        with:
-          path: .turbo
-          key: turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('apps/**/package.json') }}-${{ hashFiles('packages/**/package.json') }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('apps/**/package.json') }}-${{ hashFiles('packages/**/package.json') }}-
-            turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-
-            turbo-${{ runner.os }}-
-
-      - name: 安装依赖 (bun)
-        run: |
-          echo "=== 依赖安装调试信息 ==="
-          echo "当前目录: $(pwd)"
-          echo "Bun版本: $(bun --version)"
-          
-          # 检查node_modules缓存状态
-          if [ -d "node_modules" ]; then
-            echo "✅ 发现node_modules缓存"
-            echo "node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
-          else
-            echo "❌ 未发现node_modules缓存"
-          fi
-          
-          # 检查bun.lock文件
-          if [ -f "bun.lock" ]; then
-            echo "✅ 发现bun.lock文件"
-          else
-            echo "❌ 未发现bun.lock文件"
-          fi
-          
-          echo "=== 开始安装依赖 ==="
-          echo "安装开始时间: $(date)"
-          bun install --frozen-lockfile
-          echo "安装完成时间: $(date)"
-          
-          echo "=== 依赖安装完成 ==="
-          echo "最终node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
-          
-          # 验证缓存效果
-          echo "=== 缓存效果验证 ==="
-          if [ -d "node_modules" ]; then
-            echo "✅ 依赖安装成功"
-            echo "包数量: $(ls node_modules | wc -l 2>/dev/null || echo '未知')"
-          else
-            echo "⚠️  依赖可能未完全安装"
-          fi
-
-
-      - name: Decide build target (admin/user/both)
-        run: |
-          set -e
-          COMMIT_MSG="${{ github.event.head_commit.message }}"
-          BUILD_TARGET="both"
-          if echo "$COMMIT_MSG" | grep -qi "\[admin-only\]"; then
-            BUILD_TARGET="admin"
-          elif echo "$COMMIT_MSG" | grep -qi "\[user-only\]"; then
-            BUILD_TARGET="user"
-          else
-            if git rev-parse HEAD^ >/dev/null 2>&1; then
-              RANGE="HEAD^..HEAD"
-            else
-              RANGE="$(git rev-list --max-parents=0 HEAD)..HEAD"
-            fi
-            CHANGED=$(git diff --name-only $RANGE || true)
-            ADMIN_MATCH=$(echo "$CHANGED" | grep -E '^(apps/admin/|docker/ppanel-admin-web/)' || true)
-            USER_MATCH=$(echo "$CHANGED" | grep -E '^(apps/user/|docker/ppanel-user-web/)' || true)
-            PACKAGE_MATCH=$(echo "$CHANGED" | grep -E '^(packages/|turbo.json|package.json|bun.lock)' || true)
-            if [ -n "$PACKAGE_MATCH" ]; then
-              BUILD_TARGET="both"
-            else
-              if [ -n "$ADMIN_MATCH" ] && [ -z "$USER_MATCH" ]; then BUILD_TARGET="admin"; fi
-              if [ -n "$USER_MATCH" ] && [ -z "$ADMIN_MATCH" ]; then BUILD_TARGET="user"; fi
-              if [ -n "$ADMIN_MATCH" ] && [ -n "$USER_MATCH" ]; then BUILD_TARGET="both"; fi
-            fi
-          fi
-          echo "BUILD_TARGET=$BUILD_TARGET" >> $GITHUB_ENV
-          echo "Decided BUILD_TARGET=$BUILD_TARGET"
-
-      - name: Read version from package.json
-        run: echo "VERSION=$(jq -r .version package.json)" >> $GITHUB_ENV
-
-      - name: 根据分支动态设置API地址
-        run: |
-          if [ "${{ github.ref_name }}" = "main" ]; then
-            echo "NEXT_PUBLIC_API_URL=https://api.airoport.co" >> $GITHUB_ENV
-            echo "为main分支设置生产环境API地址"
-          elif [ "${{ github.ref_name }}" = "dev" ]; then
-            echo "NEXT_PUBLIC_API_URL=https://api.kxsw.us" >> $GITHUB_ENV
-            echo "为dev分支设置开发环境API地址"
-          else
-            echo "NEXT_PUBLIC_API_URL=https://api.airoport.co" >> $GITHUB_ENV
-            echo "为其他分支设置默认API地址"
-          fi
-          echo "BRANCH=${{ github.ref_name }}" >> $GITHUB_ENV
-
-      - name: Cache Next.js build artifacts (.next/cache)
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
-        with:
-          path: |
-            apps/admin/.next/cache
-            apps/user/.next/cache
-          key: nextcache-${{ runner.os }}-${{ hashFiles('apps/**/package.json') }}-${{ hashFiles('packages/**/package.json') }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            nextcache-${{ runner.os }}-${{ hashFiles('apps/**/package.json') }}-${{ hashFiles('packages/**/package.json') }}-
-            nextcache-${{ runner.os }}-
-
-      - name: Cache build outputs
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
-        with:
-          path: |
-            apps/admin/.next
-            apps/user/.next
-            apps/admin/dist
-            apps/user/dist
-          key: build-${{ runner.os }}-${{ hashFiles('apps/**/*.ts', 'apps/**/*.tsx', 'apps/**/*.js', 'apps/**/*.jsx') }}-${{ hashFiles('packages/**/*.ts', 'packages/**/*.tsx') }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            build-${{ runner.os }}-${{ hashFiles('apps/**/*.ts', 'apps/**/*.tsx', 'apps/**/*.js', 'apps/**/*.jsx') }}-
-            build-${{ runner.os }}-
-
-      - name: Cache ESLint
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
-        with:
-          path: |
-            .eslintcache
-            apps/admin/.eslintcache
-            apps/user/.eslintcache
-          key: eslint-${{ runner.os }}-${{ hashFiles('.eslintrc*', 'apps/**/.eslintrc*', 'packages/**/.eslintrc*') }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            eslint-${{ runner.os }}-
-
-      - name: Cache TypeScript
-        if: env.CACHE_AVAILABLE == 'true'
-        uses: actions/cache@v4
-        continue-on-error: true
-        with:
-          path: |
-            .tsbuildinfo
-            apps/admin/.tsbuildinfo
-            apps/user/.tsbuildinfo
-            packages/**/.tsbuildinfo
-          key: typescript-${{ runner.os }}-${{ hashFiles('tsconfig*.json', 'apps/**/tsconfig*.json', 'packages/**/tsconfig*.json') }}-${{ hashFiles('bun.lock') }}
-          restore-keys: |
-            typescript-${{ runner.os }}-
-
-      - name: 构建管理面板
-        if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
-        run: bun run build --filter=ppanel-admin-web
-
-      - name: 构建用户面板
-        if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
-        run: bun run build --filter=ppanel-user-web
-
-      - name: 构建并推送管理面板Docker镜像
-        if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
-        run: |
-          if docker buildx version >/dev/null 2>&1; then
-            echo "使用docker buildx进行优化构建"
-            docker buildx build \
-              --platform linux/amd64 \
-              --cache-from type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:cache \
-              --cache-to type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:cache,mode=max \
-              -f ./docker/ppanel-admin-web/Dockerfile \
-              -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }} \
-              --push .
-          else
-            echo "使用常规docker构建"
-            docker build -f ./docker/ppanel-admin-web/Dockerfile -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }} .
-            docker push ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}
-          fi
-
-      - name: 构建并推送用户面板Docker镜像
-        if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
-        run: |
-          if docker buildx version >/dev/null 2>&1; then
-            echo "使用docker buildx进行优化构建"
-            docker buildx build \
-              --platform linux/amd64 \
-              --cache-from type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:cache \
-              --cache-to type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:cache,mode=max \
-              -f ./docker/ppanel-user-web/Dockerfile \
-              -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }} \
-              --push .
-          else
-            echo "使用常规docker构建"
-            docker build -f ./docker/ppanel-user-web/Dockerfile -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }} .
-            docker push ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}
-          fi
-
-      - name: SSH连接预检查
-        if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
-        uses: appleboy/ssh-action@v1.0.3
+      - name: Upload to SSH server (if configured)
+        if: ${{ env.SSH_HOST != '' }}
+        uses: appleboy/ssh-action@v1
         with:
           host: ${{ env.SSH_HOST }}
           username: ${{ env.SSH_USER }}
-          password: ${{ env.SSH_PASSWORD }}
+          key: ${{ env.SSH_PRIVATE_KEY }}
           port: ${{ env.SSH_PORT }}
-          timeout: 300s
-          command_timeout: 600s
-          debug: true
           script: |
-            echo "=== SSH连接测试 ==="
-            echo "连接时间: $(date)"
-            echo "服务器主机名: $(hostname)"
-            echo "当前用户: $(whoami)"
-            echo "系统信息: $(uname -a)"
-            echo "Docker版本: $(docker --version 2>/dev/null || echo 'Docker未安装')"
-            echo "✅ SSH连接成功"
-
-      - name: 部署管理面板到服务器
-        if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
-        uses: appleboy/ssh-action@v1.0.3
+            mkdir -p ~/releases/${{ gitea.ref_name || 'latest' }}
+            
+      - name: Upload files via SCP (if SSH configured)
+        if: ${{ env.SSH_HOST != '' }}
+        uses: appleboy/scp-action@v1
         with:
           host: ${{ env.SSH_HOST }}
           username: ${{ env.SSH_USER }}
-          password: ${{ env.SSH_PASSWORD }}
+          key: ${{ env.SSH_PRIVATE_KEY }}
           port: ${{ env.SSH_PORT }}
-          timeout: 300s
-          command_timeout: 600s
-          script: |
-            echo "=== SSH变量调试信息 ==="
-            echo "DOCKER_REGISTRY: ${{ env.DOCKER_REGISTRY }}"
-            echo "VERSION: ${{ env.VERSION }}"
-            echo "NEXT_PUBLIC_API_URL: ${{ env.NEXT_PUBLIC_API_URL }}"
-            echo "BRANCH: ${{ env.BRANCH }}"
-            
-            echo "=== 部署管理面板 ==="
-            
-            # 网络连通性检查
-            echo "检查镜像服务器连通性..."
-            REGISTRY_HOST=$(echo "${{ env.DOCKER_REGISTRY }}" | sed 's|https\?://||' | cut -d'/' -f1)
-            echo "镜像仓库地址: $REGISTRY_HOST"
-            
-            if ping -c 3 "$REGISTRY_HOST" > /dev/null 2>&1; then
-              echo "✅ 镜像服务器连通性正常"
-            else
-              echo "⚠️ 镜像服务器ping失败，但继续尝试拉取镜像"
-            fi
-            
-            # 检查Docker登录状态
-            echo "检查Docker登录状态..."
-            if docker info > /dev/null 2>&1; then
-              echo "✅ Docker服务正常"
-            else
-              echo "❌ Docker服务异常"
-              exit 1
-            fi
-            
-            # 拉取镜像（带重试）
-            echo "拉取Docker镜像..."
-            for i in {1..3}; do
-              echo "尝试拉取镜像 ($i/3): ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}"
-              if docker pull ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}; then
-                echo "✅ 镜像拉取成功"
-                break
-              else
-                echo "❌ 镜像拉取失败，重试 $i/3"
-                echo "检查网络和镜像仓库状态..."
-                
-                # 显示详细错误信息
-                echo "--- 网络诊断信息 ---"
-                echo "DNS解析测试:"
-                nslookup "$REGISTRY_HOST" || echo "DNS解析失败"
-                echo "网络连通性测试:"
-                ping -c 2 "$REGISTRY_HOST" || echo "ping失败"
-                echo "Docker镜像仓库连接测试:"
-                curl -I "https://$REGISTRY_HOST/v2/" 2>/dev/null || echo "仓库API访问失败"
-                
-                sleep 5
-                if [ $i -eq 3 ]; then
-                  echo "❌ 镜像拉取失败，部署终止"
-                  echo "请检查:"
-                  echo "1. 网络连接是否正常"
-                  echo "2. 镜像仓库是否可访问"
-                  echo "3. 镜像标签是否存在"
-                  echo "4. Docker登录凭据是否正确"
-                  exit 1
-                fi
-              fi
-            done
-            
-            # 安全停止和移除容器
-            echo "检查现有容器状态..."
-            CONTAINER_NAME="ppanel-admin-web"
-            
-            # 检查容器是否存在
-            if docker ps -aq -f name=$CONTAINER_NAME | grep -q .; then
-              echo "发现现有容器，开始清理..."
-              
-              # 检查容器是否正在运行
-              if docker ps -q -f name=$CONTAINER_NAME | grep -q .; then
-                echo "停止运行中的容器..."
-                docker stop $CONTAINER_NAME --time=15 || true
-                sleep 5
-              fi
-              
-              # 检查容器是否正在被移除
-              echo "检查容器移除状态..."
-              for i in {1..15}; do
-                # 尝试获取容器状态
-                CONTAINER_STATUS=$(docker inspect $CONTAINER_NAME --format='{{.State.Status}}' 2>/dev/null || echo "not_found")
-                
-                if [ "$CONTAINER_STATUS" = "not_found" ]; then
-                  echo "✅ 容器已不存在"
-                  break
-                elif [ "$CONTAINER_STATUS" = "removing" ]; then
-                  echo "⏳ 容器正在移除中，等待完成... $i/15"
-                  sleep 3
-                else
-                  echo "尝试移除容器... $i/15"
-                  if docker rm -f $CONTAINER_NAME 2>/dev/null; then
-                    echo "✅ 容器移除成功"
-                    break
-                  else
-                    echo "⚠️ 容器移除失败，重试..."
-                    sleep 2
-                  fi
-                fi
-                
-                # 最后一次尝试强制清理
-                if [ $i -eq 15 ]; then
-                  echo "🔧 执行强制清理..."
-                  docker kill $CONTAINER_NAME 2>/dev/null || true
-                  sleep 2
-                  docker rm -f $CONTAINER_NAME 2>/dev/null || true
-                  sleep 2
-                fi
-              done
-            else
-              echo "✅ 未发现现有容器"
-            fi
-            
-            echo "启动新容器..."
-            docker run -d \
-              --name ppanel-admin-web \
-              --restart unless-stopped \
-              -p 3001:3000 \
-              -e NEXT_PUBLIC_API_URL=${{ env.NEXT_PUBLIC_API_URL }} \
-              ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}
-            
-            # 验证容器启动
-            echo "验证容器启动状态..."
-            for i in {1..10}; do
-              if docker ps -q -f name=ppanel-admin-web | grep -q .; then
-                echo "✅ 管理面板部署成功"
-                docker ps -f name=ppanel-admin-web --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"
-                exit 0
-              else
-                echo "等待容器启动... $i/10"
-                sleep 3
-              fi
-            done
-            
-            echo "❌ 管理面板部署失败 - 容器未能正常启动"
-            docker logs ppanel-admin-web || true
-            exit 1
+          source: "out/*.tar.gz"
+          target: "~/releases/${{ gitea.ref_name || 'latest' }}/"
 
-      - name: 部署用户面板到服务器
-        if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
-        uses: appleboy/ssh-action@v1.0.3
+      - name: Upload artifacts to Gitea
+        uses: actions/upload-artifact@v3
         with:
-          host: ${{ env.SSH_HOST }}
-          username: ${{ env.SSH_USER }}
-          password: ${{ env.SSH_PASSWORD }}
-          port: ${{ env.SSH_PORT }}
-          timeout: 300s
-          command_timeout: 600s
-          debug: true
-          script: |
-            echo "=== SSH变量调试信息 ==="
-            echo "DOCKER_REGISTRY: ${{ env.DOCKER_REGISTRY }}"
-            echo "VERSION: ${{ env.VERSION }}"
-            echo "NEXT_PUBLIC_API_URL: ${{ env.NEXT_PUBLIC_API_URL }}"
-            echo "BRANCH: ${{ env.BRANCH }}"
-            
-            echo "=== 部署用户面板 ==="
-            
-            # 网络连通性检查
-            echo "检查镜像服务器连通性..."
-            REGISTRY_HOST=$(echo "${{ env.DOCKER_REGISTRY }}" | sed 's|https\?://||' | cut -d'/' -f1)
-            echo "镜像仓库地址: $REGISTRY_HOST"
-            
-            if ping -c 3 "$REGISTRY_HOST" > /dev/null 2>&1; then
-              echo "✅ 镜像服务器连通性正常"
-            else
-              echo "⚠️ 镜像服务器ping失败，但继续尝试拉取镜像"
-            fi
-            
-            # 检查Docker登录状态
-            echo "检查Docker登录状态..."
-            if docker info > /dev/null 2>&1; then
-              echo "✅ Docker服务正常"
-            else
-              echo "❌ Docker服务异常"
-              exit 1
-            fi
-            
-            # 拉取镜像（带重试）
-            echo "拉取Docker镜像..."
-            for i in {1..3}; do
-              echo "尝试拉取镜像 ($i/3): ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}"
-              if docker pull ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}; then
-                echo "✅ 镜像拉取成功"
-                break
-              else
-                echo "❌ 镜像拉取失败，重试 $i/3"
-                echo "检查网络和镜像仓库状态..."
-                
-                # 显示详细错误信息
-                echo "--- 网络诊断信息 ---"
-                echo "DNS解析测试:"
-                nslookup "$REGISTRY_HOST" || echo "DNS解析失败"
-                echo "网络连通性测试:"
-                ping -c 2 "$REGISTRY_HOST" || echo "ping失败"
-                echo "Docker镜像仓库连接测试:"
-                curl -I "https://$REGISTRY_HOST/v2/" 2>/dev/null || echo "仓库API访问失败"
-                
-                sleep 5
-                if [ $i -eq 3 ]; then
-                  echo "❌ 镜像拉取失败，部署终止"
-                  echo "请检查:"
-                  echo "1. 网络连接是否正常"
-                  echo "2. 镜像仓库是否可访问"
-                  echo "3. 镜像标签是否存在"
-                  echo "4. Docker登录凭据是否正确"
-                  exit 1
-                fi
-              fi
-            done
-            
-            # 安全停止和移除容器
-            echo "检查现有容器状态..."
-            CONTAINER_NAME="ppanel-user-web"
-            
-            # 检查容器是否存在
-            if docker ps -aq -f name=$CONTAINER_NAME | grep -q .; then
-              echo "发现现有容器，开始清理..."
-              
-              # 检查容器是否正在运行
-              if docker ps -q -f name=$CONTAINER_NAME | grep -q .; then
-                echo "停止运行中的容器..."
-                docker stop $CONTAINER_NAME --time=15 || true
-                sleep 5
-              fi
-              
-              # 检查容器是否正在被移除
-              echo "检查容器移除状态..."
-              for i in {1..15}; do
-                # 尝试获取容器状态
-                CONTAINER_STATUS=$(docker inspect $CONTAINER_NAME --format='{{.State.Status}}' 2>/dev/null || echo "not_found")
-                
-                if [ "$CONTAINER_STATUS" = "not_found" ]; then
-                  echo "✅ 容器已不存在"
-                  break
-                elif [ "$CONTAINER_STATUS" = "removing" ]; then
-                  echo "⏳ 容器正在移除中，等待完成... $i/15"
-                  sleep 3
-                else
-                  echo "尝试移除容器... $i/15"
-                  if docker rm -f $CONTAINER_NAME 2>/dev/null; then
-                    echo "✅ 容器移除成功"
-                    break
-                  else
-                    echo "⚠️ 容器移除失败，重试..."
-                    sleep 2
-                  fi
-                fi
-                
-                # 最后一次尝试强制清理
-                if [ $i -eq 15 ]; then
-                  echo "🔧 执行强制清理..."
-                  docker kill $CONTAINER_NAME 2>/dev/null || true
-                  sleep 2
-                  docker rm -f $CONTAINER_NAME 2>/dev/null || true
-                  sleep 2
-                fi
-              done
-            else
-              echo "✅ 未发现现有容器"
-            fi
-            
-            echo "启动新容器..."
-            docker run -d \
-              --name ppanel-user-web \
-              --restart unless-stopped \
-              -p 3002:3000 \
-              -e NEXT_PUBLIC_API_URL=${{ env.NEXT_PUBLIC_API_URL }} \
-              ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}
-            
-            # 验证容器启动
-            echo "验证容器启动状态..."
-            for i in {1..10}; do
-              if docker ps -q -f name=ppanel-user-web | grep -q .; then
-                echo "✅ 用户面板部署成功"
-                docker ps -f name=ppanel-user-web --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"
-                exit 0
-              else
-                echo "等待容器启动... $i/10"
-                sleep 3
-              fi
-            done
-            
-            echo "❌ 用户面板部署失败 - 容器未能正常启动"
-            docker logs ppanel-user-web || true
-            exit 1
-
-      # 步骤5: TG通知 (成功)
-      - name: 📱 发送成功通知到Telegram
-        if: success()
-        uses: chapvic/telegram-notify@master
-        with:
-          bot_token: ${{ env.TELEGRAM_BOT_TOKEN }}
-          chat_id: ${{ env.TELEGRAM_CHAT_ID }}
-          message: |
-            ✅ **部署成功！**
-            
-            📦 **项目**: ${{ github.repository }}
-            🌿 **分支**: ${{ github.ref_name }}
-            🔖 **版本**: ${{ env.VERSION }}
-            🎯 **构建目标**: ${{ env.BUILD_TARGET }}
-            🔗 **API地址**: ${{ env.NEXT_PUBLIC_API_URL }}
-            📝 **提交**: ${{ github.sha }}
-            👤 **提交者**: ${{ github.actor }}
-            🕐 **时间**: ${{ github.event.head_commit.timestamp }}
-            
-            🚀 **服务已成功部署到生产环境**
-          parse_mode: Markdown
-
-      # 步骤5: TG通知 (失败)
-      - name: 📱 发送失败通知到Telegram
-        if: failure()
-        uses: chapvic/telegram-notify@master
-        with:
-          bot_token: ${{ env.TELEGRAM_BOT_TOKEN }}
-          chat_id: ${{ env.TELEGRAM_CHAT_ID }}
-          message: |
-            ❌ **部署失败！**
-            
-            📦 **项目**: ${{ github.repository }}
-            🌿 **分支**: ${{ github.ref_name }}
-            🔖 **版本**: ${{ env.VERSION }}
-            🎯 **构建目标**: ${{ env.BUILD_TARGET }}
-            📝 **提交**: ${{ github.sha }}
-            👤 **提交者**: ${{ github.actor }}
-            🕐 **时间**: ${{ github.event.head_commit.timestamp }}
-            
-            ⚠️ **请检查构建日志获取详细信息**
-          parse_mode: Markdown
+          name: ppanel-web-assets
+          path: |
+            out/ppanel-admin-web.tar.gz
+            out/ppanel-user-web.tar.gz
+          

Makefile

@@ -1,91 +0,0 @@
-# Makefile for panel-web
-
-# Docker Registry
-REGISTRY_URL=registry.kxsw.us
-
-# Image names
-ADMIN_IMAGE_NAME=ppanel/ppanel-admin-web
-USER_IMAGE_NAME=ppanel/ppanel-user-web
-
-# Full image names with registry
-ADMIN_IMAGE=${REGISTRY_URL}/${ADMIN_IMAGE_NAME}
-USER_IMAGE=${REGISTRY_URL}/${USER_IMAGE_NAME}
-
-# Version from package.json. Requires jq to be installed.
-VERSION=$(shell jq -r .version package.json)
-
-.PHONY: all
-all: build ## Default target
-
-# ==============================================================================
-# Build Targets
-# ==============================================================================
-
-.PHONY: build
-build: build-admin build-user ## Build both admin and user docker images
-
-.PHONY: build-admin
-build-admin: ## Build the admin docker image
-	@echo "Building admin image with tags ${ADMIN_IMAGE}:${VERSION} and ${ADMIN_IMAGE}:latest..."
-	docker build -f ./docker/ppanel-admin-web/Dockerfile -t ${ADMIN_IMAGE}:${VERSION} -t ${ADMIN_IMAGE}:latest .
-	@echo "Successfully built admin image."
-
-.PHONY: build-user
-build-user: ## Build the user docker image
-	@echo "Building user image with tags ${USER_IMAGE}:${VERSION} and ${USER_IMAGE}:latest..."
-	docker build -f ./docker/ppanel-user-web/Dockerfile -t ${USER_IMAGE}:${VERSION} -t ${USER_IMAGE}:latest .
-	@echo "Successfully built user image."
-
-
-# ==============================================================================
-# Publish Targets
-# ==============================================================================
-
-.PHONY: push
-push: push-admin push-user ## Push both admin and user images to the registry
-
-.PHONY: push-admin
-push-admin: ## Push the admin image to the registry
-	@echo "Pushing admin image ${ADMIN_IMAGE}:${VERSION} and ${ADMIN_IMAGE}:latest..."
-	docker push ${ADMIN_IMAGE}:${VERSION}
-	docker push ${ADMIN_IMAGE}:latest
-	@echo "Successfully pushed admin image."
-
-.PHONY: push-user
-push-user: ## Push the user image to the registry
-	@echo "Pushing user image ${USER_IMAGE}:${VERSION} and ${USER_IMAGE}:latest..."
-	docker push ${USER_IMAGE}:${VERSION}
-	docker push ${USER_IMAGE}:latest
-	@echo "Successfully pushed user image."
-
-
-# ==============================================================================
-# Run Targets
-# ==============================================================================
-
-.PHONY: ensure-version
-ensure-version:
-	@if [ -z "${VERSION}" ] || [ "${VERSION}" = "null" ]; then \
-		echo "ERROR: 未检测到版本号。请安装 jq 并在 panel-web/package.json 中设置有效的 version 字段。"; \
-		echo "提示：可以运行 'make version' 查看当前版本值。"; \
-		exit 1; \
-	fi
-
-# ==============================================================================
-# Other Targets
-# ==============================================================================
-
-.PHONY: login
-login: ## Login to the Docker registry
-	docker login ${REGISTRY_URL}
-
-.PHONY: help
-help: ## Show this help message
-	@echo "Usage: make [target]"
-	@echo ""
-	@echo "Targets:"
-	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-20s\033[0m %s\n", $$1, $$2}'
-
-.PHONY: version
-version: ## Print project version from package.json
-	@echo "${VERSION}"

apps/admin/.env

@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=zh-CN
 
 # Site URL and API URL
 NEXT_PUBLIC_SITE_URL=https://admin.ppanel.dev
-NEXT_PUBLIC_API_URL=https://api.airoport.co
+NEXT_PUBLIC_API_URL=https://api.kxsw.us
 
 # Default Login User
 NEXT_PUBLIC_DEFAULT_USER_EMAIL=

apps/user/.env

@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=zh-CN
 
 # Site URL and API URL
 NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
-NEXT_PUBLIC_API_URL=https://api.airoport.co
+NEXT_PUBLIC_API_URL=https://api.kxsw.us
 NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
 
 # Home Page Settings

apps/user/.env.template

@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=en-US
 
 # Site URL and API URL
 NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
-NEXT_PUBLIC_API_URL=https://airoport.co
+NEXT_PUBLIC_API_URL=https://api.kxsw.us
 NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
 
 # Home Page Settings

apps/user/app/(main)/(content)/(user)/dashboard/components/SubscribeCard/index.tsx

@@ -28,9 +28,11 @@ import {
 import { Popover, PopoverContent, PopoverTrigger } from '@workspace/airo-ui/components/popover';
 import { Tabs, TabsList, TabsTrigger } from '@workspace/airo-ui/components/tabs';
 import { differenceInDays } from '@workspace/airo-ui/utils';
+import Link from 'next/link';
 import { QRCodeCanvas } from 'qrcode.react';
 import { useEffect, useState } from 'react';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
+
 interface SubscribeCardProps {
   userSubscribeData: API.UserSubscribe;
   protocol: string[];
@@ -53,7 +55,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
     if (list.length > 0) {
       setUserSubscribeProtocolCurrent(0);
     }
-  }, [props.userSubscribeData.token, protocol]);
+  }, [props.userSubscribeData?.token, protocol]);
 
   return (
     <div className='space-y-2 sm:space-y-4'>
@@ -69,11 +71,15 @@ const SubscribeCard = (props: SubscribeCardProps) => {
               {t('totalTraffic')}
             </p>
             <p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
-              <Display
-                type='traffic'
-                value={userSubscribeData.traffic}
-                unlimited={!userSubscribeData.traffic}
-              />
+              {userSubscribeData?.status === 1 ? (
+                <Display
+                  type='traffic'
+                  value={userSubscribeData.traffic}
+                  unlimited={!userSubscribeData.traffic}
+                />
+              ) : (
+                '0.00GB'
+              )}
             </p>
           </div>
           <div>
@@ -81,9 +87,15 @@ const SubscribeCard = (props: SubscribeCardProps) => {
               {t('nextResetDays')}
             </p>
             <p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
-              {userSubscribeData.reset_time
-                ? differenceInDays(new Date(userSubscribeData.reset_time), new Date())
-                : t('noReset')}
+              {userSubscribeData?.status === 1 ? (
+                <>
+                  {userSubscribeData.reset_time
+                    ? differenceInDays(new Date(userSubscribeData.reset_time), new Date())
+                    : t('noReset')}
+                </>
+              ) : (
+                'N/A'
+              )}
             </p>
           </div>
           <div>
@@ -91,17 +103,30 @@ const SubscribeCard = (props: SubscribeCardProps) => {
               {t('expirationDays')}
             </p>
             <p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
-              {userSubscribeData.expire_time
-                ? differenceInDays(new Date(userSubscribeData.expire_time), new Date()) ||
-                  t('unknown')
-                : t('noLimit')}
+              {userSubscribeData?.status === 1 ? (
+                <>
+                  {userSubscribeData.expire_time
+                    ? differenceInDays(new Date(userSubscribeData.expire_time), new Date()) ||
+                      t('unknown')
+                    : t('noLimit')}
+                </>
+              ) : (
+                'N/A'
+              )}
             </p>
           </div>
         </div>
       </div>
 
       {/* 订阅链接 */}
-      <div className='rounded-[26px] bg-[#EAEAEA] p-2 sm:p-4'>
+      <div className='relative rounded-[26px] bg-[#EAEAEA] p-2 sm:p-4'>
+        {userSubscribeData?.status !== 1 && (
+          <div className='absolute inset-0 z-40 flex h-full w-full items-center justify-center rounded-[26px] border-4 border-[#D9D9D9] bg-white/50 backdrop-blur-[1px]'>
+            <AiroButton variant={'primary'} asChild>
+              <Link href={'/subscribe'}>{t('buySubscriptionNow')}</Link>
+            </AiroButton>
+          </div>
+        )}
         <div className='mb-3 flex flex-wrap justify-between gap-4'>
           {props.protocol.length > 1 && (
             <Tabs
@@ -126,21 +151,21 @@ const SubscribeCard = (props: SubscribeCardProps) => {
         <div className={'mb-3 flex items-center justify-center gap-3'}>
           <div
             className={
-              'flex flex-1 items-center gap-1 rounded-full bg-[#BABABA] pl-1 sm:gap-2 sm:rounded-[16px] sm:pl-2'
+              'flex flex-1 items-center gap-1 rounded-full bg-[#BABABA] pl-1 sm:gap-2 sm:pl-2'
             }
           >
             <Select
               value={userSubscribeProtocolCurrent}
               onValueChange={setUserSubscribeProtocolCurrent}
             >
-              <SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] font-medium text-[#0F2C53] shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:rounded-[8px] sm:px-2 sm:py-1.5 [&>svg]:hidden'>
+              <SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] font-medium text-[#0F2C53] shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:px-2 sm:py-1.5 [&>svg]:hidden'>
                 <SelectValue>
                   <div className='flex flex-col items-center justify-between text-[10px] sm:text-xs'>
                     <div>
                       {t('subscriptionUrl')}
                       {userSubscribeProtocolCurrent + 1}
                     </div>
-                    <div className='-mt-0.5 h-0 w-0 scale-50 border-l-[3px] border-r-[3px] border-t-[3px] border-l-transparent border-r-transparent border-t-[#0F2C53] sm:scale-100'></div>
+                    <div className='h-0 w-0 scale-50 border-l-[3px] border-r-[3px] border-t-[3px] border-l-transparent border-r-transparent border-t-[#0F2C53] sm:scale-100'></div>
                   </div>
                 </SelectValue>
               </SelectTrigger>
@@ -158,7 +183,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
               </SelectContent>
             </Select>
 
-            <div className='flex-1 rounded-full bg-white px-3 py-2 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)] sm:rounded-[16px]'>
+            <div className='flex-1 rounded-full bg-white px-3 py-2 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)]'>
               <div className={'flex items-center gap-4 py-1'}>
                 <div className={'line-clamp-2 flex-1 break-all'}>
                   {userSubscribeProtocol[userSubscribeProtocolCurrent]}
@@ -203,7 +228,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
         <div className='flex justify-between gap-2'>
           <AlertDialog>
             <AlertDialogTrigger asChild>
-              <AiroButton variant='danger' className={'px-2 text-xs'}>
+              <AiroButton variant='primaryBlue' className={'px-2 text-xs'}>
                 {t('resetSubscription')}
               </AiroButton>
             </AlertDialogTrigger>
@@ -231,7 +256,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
           <Renewal
             className='px-2 text-xs'
             id={userSubscribeData.id}
-            subscribe={userSubscribeData.subscribe}
+            subscribe={userSubscribeData.subscribe || {}}
           />
         </div>
       </div>

apps/user/app/(main)/(content)/(user)/dashboard/content.tsx

@@ -27,7 +27,6 @@ import { Empty } from '@/components/empty';
 import SvgIcon from '@/components/SvgIcon';
 import { queryAnnouncement } from '@/services/user/announcement';
 import { queryOrderList } from '@/services/user/order';
-import { default as Airo_Empty } from '@workspace/airo-ui/custom-components/empty';
 import { formatDate } from '@workspace/airo-ui/utils';
 
 const platforms: (keyof API.ApplicationPlatform)[] = [
@@ -42,11 +41,13 @@ const platforms: (keyof API.ApplicationPlatform)[] = [
 export default function Content() {
   const t = useTranslations('dashboard');
 
-  const { data: userSubscribe = [], refetch } = useQuery({
+  const { data: userSubscribe = {}, refetch } = useQuery({
     queryKey: ['queryUserSubscribe'],
     queryFn: async () => {
       const { data } = await queryUserSubscribe();
-      return data.data?.list || [];
+      const activeList = data.data?.list?.filter((v) => v.status === 1);
+
+      return activeList[0] ?? {};
     },
   });
 
@@ -119,11 +120,11 @@ export default function Content() {
         {/* 快捷下载 Card */}
         <Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)] 2xl:order-2 2xl:col-span-1'>
           <div className='flex items-center justify-between'>
-            <h3 className='text-base font-medium text-[#666666] sm:text-xl'>快捷下载</h3>
-          </div>
-          <div className={'text-xs font-normal leading-[1.5] text-[#666]'}>
-            选择对应操作系统下载客户端
+            <h3 className='text-base font-medium text-[#666666] sm:text-xl'>
+              {t('quickDownloads')}
+            </h3>
           </div>
+          <div className={'text-xs font-normal leading-[1.5] text-[#666]'}>{t('selectOS')}</div>
 
           <div
             className={
@@ -141,11 +142,24 @@ export default function Content() {
                 icon: 'Group 77',
                 href: 'https://apps.apple.com/us/app/shadowrocket/id932747118?l=zh-Hans-CN',
               },
-              { label: 'Win', icon: 'Group 75', href: '' },
-              { label: 'Android', icon: 'Group 75', href: '' },
+              {
+                label: 'Win',
+                icon: 'Group 75',
+                href: 'https://down.airoport.xin/Hiddify-Windows-Setup-x64.msix',
+              },
+              {
+                label: 'Android',
+                icon: 'Group 75',
+                href: 'https://down.airoport.xin/Hiddify-Android-universal.apk',
+              },
             ].map((v) => {
               return (
-                <a href={v.href} target={'_blank'} className={'cursor-pointer text-center'}>
+                <a
+                  key={v.label}
+                  href={v.href}
+                  target={'_blank'}
+                  className={'cursor-pointer text-center'}
+                >
                   <div className={''}>
                     <SvgIcon name={v.icon}></SvgIcon>
                   </div>
@@ -159,7 +173,7 @@ export default function Content() {
               'mt-2.5 flex h-[37px] items-center justify-between rounded-full bg-[#EAEAEA] pl-4 text-[#666]'
             }
           >
-            <span className={'text-sm font-medium'}>免费美区Apple ID</span>
+            <span className={'text-sm font-medium'}>{t('freeAppleID')}</span>
             <AiroButton
               className={'m-1'}
               variant={'primary'}
@@ -170,7 +184,7 @@ export default function Content() {
                 });
               }}
             >
-              获取
+              {t('get')}
             </AiroButton>
           </div>
         </Card>
@@ -189,20 +203,13 @@ export default function Content() {
                 {t('beginnerTutorial')}
               </Link>
             </div>
-            <div className={'text-xs font-light leading-[1.5] text-[#666]'}>
-              复制订阅链接或点击二维码按钮扫码
-            </div>
           </div>
 
-          {userSubscribe?.[0] && data?.protocol ? (
-            <SubScribeCard
-              userSubscribeData={userSubscribe?.[0]}
-              protocol={data.protocol}
-              refetch={refetch}
-            />
-          ) : (
-            <Empty />
-          )}
+          <SubScribeCard
+            userSubscribeData={userSubscribe}
+            protocol={data?.protocol || []}
+            refetch={refetch}
+          />
         </Card>
 
         {/* 账户概况 Card */}
@@ -218,7 +225,7 @@ export default function Content() {
 
           <div className='mb-3 sm:mb-3.5'>
             <span className='text-2xl font-medium text-[#091B33]'>
-              {userSubscribe?.length > 0 && userSubscribe[0]?.status === 1 && orderData
+              {userSubscribe?.status === 1 && orderData
                 ? orderData?.quantity === 1
                   ? t('annualMonthPlanUser')
                   : t('annualYearPlanUser')
@@ -247,93 +254,109 @@ export default function Content() {
             <h3 className='flex items-center justify-between text-[#666666]'>
               <div className={'flex items-center justify-between'}>
                 <span className={'text-base font-medium sm:text-xl'}>{t('planStatus')}</span>
-                {userSubscribe?.length > 0 && userSubscribe?.[0]?.status === 1 ? (
+                {userSubscribe?.status === 1 ? (
                   <span className={'ml-2.5 rounded-full bg-[#A8D4ED] px-2 text-[8px] text-white'}>
                     {t('inEffect')}
                   </span>
-                ) : null}
+                ) : (
+                  <span className={'ml-2.5 rounded-full bg-[#666666] px-2 text-[8px] text-white'}>
+                    {t('notEffect')}
+                  </span>
+                )}
               </div>
               <ResetTraffic
                 className={
                   'border-0 bg-transparent p-0 text-sm font-normal text-[#225BA9] shadow-none outline-0 hover:bg-transparent'
                 }
-                id={userSubscribe?.[0]?.id || 0}
-                replacement={userSubscribe?.[0]?.subscribe.replacement}
+                id={userSubscribe?.id || 0}
+                replacement={userSubscribe?.subscribe?.replacement}
               />
             </h3>
           </div>
-          {userSubscribe?.length ? (
-            <>
-              <div className='mt-1 text-xs text-[#666666] sm:text-sm'>
-                {t('planExpirationTime')}
-                {formatDate(userSubscribe?.[0]?.expire_time, false)}
-              </div>
-              <div className='mb-3 sm:mb-5'>
-                <span className='text-2xl font-medium text-[#091B33]'>
-                  {userSubscribe?.[0]?.subscribe.name}
-                </span>
-              </div>
-              <div className='mb-4 flex items-center justify-between'>
-                <div className='flex items-center gap-2'>
-                  <span className='text-xs sm:text-sm'>{t('availableDevices')}</span>
-                  <div className='flex gap-2'>
-                    {Array.from({ length: userSubscribe?.[0]?.subscribe.device_limit }).map(
-                      (_, index) => {
-                        return (
-                          <div
-                            key={index}
-                            className={`h-4 w-4 rounded-full ${index < (userSubscribe?.[0]?.subscribe.device_limit || 0) > 1 ? 'bg-[#225BA9]' : 'bg-[#D9D9D9]'}`}
-                          ></div>
-                        );
-                      },
-                    )}
-                  </div>
+          <div>
+            <div className='mt-1 text-xs font-light text-[#666666] sm:text-sm'>
+              {t('planExpirationTime')}
+              {formatDate(userSubscribe?.expire_time, false) || t('None')}
+            </div>
+            <div className='mb-3 mt-1 sm:mb-5'>
+              <span className='text-2xl font-medium text-[#091B33]'>
+                {userSubscribe?.subscribe?.name ? (
+                  userSubscribe?.subscribe?.name
+                ) : (
+                  <span className={'text-[#848484]'}>{t('noPlanAvailable')}</span>
+                )}
+              </span>
+            </div>
+            <div className='mb-4 flex items-center justify-between'>
+              <div className='flex items-center gap-2'>
+                <span className='text-xs sm:text-sm'>{t('availableDevices')}</span>
+                <div className='flex gap-2'>
+                  {Array.from({ length: userSubscribe?.subscribe?.device_limit || 6 }).map(
+                    (_, index) => {
+                      return (
+                        <div
+                          key={index}
+                          className={`h-2.5 w-2.5 rounded-full sm:h-4 sm:w-4 ${index < (userSubscribe?.subscribe?.device_limit || 0) > 1 ? 'bg-[#225BA9]' : 'bg-[#D9D9D9]'}`}
+                        ></div>
+                      );
+                    },
+                  )}
                 </div>
+              </div>
+              <span className='text-xs font-light sm:text-sm'>
+                {t('online')}
+                {data?.online_device || 0}/{userSubscribe?.subscribe?.device_limit || 0}
+              </span>
+            </div>
+            <div>
+              <div className='mb-1 flex items-center justify-between font-light'>
                 <span className='text-xs sm:text-sm'>
-                  {t('online')}
-                  {data?.online_device} / {userSubscribe?.[0]?.subscribe.device_limit}
+                  {t('usedTrafficTotalTraffic')}
+                  {userSubscribe?.subscribe?.device_limit ? (
+                    <>
+                      <Display
+                        type='traffic'
+                        value={userSubscribe?.upload + userSubscribe?.download}
+                        unlimited={!userSubscribe?.traffic}
+                      />
+                      /
+                      <Display
+                        type='traffic'
+                        value={userSubscribe?.traffic || 0}
+                        unlimited={!userSubscribe?.traffic}
+                      />
+                    </>
+                  ) : (
+                    '0GB/0GB'
+                  )}
+                </span>
+                <span className='text-xs sm:text-sm'>
+                  {t('remaining')}
+                  {userSubscribe?.status === 1 ? (
+                    <>
+                      {100 -
+                        Math.round(
+                          (((userSubscribe?.upload || 0) + (userSubscribe?.download || 0)) /
+                            (userSubscribe?.traffic || 1)) *
+                            100,
+                        )}
+                    </>
+                  ) : (
+                    0
+                  )}
+                  %
                 </span>
               </div>
-              <div>
-                <div className='mb-1 flex items-center justify-between'>
-                  <span className='text-xs sm:text-sm'>
-                    {t('usedTrafficTotalTraffic')}
-                    <Display
-                      type='traffic'
-                      value={userSubscribe?.[0]?.upload + userSubscribe?.[0]?.download}
-                      unlimited={!userSubscribe?.[0]?.traffic}
-                    />
-                    /{' '}
-                    <Display
-                      type='traffic'
-                      value={userSubscribe?.[0]?.traffic}
-                      unlimited={!userSubscribe?.[0]?.traffic}
-                    />
-                  </span>
-                  <span className='text-xs sm:text-sm'>
-                    {t('remaining')}
-                    {100 -
-                      Math.round(
-                        (((userSubscribe?.[0]?.upload || 0) + (userSubscribe?.[0]?.download || 0)) /
-                          (userSubscribe?.[0]?.traffic || 1)) *
-                          100,
-                      )}
-                    %
-                  </span>
-                </div>
-                <div className='flex h-5 w-full items-center rounded-[20px] bg-[#EAEAEA] p-0.5'>
-                  <div
-                    className={'h-full rounded-[20px] bg-[#225BA9]'}
-                    style={{
-                      width: `${Math.round((((userSubscribe?.[0]?.upload || 0) + (userSubscribe?.[0]?.download || 0)) / (userSubscribe?.[0]?.traffic || 1)) * 100)}%`,
-                    }}
-                  ></div>
-                </div>
+              <div className='flex h-5 w-full items-center rounded-[20px] bg-[#EAEAEA] p-0.5'>
+                <div
+                  className={'h-full rounded-[20px] bg-[#225BA9]'}
+                  style={{
+                    width: `${Math.round((((userSubscribe?.upload || 0) + (userSubscribe?.download || 0)) / (userSubscribe?.traffic || 1)) * 100)}%`,
+                  }}
+                ></div>
               </div>
-            </>
-          ) : (
-            <Airo_Empty className={'py-0'} description={t('noPlanAvailable')} />
-          )}
+            </div>
+          </div>
         </Card>
 
         {/* 网站公告 Card */}

apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx

@@ -168,7 +168,7 @@ export function TutorialButton({ items }: { items: Item[] }) {
                 )}
               </div>
             </div>
-            <div>
+            <div className={'flex'}>
               {item.download ? (
                 <button
                   className={cn(

apps/user/app/(main)/(content)/(user)/payment/page.tsx

@@ -85,7 +85,7 @@ export default function Page() {
       <Card className='border-none shadow-none sm:border sm:shadow'>
         <CardContent className='grid gap-2 p-6 text-sm'>
           <div className='relative'>
-            <div className={'absolute flex gap-3'}>
+            <div className={'flex gap-3 sm:absolute'}>
               <div
                 className={
                   'flex items-center justify-between rounded-md border-2 border-[#225BA9] p-0.5'

apps/user/locales/en-US/dashboard.json

@@ -1,4 +1,5 @@
 {
+  "None": "None",
   "accountBalance": "Account Balance",
   "accountOverview": "Account Overview",
   "address1": "Address 1",
@@ -7,11 +8,13 @@
   "annualYearPlanUser": "Annual Plan User",
   "availableDevices": "Available Devices",
   "beginnerTutorial": "Beginner Tutorial",
+  "buySubscriptionNow": "Buy Subscription Now",
   "cancel": "Cancel",
   "confirm": "Confirm",
   "confirmResetSubscription": "Are you sure you want to reset the subscription address?",
   "copy": "Copy",
   "copyFailure": "Copy failed, please copy manually",
+  "copySubscribeLink": "Copy the subscription link or click the QR code button to scan",
   "copySubscriptionLinkOrScanQrCode": "Copy subscription link or click the QR code button to scan",
   "copySuccess": "Copy successful",
   "deducted": "Canceled",
@@ -19,6 +22,8 @@
   "expirationDays": "Expiration Days",
   "expired": "Expired",
   "finished": "Traffic exhausted",
+  "freeAppleID": "Free US Apple ID",
+  "get": "Get",
   "import": "Import",
   "inEffect": "In Effect",
   "latestAnnouncement": "Latest Announcement",
@@ -32,6 +37,7 @@
   "noPlanAvailable": "No Plan Available",
   "noReset": "No Reset",
   "noYPlan": "No Plan Active",
+  "notEffect": "Not in effect",
   "online": "Online: ",
   "pageOf": "Page {pageIndex} of {pageCount}",
   "pinnedAnnouncement": "[Pinned]",
@@ -40,12 +46,14 @@
   "prompt": "Prompt",
   "purchaseSubscription": "Purchase Subscription",
   "qrCode": "QR Code",
+  "quickDownloads": "Quick Downloads",
   "remaining": "Remaining: ",
   "resetSubscription": "Reset Subscription Address",
   "resetSuccess": "Reset successful",
   "rowsPerPage": "Rows per page",
   "scanCodeToSubscribe": "Scan code to subscribe",
   "scanToSubscribe": "Scan to Subscribe",
+  "selectOS": "Select the corresponding operating system to download the client",
   "siteAnnouncements": "Site Announcements",
   "subscriptionUrl": "Subscription URL",
   "totalTraffic": "Total Traffic",

apps/user/locales/zh-CN/dashboard.json

@@ -1,4 +1,5 @@
 {
+  "None": "暂无",
   "accountBalance": "账户余额",
   "accountOverview": "账户概况",
   "address1": "地址1",
@@ -7,11 +8,13 @@
   "annualYearPlanUser": "年度套餐用户",
   "availableDevices": "可用设备",
   "beginnerTutorial": "新手教程",
+  "buySubscriptionNow": "立即购买订阅",
   "cancel": "取消",
   "confirm": "确认",
   "confirmResetSubscription": "是否确认重置订阅地址?",
   "copy": "复制",
   "copyFailure": "复制失败，请手动复制",
+  "copySubscribeLink": "复制订阅链接或点击二维码按钮扫码",
   "copySubscriptionLinkOrScanQrCode": "复制订阅链接或点击二维码按钮扫码",
   "copySuccess": "复制成功",
   "deducted": "已取消",
@@ -19,6 +22,8 @@
   "expirationDays": "到期时间/天",
   "expired": "已过期",
   "finished": "流量已用尽",
+  "freeAppleID": "免费美区Apple ID",
+  "get": "获取",
   "import": "导入",
   "inEffect": "生效中",
   "latestAnnouncement": "最新公告",
@@ -32,6 +37,7 @@
   "noPlanAvailable": "暂无套餐",
   "noReset": "不重置",
   "noYPlan": "尚未有套餐生效",
+  "notEffect": "未生效",
   "online": "在线：",
   "pageOf": "第 {pageIndex} 页，共 {pageCount} 页",
   "pinnedAnnouncement": "【置顶公告】",
@@ -40,12 +46,14 @@
   "prompt": "提示",
   "purchaseSubscription": "购买订阅",
   "qrCode": "二维码",
+  "quickDownloads": "快捷下载",
   "remaining": "剩余：",
   "resetSubscription": "重置订阅地址",
   "resetSuccess": "重置成功",
   "rowsPerPage": "每页显示",
   "scanCodeToSubscribe": "扫描码订阅",
   "scanToSubscribe": "扫描订阅",
+  "selectOS": "选择对应操作系统下载客户端",
   "siteAnnouncements": "网站公告",
   "subscriptionUrl": "订阅地址",
   "totalTraffic": "总流量",

packages/airo-ui/src/components/AiroButton.tsx

@@ -13,7 +13,8 @@ const buttonVariants = cva(
         primary: 'bg-[#225BA9] text-primary-foreground shadow hover:bg-[#0F2C53] ',
         danger: 'bg-[#FF4248] text-primary-foreground shadow hover:bg-[#E22C2E]',
         dangerLink: 'text-[#E22C2E] ',
-        primaryBlue: 'bg-[#A8D4ED] text-primary-foreground hover:bg-[#225BA9]',
+        primaryBlue:
+          'bg-[#B5C9E2] text-[#225BA9] hover:bg-[#225BA9] hover:text-primary-foreground ',
         destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
         outline:
           'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',