agent-desktop/console/src/hooks/useHeaderSlogan.ts

import { useState, useEffect } from "react";
import { BRAND } from "../constants/branding";
import { authApi } from "../api/modules/auth";
import type { ConfigInfo } from "../api/modules/auth";

/**
 * Header 广告词 Hook —— 运营端可配置。
 *
 * 配置来源优先级：
 * 1. localStorage 覆盖（调试用）：localStorage.setItem("headerSlogan", "自定义广告词")
 * 2. 运营端系统配置：authApi.listConfig() 中的 site.header_slogan / site.header_slogan_url
 * 3. 品牌默认值：BRAND.headerSlogan
 */
const STORAGE_KEY = "headerSlogan";
const CONFIG_KEY_SLOGAN = "site.header_slogan";
const CONFIG_KEY_URL = "site.header_slogan_url";

export interface HeaderSlogan {
  text: string;
  url: string;
}

export function useHeaderSlogan(): HeaderSlogan {
  const [slogan, setSlogan] = useState<HeaderSlogan>(() => {
    // 优先从 localStorage 读取（调试用），否则使用品牌默认值
    try {
      const stored = localStorage.getItem(STORAGE_KEY);
      if (stored) return { text: stored, url: "" };
    } catch {
      // ignore
    }
    return { text: BRAND.headerSlogan, url: "" };
  });

  useEffect(() => {
    let cancelled = false;

    async function load() {
      // 如果 localStorage 有覆盖，跳过 API 请求
      try {
        const stored = localStorage.getItem(STORAGE_KEY);
        if (stored) return;
      } catch {
        // ignore
      }

      try {
        const cfg = await authApi.listSiteConfig();
        const items = cfg as ConfigInfo[];
        if (!Array.isArray(items)) {
          console.warn("[useHeaderSlogan] API 返回格式不是数组:", cfg);
          return;
        }
        const sloganItem = items.find((c) => c.key === CONFIG_KEY_SLOGAN);
        const urlItem = items.find((c) => c.key === CONFIG_KEY_URL);
        if (!cancelled) {
          setSlogan((prev) => ({
            text: sloganItem?.value || prev.text,
            url: urlItem?.value || "",
          }));
        }
      } catch (e) {
        console.error("[useHeaderSlogan] 加载配置失败:", e);
        // API 失败时保持默认值
      }
    }

    load();
    return () => {
      cancelled = true;
    };
  }, []);

  return slogan;
}

export default useHeaderSlogan;