Inject app version into frontend build

Author: ssfun

.github/workflows/deploy.yml

@@ -15,8 +15,14 @@ jobs:
 
       - name: Get latest release tag
         id: get_latest_tag
+        env:
+          RELEASE_TAG: ${{ github.event.release.tag_name }}
         run: |
-          LATEST_TAG=$(curl -s https://api.github.com/repos/ssfun/tg-sign-plus/releases/latest | grep -oP '"tag_name": "\K(.*)(?=")')
+          if [ -n "$RELEASE_TAG" ]; then
+            LATEST_TAG="$RELEASE_TAG"
+          else
+            LATEST_TAG=$(curl -s https://api.github.com/repos/ssfun/tg-sign-plus/releases/latest | grep -oP '"tag_name": "\K(.*)(?=")')
+          fi
           echo "Latest tag: $LATEST_TAG"
           echo "latest_tag=$LATEST_TAG" >> $GITHUB_OUTPUT
 
@@ -69,6 +75,8 @@ jobs:
         with:
           platforms: linux/amd64,linux/arm64
           push: true
+          build-args: |
+            APP_VERSION=${{ steps.get_latest_tag.outputs.latest_tag }}
           tags: |
             ${{ secrets.DOCKER_USERNAME }}/tg-sign-plus:latest
             ${{ secrets.DOCKER_USERNAME }}/tg-sign-plus:${{ steps.get_latest_tag.outputs.latest_tag }}

Dockerfile

@@ -2,6 +2,9 @@
 
 WORKDIR /frontend
 
+ARG APP_VERSION=dev
+ENV NEXT_PUBLIC_APP_VERSION=${APP_VERSION}
+
 # Copy dependency manifests first for better layer caching.
 COPY frontend/package*.json ./
 RUN npm ci

frontend/app/dashboard/settings/page.tsx

@@ -56,6 +56,8 @@ import { ThemeLanguageToggle } from "../../../components/ThemeLanguageToggle";
 import { AppFooter } from "../../../components/app-footer";
 import { useLanguage } from "../../../context/LanguageContext";
 
+const appVersion = process.env.NEXT_PUBLIC_APP_VERSION || "dev";
+
 export default function SettingsPage() {
     const router = useRouter();
     const { t, language } = useLanguage();
@@ -464,7 +466,15 @@ export default function SettingsPage() {
                                     </h1>
                                 </div>
                             </div>
-                            <div className="grid grid-cols-1 gap-3 sm:grid-cols-3 lg:min-w-[420px]">
+                            <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:min-w-[560px] lg:grid-cols-4">
+                                <div className="rounded-2xl border border-[var(--border-secondary)] bg-[var(--bg-tertiary)] p-4">
+                                    <div className="text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--text-tertiary)]">
+                                        {language === "zh" ? "版本" : "Version"}
+                                    </div>
+                                    <div className="mt-3 text-sm font-semibold text-[var(--text-primary)]">
+                                        {appVersion}
+                                    </div>
+                                </div>
                                 <div className="rounded-2xl border border-[var(--border-secondary)] bg-[var(--bg-tertiary)] p-4">
                                     <div className="text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--text-tertiary)]">2FA</div>
                                     <div className="mt-3">