From c8b1feee19f0dfb5678ff8ef29f151c63e1b0e60 Mon Sep 17 00:00:00 2001
From: Echo <echo@moon-dragon.us>
Date: Tue, 12 May 2026 23:49:14 +0000
Subject: [PATCH] fix: make version display dynamic from package.json instead
 of hardcoded

---
 frontend/package.json                 | 2 +-
 frontend/src/components/AppLayout.tsx | 2 +-
 frontend/src/vite-env.d.ts            | 2 ++
 frontend/vite.config.ts               | 5 +++++
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/vite-env.d.ts

diff --git a/frontend/package.json b/frontend/package.json
index 1629712..4bfe802 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "patch-manager-ui",
   "private": true,
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/components/AppLayout.tsx b/frontend/src/components/AppLayout.tsx
index 9242d6a..2143489 100644
--- a/frontend/src/components/AppLayout.tsx
+++ b/frontend/src/components/AppLayout.tsx
@@ -139,7 +139,7 @@ export default function AppLayout() {
       <Divider />
       <Box sx={{ p: 1.5 }}>
         <Typography variant="caption" color="text.secondary">
-           Linux Patch Manager v0.1.3
+           Linux Patch Manager v{__APP_VERSION__}
         </Typography>
       </Box>
     </Box>
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
new file mode 100644
index 0000000..d5337f4
--- /dev/null
+++ b/frontend/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+declare const __APP_VERSION__: string;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 9734276..4b6bd04 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -2,8 +2,13 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import { resolve } from 'path'
 
+import { version } from './package.json'
+
 export default defineConfig({
   plugins: [react()],
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+  },
   resolve: {
     alias: {
       '@': resolve(__dirname, './src'),