代码提交

frontend-web/src/core/agents/hooks.ts

@@ -150,12 +150,15 @@ export function useAllAgentsAdmin(enabled: boolean) {
   return { agents: data ?? [], isLoading, error };
 }
 
-export function useAgent(id: string | null | undefined) {
-  const { data, isLoading, error } = useQuery({
-    queryKey: ["agents", id],
-    queryFn: () => getAgent(id!),
-    enabled: !!id,
-  });
+export function useAgent(
+  id: string | null | undefined,
+  { enabled = true }: { enabled?: boolean } = {},
+) {
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["agents", id],
+    queryFn: () => getAgent(id!),
+    enabled: enabled && !!id,
+  });
   return { agent: data ?? null, isLoading, error };
 }
 

frontend-web/src/core/branding/brand-assets.ts

@@ -3,12 +3,13 @@ import fallbackLogoLight from "@/assets/img/brand-logo-light.png";
 import fallbackLogoLightblue from "@/assets/img/brand-logo-lightblue.png";
 import { readRuntimeEnv } from "@/env";
 
-export type BrandTheme = "light" | "lightblue" | "lightgreen" | "dark";
+export type BrandTheme = "light" | "lightblue" | "lightgreen" | "iceblue" | "dark";
 
 const headerFallbackAssets: Record<BrandTheme, string> = {
   light: fallbackLogoLight,
   lightblue: fallbackLogoLightblue,
   lightgreen: fallbackLogoLight,
+  iceblue: fallbackLogoLightblue,
   dark: fallbackLogoDark,
 };
 
@@ -16,6 +17,7 @@ const headerRuntimeKeys: Record<BrandTheme, string> = {
   light: "VITE_BRAND_LOGO_LIGHT_URL",
   lightblue: "VITE_BRAND_LOGO_LIGHTBLUE_URL",
   lightgreen: "VITE_BRAND_LOGO_LIGHTGREEN_URL",
+  iceblue: "VITE_BRAND_LOGO_ICEBLUE_URL",
   dark: "VITE_BRAND_LOGO_DARK_URL",
 };
 
@@ -23,6 +25,7 @@ const welcomeRuntimeKeys: Record<BrandTheme, string> = {
   light: "VITE_BRAND_WELCOME_LIGHT_URL",
   lightblue: "VITE_BRAND_WELCOME_LIGHTBLUE_URL",
   lightgreen: "VITE_BRAND_WELCOME_LIGHTGREEN_URL",
+  iceblue: "VITE_BRAND_WELCOME_ICEBLUE_URL",
   dark: "VITE_BRAND_WELCOME_DARK_URL",
 };
 

frontend-web/src/core/i18n/locales/en-US.ts

@@ -450,11 +450,13 @@ export const enUS: Translations = {
       dark: "Dark",
       lightblue: "Light Blue",
       lightgreen: "Green",
+      iceblue: "Glacier Blue",
       systemDescription: "Match the operating system preference automatically.",
       lightDescription: "Bright palette with higher contrast for daytime.",
       darkDescription: "Dim palette that reduces glare for focus.",
       lightblueDescription: "A crisp light palette built around blue.",
       lightgreenDescription: "A crisp light palette built around WeKnora green.",
+      iceblueDescription: "An airy palette built around #9BCEF1 with accessible blue actions.",
       languageTitle: "Language",
       languageDescription: "Switch between languages.",
     },

frontend-web/src/core/i18n/locales/types.ts

@@ -385,11 +385,13 @@ export interface Translations {
       dark: string;
       lightblue: string;
       lightgreen: string;
+      iceblue: string;
       systemDescription: string;
       lightDescription: string;
       darkDescription: string;
       lightblueDescription: string;
       lightgreenDescription: string;
+      iceblueDescription: string;
       languageTitle: string;
       languageDescription: string;
     };

frontend-web/src/core/i18n/locales/zh-CN.ts

@@ -431,11 +431,13 @@ export const zhCN: Translations = {
       dark: "深色",
       lightblue: "浅蓝",
       lightgreen: "绿色",
+      iceblue: "冰川蓝",
       systemDescription: "自动跟随系统主题。",
       lightDescription: "更明亮的配色，适合日间使用。",
       darkDescription: "更暗的配色，减少眩光方便专注。",
       lightblueDescription: "以蓝色为主色的清爽浅色配色。",
       lightgreenDescription: "采用 WeKnora 绿色的清爽浅色配色。",
+      iceblueDescription: "以 #9BCEF1 为主色，搭配冰蓝留白与沉稳交互色。",
       languageTitle: "语言",
       languageDescription: "在不同语言之间切换。",
     },

frontend-web/src/core/system-settings/api.ts

@@ -276,7 +276,7 @@ export async function updatePublishSquares(
   return data;
 }
 
-export type ThemeMode = "light" | "dark" | "lightblue" | "lightgreen";
+export type ThemeMode = "light" | "dark" | "lightblue" | "lightgreen" | "iceblue";
 export type ViewMode = "card" | "list";
 export type LayoutMode = "full" | "compact";
 export type CompactShortcutParamType = "login" | "theme";

frontend-web/src/core/system-settings/hooks.ts

@@ -111,10 +111,13 @@ export function useUpdatePublishSquares() {
   });
 }
 
-export function useAppearanceSettings() {
+export function useAppearanceSettings(
+  { enabled = true }: { enabled?: boolean } = {},
+) {
   return useQuery({
     queryKey: APPEARANCE_KEY,
     queryFn: () => loadAppearanceSettings(),
+    enabled,
     staleTime: 60_000,
     refetchOnWindowFocus: false,
     // The provider runs even on the login page (where the user has no auth)