fix: hide Test ErrorBoundary button in production mode

- Added NODE_ENV environment variable to vite config
- Conditionally render the Test ErrorBoundary button only in development mode
- This prevents users from accidentally triggering test errors in production

Fixes #6215

Author: roomote

webview-ui/src/components/settings/About.tsx

@@ -110,10 +110,12 @@ export const About = ({ telemetrySetting, setTelemetrySetting, className, ...pro
 					</Button>
 
 					{/* Test button for ErrorBoundary - only visible in development */}
-					<Button variant="destructive" onClick={triggerTestError} className="w-auto">
-						<TriangleAlert className="p-0.5" />
-						Test ErrorBoundary
-					</Button>
+					{process.env.NODE_ENV === "development" && (
+						<Button variant="destructive" onClick={triggerTestError} className="w-auto">
+							<TriangleAlert className="p-0.5" />
+							Test ErrorBoundary
+						</Button>
+					)}
 				</div>
 			</Section>
 		</div>

webview-ui/vite.config.ts

@@ -59,6 +59,7 @@ export default defineConfig(({ mode }) => {
 
 	const define: Record<string, any> = {
 		"process.platform": JSON.stringify(process.platform),
+		"process.env.NODE_ENV": JSON.stringify(mode),
 		"process.env.VSCODE_TEXTMATE_DEBUG": JSON.stringify(process.env.VSCODE_TEXTMATE_DEBUG),
 		"process.env.PKG_NAME": JSON.stringify(pkg.name),
 		"process.env.PKG_VERSION": JSON.stringify(pkg.version),