From d2287c2e4712be71ec13209d72788b71816c80cd Mon Sep 17 00:00:00 2001
From: Ben Senescu <44480372+bensenescu@users.noreply.github.com>
Date: Fri, 10 Jul 2026 18:33:54 -0400
Subject: [PATCH] Show app version in settings for self-hosted mode (#383)

---
 src/routes/_app/settings.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/routes/_app/settings.tsx b/src/routes/_app/settings.tsx
index 5b05403..9f4b150 100644
--- a/src/routes/_app/settings.tsx
+++ b/src/routes/_app/settings.tsx
@@ -5,6 +5,7 @@ import { toast } from "sonner";
 import { type ThemePreference, useThemePreference } from "@/client/lib/theme";
 import { authClient, useSession } from "@/lib/auth-client";
 import { isHostedClientAuthMode } from "@/lib/auth-mode";
+import { version } from "../../../package.json";
 
 export const Route = createFileRoute("/_app/settings")({
   component: SettingsPage,
@@ -112,7 +113,17 @@ function SettingsPage() {
               />
             </div>
           </section>
-        ) : null}
+        ) : (
+          <section className="space-y-3">
+            <h2 className="text-sm font-medium text-base-content/50">About</h2>
+            <div className="flex items-center justify-between gap-6">
+              <span className="text-sm">Version</span>
+              <span className="font-mono text-sm text-base-content/60">
+                v{version}
+              </span>
+            </div>
+          </section>
+        )}
       </div>
     </div>
   );