@0xchain/header 1.0.0 → 1.1.0-beta.10

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { JSX } from 'react/jsx-runtime';
 
 export declare function emitUserEvent(eventName: string, data?: any): void;
 
-declare function HeaderBar({ extra, children, className, hideNews, hideLogin, source }: HeaderBarProps): Promise<JSX.Element>;
+declare function HeaderBar({ extra, children, className, hideNews, hideLogin, source, brand }: HeaderBarProps): Promise<JSX.Element>;
 export default HeaderBar;
 
 export declare interface HeaderBarProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -12,8 +12,17 @@ export declare interface HeaderBarProps extends default_2.HTMLAttributes<HTMLDiv
     hideNews?: boolean;
     hideLogin?: boolean;
     source?: HeaderSource;
+    /** 品牌标识：iChatGo（默认）或 CHAINDIGG */
+    brand?: HeaderBrand;
 }
 
+/**
+ * 品牌标识
+ * - "iChatGo": iChatGo 品牌（默认）
+ * - "CHAINDIGG": CHAINDIGG 品牌
+ */
+export declare type HeaderBrand = "iChatGo" | "CHAINDIGG";
+
 export declare enum HeaderSource {
     EXPLORER = "explorer",
     CHAT = "chat",

package/dist/index.js

@@ -1,46 +1,56 @@
-import { jsxs as r, Fragment as x, jsx as o } from "react/jsx-runtime";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { twMerge as i } from "tailwind-merge";
 import k from "@0xchain/request";
-import m, { HeaderSource as a } from "./lib/Right.js";
+import l, { HeaderSource as a } from "./lib/Right.js";
 import g from "./lib/Logo.js";
-import { cookies as E } from "next/headers";
-import { USER_EVENTS as _, emitUserEvent as w, onUserEvent as j } from "./lib/events.js";
-async function N({ extra: l, children: p, className: f, hideNews: d, hideLogin: c, source: t = a.DEFAULT }) {
+import { cookies as v } from "next/headers";
+import { HeaderProvider as E } from "./lib/context.js";
+import { USER_EVENTS as w, emitUserEvent as j, onUserEvent as G } from "./lib/events.js";
+async function R({
+  extra: f,
+  children: p,
+  className: h,
+  hideNews: d = !1,
+  hideLogin: c = !1,
+  source: r = a.DEFAULT,
+  brand: s = "iChatGo"
+}) {
   var n;
   let e = {
     data: {}
   };
-  try {
-    const s = (n = (await E()).get("refresh_token")) == null ? void 0 : n.value;
-    if (typeof s < "u" && s !== "")
-      try {
-        e = await k.get("/v2/users/profile", {
-          baseURL: process.env.AUTH_INNER_API_URL
-        });
-      } catch (h) {
-        console.error(h), e = { data: {} };
-      }
-  } catch {
-    e = { data: {} };
-  }
-  return /* @__PURE__ */ r(x, { children: [
-    /* @__PURE__ */ r("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", t === a.CHAT ? "hidden md:block" : "block", f), children: [
-      /* @__PURE__ */ r("div", { className: "md:bg-module h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
-        /* @__PURE__ */ r("div", { className: i("items-center flex-1 gap-6", t === a.CHAT ? "hidden md:flex" : "flex"), children: [
+  if (s !== "CHAINDIGG")
+    try {
+      const m = (n = (await v()).get("refresh_token")) == null ? void 0 : n.value;
+      if (typeof m < "u" && m !== "")
+        try {
+          e = await k.get("/v2/users/profile", {
+            baseURL: process.env.AUTH_INNER_API_URL
+          });
+        } catch (x) {
+          console.error(x), e = { data: {} };
+        }
+    } catch {
+      e = { data: {} };
+    }
+  return /* @__PURE__ */ t(E, { brand: s, children: [
+    /* @__PURE__ */ t("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", r === a.CHAT ? "hidden md:block" : "block", h), children: [
+      /* @__PURE__ */ t("div", { className: "md:bg-card h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
+        /* @__PURE__ */ t("div", { className: i("items-center flex-1 gap-6", r === a.CHAT ? "hidden md:flex" : "flex"), children: [
           /* @__PURE__ */ o(g, {}),
           p
         ] }),
-        /* @__PURE__ */ o(m, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
+        /* @__PURE__ */ o(l, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
       ] }),
-      l
+      f
     ] }),
-    /* @__PURE__ */ o("div", { className: i(t === a.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ o(m, { hideNews: d, source: t, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
+    /* @__PURE__ */ o("div", { className: i(r === a.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ o(l, { hideNews: d, source: r, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
   ] });
 }
 export {
   a as HeaderSource,
-  _ as USER_EVENTS,
-  N as default,
-  w as emitUserEvent,
-  j as onUserEvent
+  w as USER_EVENTS,
+  R as default,
+  j as emitUserEvent,
+  G as onUserEvent
 };

package/dist/lib/Drawer.js

@@ -1,21 +1,42 @@
 'use client';
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import c from "rc-drawer";
-import { Menu as d, X as m } from "lucide-react";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import d from "rc-drawer";
+import { Menu as f, X as m } from "lucide-react";
 import p from "./Nav.js";
-import { useState as f } from "react";
-function b({ hideLogin: s, hideNews: a, user: i }) {
-  const [r, t] = f(!1);
-  if (!r)
-    return /* @__PURE__ */ o(d, { onClick: () => t(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden bg-module rounded-lg p-[4px] " });
-  const l = (e) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), t(!1);
+import { useState as u } from "react";
+import { useIsChaindigg as g } from "./context.js";
+function N({
+  hideLogin: s = !1,
+  hideNews: n = !1,
+  user: i
+}) {
+  const e = g(), [a, t] = u(!1);
+  if (!a)
+    return /* @__PURE__ */ o(
+      f,
+      {
+        onClick: () => t(!0),
+        size: 32,
+        style: { color: "var(--foreground)" },
+        className: "md:hidden bg-card rounded-lg p-[4px]"
+      }
+    );
+  const l = (r) => {
+    r == null || r.preventDefault(), r == null || r.stopPropagation(), t(!1);
   };
-  return /* @__PURE__ */ o(c, { open: r, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background/70 p-2 h-screen", children: /* @__PURE__ */ n("div", { className: "w-full max-h-[calc(100svh-16px)] overflow-y-auto p-3 bg-module rounded-lg", children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(m, { size: 24, style: { color: "var(--title)" }, onClick: (e) => l(e) }) }),
-    /* @__PURE__ */ o(p, { onClick: (e) => l(e), hideLogin: s, hideNews: a, user: i })
-  ] }) });
+  return /* @__PURE__ */ o(
+    d,
+    {
+      open: a,
+      placement: "right",
+      className: `block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 p-2 ${e ? "bg-background" : "bg-background/70 h-screen"}`,
+      children: /* @__PURE__ */ c("div", { className: `w-full overflow-y-auto p-3 bg-card rounded-lg ${e ? "max-h-full" : "max-h-[calc(100svh-16px)]"}`, children: [
+        /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(m, { size: 24, style: { color: "var(--foreground)" }, onClick: (r) => l(r) }) }),
+        /* @__PURE__ */ o(p, { onClick: (r) => l(r), hideLogin: s, hideNews: n, user: i })
+      ] })
+    }
+  );
 }
 export {
-  b as default
+  N as default
 };

package/dist/lib/Explorer.js

@@ -1,40 +1,38 @@
 'use client';
-import { jsxs as a, Fragment as w, jsx as r } from "react/jsx-runtime";
-import f from "@0xchain/translation";
-import { Dropdown as g } from "antd";
-import { useState as u, useEffect as b } from "react";
+import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
+import m from "@0xchain/translation";
+import { Dropdown as b } from "antd";
+import { useState as f, useEffect as y } from "react";
 import N from "@0xchain/request";
-import y from "@0xchain/link";
 import x from "@0xchain/better-link";
-import L from "@0xchain/image";
-import { usePathname as A } from "next/navigation";
-import { Accordion as I, AccordionItem as S, AccordionTrigger as j } from "@0xchain/ui/accordion";
-function R({ onClick: o = () => {
-}, onExpandChange: l }) {
+import j from "@0xchain/image";
+import { usePathname as A, useRouter as I } from "next/navigation";
+import { Accordion as S, AccordionItem as L, AccordionTrigger as P } from "@0xchain/ui/accordion";
+function q({ onClick: a = () => {
+}, onExpandChange: n }) {
   A();
-  const { gotoExplorer: p } = x(), [s, h] = u([]), [t, n] = u(""), v = async () => {
+  const p = I(), { gotoExplorer: h } = x(), [s, v] = f([]), [c, i] = f(""), g = async () => {
     const e = await N.get("/api/v2/chains/all-chain-list/basic");
-    h(e.data);
+    v(e.data);
+  }, d = (e, o) => {
+    e == null || e.preventDefault(), e == null || e.stopPropagation(), a == null || a(), i("");
+    const l = h({ chain: o.chainSymbol });
+    p.push(l);
   };
-  b(() => {
-    v();
+  y(() => {
+    g();
   }, []);
-  const c = (e) => {
-    var i, d;
-    return /* @__PURE__ */ a(
-      y,
+  const u = (e) => {
+    var o, l;
+    return /* @__PURE__ */ t(
+      "div",
       {
-        href: p({ chain: e.chainSymbol }),
         className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium",
-        baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-        onClick: (m) => {
-          m.preventDefault(), m.stopPropagation(), o == null || o(), n("");
-        },
         children: [
           /* @__PURE__ */ r(
-            L,
+            j,
             {
-              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(d = (i = e == null ? void 0 : e.chain) == null ? void 0 : i.toLowerCase()) == null ? void 0 : d.replace(" ", "-")}.png?format=auto&width=20&height=20`,
+              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(l = (o = e == null ? void 0 : e.chain) == null ? void 0 : o.toLowerCase()) == null ? void 0 : l.replace(" ", "-")}.png?format=auto&width=20&height=20`,
               className: "w-5 h-5",
               objectFit: "contain"
             }
@@ -44,9 +42,9 @@ function R({ onClick: o = () => {
       }
     );
   };
-  return /* @__PURE__ */ a(w, { children: [
+  return /* @__PURE__ */ t(w, { children: [
     /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
-      g,
+      b,
       {
         getPopupContainer: () => document.body,
         classNames: {
@@ -56,40 +54,41 @@ function R({ onClick: o = () => {
         placement: "bottom",
         menu: {
           items: s.map((e) => ({
-            label: c(e),
-            key: e.chainSymbol
+            label: u(e),
+            key: e.chainSymbol,
+            onClick: (o) => d(o.domEvent, e)
           }))
         },
-        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) })
+        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) })
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ a("div", { onClick: (e) => {
+    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ t("div", { onClick: (e) => {
       e.preventDefault(), e.stopPropagation();
     }, children: [
       /* @__PURE__ */ r(
-        I,
+        S,
         {
           type: "single",
           collapsible: !0,
           className: "w-full",
-          value: t,
+          value: c,
           onValueChange: (e) => {
-            n(e), l == null || l(!!e);
+            i(e), n == null || n(!!e);
           },
-          children: /* @__PURE__ */ r(S, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(j, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-title", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) }) }) }) })
+          children: /* @__PURE__ */ r(L, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(P, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-foreground", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) }) }) }) })
         }
       ),
       /* @__PURE__ */ r(
         "div",
         {
           className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          style: { gridTemplateRows: t ? "1fr" : "0fr" },
-          children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", children: c(e) }, e.chainSymbol)) }) })
+          style: { gridTemplateRows: c ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", onClick: (o) => d(o, e), children: u(e) }, e.chainSymbol)) }) })
         }
       )
     ] }) })
   ] });
 }
 export {
-  R as default
+  q as default
 };

package/dist/lib/Logo.js

@@ -1,23 +1,65 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import o from "@0xchain/image";
-import t from "@0xchain/link";
-import { twMerge as e } from "tailwind-merge";
-function p() {
-  return /* @__PURE__ */ r(t, { suppressHydrationWarning: !0, href: "/", baseUrl: process.env.NEXT_PUBLIC_BASE_URL, className: e(
-    "w-auto shrink-0 block cursor-pointer"
-  ), children: /* @__PURE__ */ r(
-    o,
+import e from "@0xchain/link";
+import { twMerge as i } from "tailwind-merge";
+import { useIsChaindigg as s } from "./context.js";
+function g() {
+  return s() ? /* @__PURE__ */ t(
+    e,
     {
-      src: `${process.env.NEXT_PUBLIC_CDN_URL}/logo.png`,
-      width: 154,
-      height: 32,
-      alt: "logo",
-      objectFit: "contain",
-      priority: !0
+      suppressHydrationWarning: !0,
+      href: "/explorer",
+      baseUrl: "",
+      className: i("w-auto shrink-0 block cursor-pointer"),
+      children: [
+        /* @__PURE__ */ r(
+          o,
+          {
+            className: "block dark:hidden",
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcb36c177e.png`,
+            width: 154,
+            height: 32,
+            alt: "logo",
+            objectFit: "contain",
+            priority: !0
+          }
+        ),
+        /* @__PURE__ */ r(
+          o,
+          {
+            className: "hidden dark:block",
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcf43c95d8.png`,
+            width: 154,
+            height: 32,
+            alt: "logo",
+            objectFit: "contain",
+            priority: !0
+          }
+        )
+      ]
     }
-  ) });
+  ) : /* @__PURE__ */ r(
+    e,
+    {
+      suppressHydrationWarning: !0,
+      href: "/",
+      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
+      className: i("w-auto shrink-0 block cursor-pointer"),
+      children: /* @__PURE__ */ r(
+        o,
+        {
+          src: `${process.env.NEXT_PUBLIC_CDN_URL}/logo.png`,
+          width: 154,
+          height: 32,
+          alt: "logo",
+          objectFit: "contain",
+          priority: !0
+        }
+      )
+    }
+  );
 }
 export {
-  p as default
+  g as default
 };

package/dist/lib/Nav.js

@@ -1,102 +1,175 @@
 'use client';
-import { jsx as r, jsxs as d, Fragment as L } from "react/jsx-runtime";
-import _ from "@0xchain/link";
-import v from "./User/index.js";
-import N from "./Setting/index.js";
-import u from "@0xchain/translation";
-import { twMerge as a } from "tailwind-merge";
-import k from "@0xchain/better-link";
-import { useLocale as S } from "next-intl";
-import P from "./User/Logout.js";
-import { useState as m, useCallback as B, useEffect as T } from "react";
-import I from "./User/SignIn.js";
-import { fetchUserProfile as j } from "@0xchain/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as f } from "./events.js";
-import { usePathname as C } from "next/navigation";
-import D from "./Explorer.js";
-function ee({ onClick: s = () => {
-}, hideNews: p = !1, hideLogin: c = !1, user: h }) {
-  const { gotoAISQL: x, gotoChat: U } = k(), t = S(), l = C(), [w, g] = m(""), [o, E] = m(h), [X, b] = m(!1), y = [
+import { jsx as r, jsxs as i, Fragment as P } from "react/jsx-runtime";
+import p from "@0xchain/link";
+import j from "./User/index.js";
+import c from "./Setting/index.js";
+import h from "@0xchain/translation";
+import { twMerge as l } from "tailwind-merge";
+import I from "@0xchain/better-link";
+import { useLocale as T } from "next-intl";
+import k from "./User/Logout.js";
+import { useState as m, useCallback as A, useEffect as R } from "react";
+import C from "./User/SignIn.js";
+import { fetchUserProfile as X } from "@0xchain/auth";
+import { onUserEvent as D, cleanUserEvent as K, USER_EVENTS as x } from "./events.js";
+import { usePathname as $ } from "next/navigation";
+import g from "./Explorer.js";
+import { useIsChaindigg as q } from "./context.js";
+function le({ onClick: t = () => {
+}, hideNews: w = !1, hideLogin: U = !1, user: b }) {
+  const a = q(), { gotoAISQL: y, gotoChat: E } = I(), s = T(), n = $(), [L, v] = m(""), [d, N] = m(b), [F, _] = m(!1), S = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: U({ locale: t }),
-      key: `/${t}`,
+      href: E({ locale: s }),
+      key: `/${s}`,
       label: /* @__PURE__ */ r("span", { children: "iSearch" }),
-      show: (e) => e === `/${t}` || e.includes(`/${t}/conversation`)
+      show: (e) => e === `/${s}` || e.includes(`/${s}/conversation`)
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: x({ locale: t }),
+      href: y({ locale: s }),
       key: "/sql",
       label: "iSQL",
-      show: (e) => e.includes(`/${t}/sql`)
+      show: (e) => e.includes(`/${s}/sql`)
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(D, { onClick: s, onExpandChange: b }),
+      label: /* @__PURE__ */ r(g, { onClick: t, onExpandChange: _ }),
       show: (e) => e.includes("/explorer")
     },
-    // {
-    //   baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-    //   href: `/etf/btc-us`,
-    //   key: '/etf',
-    //   label: <Translation value="etf" parentKey="menu" />,
-    //   show: (pathname: string) => {
-    //     return pathname.includes(`/etf`)
-    //   }
-    // },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/news",
       key: "/news",
-      label: /* @__PURE__ */ r(u, { value: "news", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(h, { value: "news", parentKey: "menu" }),
       show: (e) => e.includes("/news")
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/ranking/token",
       key: "/ranking",
-      label: /* @__PURE__ */ r(u, { value: "ranking", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(h, { value: "ranking", parentKey: "menu" }),
       show: (e) => e.includes("/ranking")
     }
-  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), i = B(() => new Promise((e) => {
-    j().then((n) => {
-      E(n), g((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
+  ].filter((e) => w ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), B = [
+    {
+      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
+      href: "/explorer",
+      key: "/explorer",
+      label: /* @__PURE__ */ r(g, {}),
+      show: (e) => e.includes("/explorer")
+    }
+  ], u = a ? B : S, f = A(() => new Promise((e) => {
+    X().then((o) => {
+      N(o), v((/* @__PURE__ */ new Date()).getTime().toString()), e(o);
     });
   }), []);
-  return T(() => (A(f.PROFILE_UPDATED, i), () => {
-    R(f.PROFILE_UPDATED, i);
-  }), []), /* @__PURE__ */ d(
+  return R(() => {
+    if (!a)
+      return D(x.PROFILE_UPDATED, f), () => {
+        K(x.PROFILE_UPDATED, f);
+      };
+  }, [a]), a ? /* @__PURE__ */ i(
+    "nav",
+    {
+      className: l(
+        "flex flex-col justify-start items-start md:px-3",
+        "md:flex-row md:justify-end md:items-start md:px-0",
+        "md:gap-6"
+      ),
+      children: [
+        /* @__PURE__ */ r(
+          "ul",
+          {
+            className: l(
+              "flex flex-col justify-start items-start w-full h-full text-sm leading-[44px] z-1001 text-foreground",
+              "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-6",
+              "order-2 md:order-0"
+            ),
+            children: u.map((e, o) => /* @__PURE__ */ r(
+              "li",
+              {
+                className: l(
+                  "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
+                  e.show(n) && "border-b-2 border-primary text-primary"
+                ),
+                children: e.href === n ? e.label : /* @__PURE__ */ r(
+                  p,
+                  {
+                    href: e.href,
+                    onClick: t,
+                    className: "h-full flex items-center justify-start",
+                    baseUrl: e.baseUrl,
+                    suppressHydrationWarning: !0,
+                    children: e.label
+                  }
+                )
+              },
+              o
+            ))
+          }
+        ),
+        /* @__PURE__ */ r(c, { onClick: t })
+      ]
+    }
+  ) : /* @__PURE__ */ i(
     "nav",
     {
-      className: a(
+      className: l(
         "flex flex-col justify-start items-start md:px-3",
-        "md:flex-row md:justify-end md:items-center  md:px-0",
+        "md:flex-row md:justify-end md:items-center md:px-0",
         "md:gap-4"
       ),
       children: [
         /* @__PURE__ */ r(
           "ul",
           {
-            className: a(
-              "flex flex-col justify-start items-start w-full  h-full text-sm  z-1001 text-title",
-              "md:flex-row md:items-center md:w-auto md:h-[34px]  md:gap-6",
+            className: l(
+              "flex flex-col justify-start items-start w-full h-full text-sm z-1001 text-foreground",
+              "md:flex-row md:items-center md:w-auto md:h-[34px] md:gap-6",
               "order-2 md:order-0"
             ),
-            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full", e.key === "/explorer" ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-stroke"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
+            children: u.map((e, o) => /* @__PURE__ */ r(
+              "li",
+              {
+                className: l(
+                  "w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
+                  e.key === "/explorer" ? "h-auto" : "h-11",
+                  e.show(n) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"
+                ),
+                children: e.href === n ? e.label : /* @__PURE__ */ r(
+                  p,
+                  {
+                    href: e.href,
+                    onClick: t,
+                    className: "h-full flex items-center justify-start",
+                    baseUrl: e.baseUrl,
+                    suppressHydrationWarning: !0,
+                    children: e.label
+                  }
+                )
+              },
+              o
+            ))
           }
         ),
-        /* @__PURE__ */ r(N, { onClick: s }),
-        !l.includes("/login") && !c ? /* @__PURE__ */ d(L, { children: [
-          /* @__PURE__ */ r(v, { onClick: s, userInfo: o }, w),
-          o != null && o.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(I, { onClick: s, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
+        /* @__PURE__ */ r(c, { onClick: t }),
+        !n.includes("/login") && !U ? /* @__PURE__ */ i(P, { children: [
+          /* @__PURE__ */ r(j, { onClick: t, userInfo: d }, L),
+          d != null && d.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ r(k, {}) }) : /* @__PURE__ */ r(
+            C,
+            {
+              onClick: t,
+              className: "flex md:hidden h-11 cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center"
+            }
+          )
         ] }) : null
       ]
     }
   );
 }
 export {
-  ee as default
+  le as default
 };

package/dist/lib/Right.js

@@ -1,21 +1,21 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import i from "./Nav.js";
-import l from "./Drawer.js";
-import { twMerge as o } from "tailwind-merge";
-var d = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(d || {});
+import l from "./Nav.js";
+import i from "./Drawer.js";
+import { twMerge as s } from "tailwind-merge";
+var o = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(o || {});
 function x({
-  hideNews: t,
-  hideLogin: m,
-  user: a,
-  source: e = "default"
+  hideNews: t = !1,
+  hideLogin: a = !1,
+  user: e,
+  source: m = "default"
   /* DEFAULT */
 }) {
-  return /* @__PURE__ */ f("div", { className: o(e === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
-    /* @__PURE__ */ r(l, { hideLogin: m, hideNews: t, user: a }),
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(i, { hideNews: t, hideLogin: m, user: a }) })
+  return /* @__PURE__ */ f("div", { className: s(m === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
+    /* @__PURE__ */ r(i, { hideLogin: a, hideNews: t, user: e }),
+    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(l, { hideNews: t, hideLogin: a, user: e }) })
   ] });
 }
 export {
-  d as HeaderSource,
+  o as HeaderSource,
   x as default
 };

package/dist/lib/Setting/SettingBody.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useLocale as h, useTranslations as d } from "next-intl";
 import { useSearchParams as p, usePathname as x } from "next/navigation";
 import { Accordion as b, AccordionItem as w, AccordionTrigger as y, AccordionContent as N } from "@0xchain/ui/accordion";
@@ -10,7 +10,7 @@ import $ from "@0xchain/theme-toggle";
 function U({ onClick: f = () => {
 } }) {
   var i;
-  const a = h(), r = p(), t = d("lang"), s = d("setting"), o = [
+  const a = h(), l = p(), t = d("lang"), s = d("setting"), o = [
     { name: t("en"), lang: "en" },
     { name: t("ja"), lang: "ja" },
     { name: t("ko"), lang: "ko" },
@@ -18,16 +18,16 @@ function U({ onClick: f = () => {
     { name: t("zh-hans"), lang: "zh-hans" }
   ], c = x(), u = v(
     (n) => {
-      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = r.toString();
+      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = l.toString();
       return g ? `${m}?${g}` : m;
     },
-    [c, a, r]
+    [c, a, l]
   );
-  return /* @__PURE__ */ l("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
-    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(b, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ l(w, { value: a, className: "border-0", children: [
-      /* @__PURE__ */ e(y, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ l("div", { className: "flex w-full justify-between items-center", children: [
-        /* @__PURE__ */ e("span", { className: "text-title", children: s("language") }),
-        /* @__PURE__ */ e("span", { className: "text-title", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
+  return /* @__PURE__ */ r("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(b, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ r(w, { value: a, className: "border-0", children: [
+      /* @__PURE__ */ e(y, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: [
+        /* @__PURE__ */ e("span", { className: "text-foreground", children: s("language") }),
+        /* @__PURE__ */ e("span", { className: "text-foreground", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
       ] }) }),
       /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
         k,
@@ -45,7 +45,7 @@ function U({ onClick: f = () => {
         n.lang
       )) })
     ] }) }) }),
-    /* @__PURE__ */ l("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
+    /* @__PURE__ */ r("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
       /* @__PURE__ */ e("div", { children: s("theme") }),
       /* @__PURE__ */ e($, {})
     ] })

package/dist/lib/Setting/index.js

@@ -1,18 +1,45 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import i from "@0xchain/iconfont";
-import l from "@0xchain/tooltip";
-import o from "./SettingBody.js";
-function g({ onClick: r = () => {
+'use client';
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import t from "@0xchain/iconfont";
+import n from "@0xchain/tooltip";
+import r from "./SettingBody.js";
+import { useIsChaindigg as c } from "../context.js";
+function p({ onClick: d = () => {
 } }) {
-  return /* @__PURE__ */ n("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex  items-center bg-module hover:bg-stroke rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(l, { side: "bottom", onChange: (t) => {
-      document.querySelectorAll("iframe").forEach((d) => {
-        d.style.pointerEvents = t ? "none" : "auto";
-      });
-    }, needClick: !0, contentClassName: "bg-module w-70 rounded-lg bg-module text-title border border-stroke", trigger: /* @__PURE__ */ e(i, { type: "icon-centersetup", className: "text-2xl" }), arrowClassName: "fill-module", children: /* @__PURE__ */ e(o, { onClick: r }) }) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(o, {}) })
+  const i = c(), a = (s) => {
+    document.querySelectorAll("iframe").forEach((l) => {
+      l.style.pointerEvents = s ? "none" : "auto";
+    });
+  };
+  return i ? /* @__PURE__ */ o("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+    /* @__PURE__ */ e("div", { className: "hidden md:flex items-center bg-card rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(
+      n,
+      {
+        side: "bottom",
+        needClick: !0,
+        contentClassName: "w-70 rounded-lg bg-card shadow-lg text-foreground border-transparent outline-none",
+        trigger: /* @__PURE__ */ e(t, { type: "icon-setting", className: "text-2xl border border-transparent hover:border-border" }),
+        arrowClassName: "fill-module",
+        children: /* @__PURE__ */ e(r, { onClick: d })
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
+  ] }) : /* @__PURE__ */ o("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+    /* @__PURE__ */ e("div", { className: "hidden md:flex items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(
+      n,
+      {
+        side: "bottom",
+        onChange: a,
+        needClick: !0,
+        contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border",
+        trigger: /* @__PURE__ */ e(t, { type: "icon-centersetup", className: "text-2xl" }),
+        arrowClassName: "fill-card",
+        children: /* @__PURE__ */ e(r, { onClick: d })
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
   ] });
 }
 export {
-  g as default
+  p as default
 };

package/dist/lib/User/Pc.js

@@ -1,29 +1,29 @@
 'use client';
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import m from "@0xchain/link";
-import d from "@0xchain/translation";
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import d from "@0xchain/link";
+import c from "@0xchain/translation";
 import n from "./MainTrigger.js";
-import c from "./Logout.js";
+import m from "./Logout.js";
 import s from "@0xchain/avatar";
 import p from "@0xchain/tooltip";
 function y({
-  list: t,
+  list: o,
   userInfo: e,
-  onClick: o
+  onClick: t
 }) {
-  return /* @__PURE__ */ l(p, { onChange: (a) => {
+  return /* @__PURE__ */ l(p, { onChange: (r) => {
     document.querySelectorAll("iframe").forEach((i) => {
-      i.style.pointerEvents = a ? "none" : "auto";
+      i.style.pointerEvents = r ? "none" : "auto";
     });
-  }, trigger: /* @__PURE__ */ l(n, { userInfo: e }), arrowClassName: "fill-module", contentClassName: "text-title w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 p-3 bg-module rounded-md", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+  }, trigger: /* @__PURE__ */ l(n, { userInfo: e }), arrowClassName: "fill-card", contentClassName: "text-foreground w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-3 bg-card rounded-md", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l(s, { userInfo: e, className: "w-8 h-8" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
         /* @__PURE__ */ l("div", { className: "text-sm font-medium", children: (e == null ? void 0 : e.username) || "--" }),
         /* @__PURE__ */ l("div", { className: "text-xs text-muted-foreground w-full truncate", children: (e == null ? void 0 : e.email) || (e == null ? void 0 : e.walletAddress) })
       ] })
     ] }) }),
-    t.map((a) => /* @__PURE__ */ l("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: a.name === "logout" ? /* @__PURE__ */ l(c, { className: "flex-1 flex py-3 border-t border-stroke w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(m, { href: `/${a.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick: o, children: /* @__PURE__ */ l(d, { value: a.name, parentKey: "account" }) }) }) }, a.name))
+    o.map((r) => /* @__PURE__ */ l("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: r.name === "logout" ? /* @__PURE__ */ l(m, { className: "flex-1 flex py-3 border-t border-border w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(d, { href: `/${r.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick: t, children: /* @__PURE__ */ l(c, { value: r.name, parentKey: "account" }) }) }) }, r.name))
   ] }) });
 }
 export {

package/dist/lib/context.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as o, useContext as i } from "react";
+const t = o({
+  brand: "iChatGo"
+});
+function C({
+  children: e,
+  brand: r = "iChatGo"
+}) {
+  return /* @__PURE__ */ n(t.Provider, { value: { brand: r }, children: e });
+}
+function a() {
+  return i(t);
+}
+function s() {
+  const { brand: e } = a();
+  return e === "CHAINDIGG";
+}
+export {
+  C as HeaderProvider,
+  a as useHeaderContext,
+  s as useIsChaindigg
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/header",
-  "version": "1.0.0",
+  "version": "1.1.0-beta.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -24,27 +24,27 @@
   "dependencies": {
     "js-cookie": "3.0.5",
     "lucide-react": "0.539.0",
-    "next-intl": "4.6.1",
+    "next-intl": "4.8.2",
     "@0xchain/next-themes": "1.0.0",
     "rc-drawer": "7.3.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "tailwind-merge": "3.3.1",
-    "next": "15.5.6",
+    "next": "16.1.6",
     "antd": "6.1.1",
-    "@0xchain/better-link": "1.0.0",
-    "@0xchain/link": "1.0.0",
-    "@0xchain/image": "1.0.0",
-    "@0xchain/iconfont": "1.0.0",
-    "@0xchain/translation": "1.0.0",
-    "@0xchain/request": "1.0.0",
-    "@0xchain/auth": "1.0.0",
-    "@0xchain/with-login": "1.0.0",
-    "@0xchain/tooltip": "1.0.0",
-    "@0xchain/ui": "1.0.0",
-    "@0xchain/theme-toggle": "1.0.0",
-    "@0xchain/token": "1.0.0",
-    "@0xchain/avatar": "1.0.0"
+    "@0xchain/auth": "1.1.0-beta.10",
+    "@0xchain/avatar": "1.1.0-beta.10",
+    "@0xchain/image": "1.1.0-beta.10",
+    "@0xchain/translation": "1.1.0-beta.10",
+    "@0xchain/link": "1.1.0-beta.10",
+    "@0xchain/theme-toggle": "1.1.0-beta.10",
+    "@0xchain/ui": "1.1.0-beta.10",
+    "@0xchain/with-login": "1.1.0-beta.10",
+    "@0xchain/tooltip": "1.1.0-beta.10",
+    "@0xchain/token": "1.1.0-beta.10",
+    "@0xchain/request": "1.1.0-beta.10",
+    "@0xchain/iconfont": "1.1.0-beta.10",
+    "@0xchain/better-link": "1.1.0-beta.10"
   },
   "publishConfig": {
     "access": "public"