From 7848d69524f739c3139d0c1fdb99c686fc6fdfb5 Mon Sep 17 00:00:00 2001
From: Offending Commit <offendingcommit@gmail.com>
Date: Mon, 27 Apr 2026 14:33:26 -0500
Subject: [PATCH] feat(web): show app version in sidebar footer via Vite define

Reads version from root package.json at build time and injects it
as __APP_VERSION__ via Vite define, replacing the hardcoded "API v3".
---
 packages/web/src/components/layout/Sidebar.tsx |  2 +-
 packages/web/src/vite-env.d.ts                 |  1 +
 packages/web/vite.config.ts                    | 15 +++++++++++----
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 packages/web/src/vite-env.d.ts

diff --git a/packages/web/src/components/layout/Sidebar.tsx b/packages/web/src/components/layout/Sidebar.tsx
index 139cd5e..84af122 100644
--- a/packages/web/src/components/layout/Sidebar.tsx
+++ b/packages/web/src/components/layout/Sidebar.tsx
@@ -116,7 +116,7 @@ export function Sidebar() {
 				style={{ borderTop: "1px solid var(--border)" }}
 			>
 				<p className="text-xs font-mono hidden sm:block" style={{ color: "var(--text-4)" }}>
-					API v3
+					v{__APP_VERSION__}
 				</p>
 				<div className="flex items-center gap-1.5 mx-auto sm:mx-0">
 					<button
diff --git a/packages/web/src/vite-env.d.ts b/packages/web/src/vite-env.d.ts
new file mode 100644
index 0000000..41fad5b
--- /dev/null
+++ b/packages/web/src/vite-env.d.ts
@@ -0,0 +1 @@
+declare const __APP_VERSION__: string;
diff --git a/packages/web/vite.config.ts b/packages/web/vite.config.ts
index d7c3fbe..1267586 100644
--- a/packages/web/vite.config.ts
+++ b/packages/web/vite.config.ts
@@ -1,16 +1,23 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import { readFileSync } from "node:fs";
 import tailwindcss from "@tailwindcss/vite";
-import { fileURLToPath } from "url";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import react from "@vitejs/plugin-react";
 import path from "path";
+import { fileURLToPath } from "url";
+import { defineConfig } from "vite";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const host = process.env.TAURI_DEV_HOST;
+const { version } = JSON.parse(
+	readFileSync(path.resolve(__dirname, "../../package.json"), "utf-8"),
+) as { version: string };
 
 export default defineConfig({
 	clearScreen: false,
 	plugins: [tanstackRouter({ autoCodeSplitting: true }), react(), tailwindcss()],
+	define: {
+		__APP_VERSION__: JSON.stringify(version),
+	},
 	resolve: {
 		alias: {
 			"@": path.resolve(__dirname, "./src"),