release: v0.0.24 — memoize Auth/Theme context values

AuthProvider and ThemeProvider memoize their context value with useMemo instead of allocating a new object each render, avoiding cascading consumer re-renders (incl. the antd ConfigProvider subtree).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: SuperMarioYL

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to the Bison project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.0.24] - 2026-06-19
+
+### Changed — Frontend re-render reduction
+
+- `AuthProvider` and `ThemeProvider` now memoize their context value (`useMemo`) instead of allocating a fresh object every render, so consumers (and, for the theme, the whole Ant Design `ConfigProvider` subtree) no longer re-render on unrelated parent renders.
+
 ## [0.0.23] - 2026-06-19
 
 ### Changed — Centralized frontend error handling

deploy/charts/bison/Chart.yaml

@@ -2,8 +2,8 @@ apiVersion: v2
 name: bison
 description: Bison - GPU 资源计费平台，基于 Capsule 多租户 + OpenCost 成本追踪
 type: application
-version: 0.0.23
-appVersion: "0.0.23"
+version: 0.0.24
+appVersion: "0.0.24"
 keywords:
   - gpu
   - billing

web-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bison-web-ui",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "private": true,
   "scripts": {
     "dev": "vite",

web-ui/src/contexts/AuthContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react';
 import { getAuthStatus } from '../services/api';
 
 interface AuthContextType {
@@ -72,18 +72,12 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
     setUsername(null);
   }, []);
 
-  return (
-    <AuthContext.Provider value={{ 
-      isAuthenticated, 
-      authEnabled, 
-      username, 
-      loading, 
-      logout,
-      checkAuth 
-    }}>
-      {children}
-    </AuthContext.Provider>
+  const value = useMemo<AuthContextType>(
+    () => ({ isAuthenticated, authEnabled, username, loading, logout, checkAuth }),
+    [isAuthenticated, authEnabled, username, loading, logout, checkAuth],
   );
+
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
 };
 
 export const useAuth = () => {

web-ui/src/contexts/ThemeContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react';
 
 type ThemeMode = 'light' | 'dark';
 
@@ -56,16 +56,12 @@ export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ childre
     setThemeState(newTheme);
   }, []);
 
-  return (
-    <ThemeContext.Provider value={{ 
-      theme, 
-      toggleTheme, 
-      setTheme, 
-      isDark: theme === 'dark' 
-    }}>
-      {children}
-    </ThemeContext.Provider>
+  const value = useMemo<ThemeContextType>(
+    () => ({ theme, toggleTheme, setTheme, isDark: theme === 'dark' }),
+    [theme, toggleTheme, setTheme],
   );
+
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
 };
 
 export const useTheme = (): ThemeContextType => {