From 9a66d5205f0783ea7cb302e79c0c5cdd9b7fd28b Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Wed, 14 Jan 2026 17:42:18 +0800
Subject: [PATCH] feat(website): display version in header and load from
 page-agent package

---
 packages/website/src/components/Header.tsx | 3 +++
 packages/website/src/env.d.ts              | 4 ++++
 packages/website/vite.config.js            | 5 +++++
 3 files changed, 12 insertions(+)

diff --git a/packages/website/src/components/Header.tsx b/packages/website/src/components/Header.tsx
index b1d9c58..0d119ff 100644
--- a/packages/website/src/components/Header.tsx
+++ b/packages/website/src/components/Header.tsx
@@ -84,6 +84,9 @@ export default function Header() {
 							role="navigation"
 							aria-label={t('header.nav_docs')}
 						>
+							<span className="text-xs font-mono text-gray-400 dark:text-gray-500 tabular-nums">
+								v{import.meta.env.VERSION}
+							</span>
 							<Link
 								href="/docs/introduction/overview"
 								className="flex items-center gap-1.5 text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200"
diff --git a/packages/website/src/env.d.ts b/packages/website/src/env.d.ts
index 10798a0..e867e23 100644
--- a/packages/website/src/env.d.ts
+++ b/packages/website/src/env.d.ts
@@ -1,5 +1,9 @@
 /// <reference types="vite/client" />
 
+interface ImportMetaEnv {
+	readonly VERSION: string
+}
+
 declare module '*.module.css' {
 	const classes: Record<string, string>
 	export default classes
diff --git a/packages/website/vite.config.js b/packages/website/vite.config.js
index ab06d6e..1a60ff5 100644
--- a/packages/website/vite.config.js
+++ b/packages/website/vite.config.js
@@ -1,12 +1,16 @@
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react-swc'
 import { config as dotenvConfig } from 'dotenv'
+import { readFileSync } from 'node:fs'
 import process from 'node:process'
 import { dirname, resolve } from 'path'
 import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
+const pageAgentPkg = JSON.parse(
+	readFileSync(resolve(__dirname, '../page-agent/package.json'), 'utf-8')
+)
 
 // Load .env from repo root
 dotenvConfig({ path: resolve(__dirname, '../../.env') })
@@ -32,5 +36,6 @@ export default defineConfig({
 		'import.meta.env.LLM_MODEL_NAME': JSON.stringify(process.env.LLM_MODEL_NAME),
 		'import.meta.env.LLM_API_KEY': JSON.stringify(process.env.LLM_API_KEY),
 		'import.meta.env.LLM_BASE_URL': JSON.stringify(process.env.LLM_BASE_URL),
+		'import.meta.env.VERSION': JSON.stringify(pageAgentPkg.version),
 	},
 })