From 68ea4958b8777c84efde2c09723960f4cd0cfded Mon Sep 17 00:00:00 2001
From: Dayuan Jiang <34411969+DayuanJiang@users.noreply.github.com>
Date: Sun, 21 Dec 2025 00:55:54 +0900
Subject: [PATCH] feat: display app version in Settings dialog (#337)

---
 components/settings-dialog.tsx | 5 +++++
 next.config.ts                 | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/components/settings-dialog.tsx b/components/settings-dialog.tsx
index 17bcde5..b2ba8b7 100644
--- a/components/settings-dialog.tsx
+++ b/components/settings-dialog.tsx
@@ -452,6 +452,11 @@ export function SettingsDialog({
                         />
                     </div>
                 </div>
+                <div className="pt-4 border-t border-border/50">
+                    <p className="text-[0.75rem] text-muted-foreground text-center">
+                        Version {process.env.APP_VERSION}
+                    </p>
+                </div>
             </DialogContent>
         </Dialog>
     )
diff --git a/next.config.ts b/next.config.ts
index 8c0356a..a9579a2 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,8 +1,12 @@
 import type { NextConfig } from "next"
+import packageJson from "./package.json"
 
 const nextConfig: NextConfig = {
     /* config options here */
     output: "standalone",
+    env: {
+        APP_VERSION: packageJson.version,
+    },
 }
 
 export default nextConfig