@blocklet/ui-react 3.0.38 → 3.0.41

package/lib/common/header-addons.js

@@ -1,132 +1,71 @@
-import { jsx as e, Fragment as x } from "react/jsx-runtime";
+import { jsx as s, Fragment as v } from "react/jsx-runtime";
 import "iconify-icon";
-import { useState as h, useEffect as L, use as N, createElement as W } from "react";
-import s from "prop-types";
-import { Tooltip as M, IconButton as R } from "@mui/material";
-import B from "@iconify-icons/tabler/wand";
-import { SessionContext as D } from "@arcblock/did-connect/lib/Session";
-import E from "@arcblock/ux/lib/SessionUser";
-import O from "@arcblock/ux/lib/SessionBlocklet";
-import P from "@arcblock/ux/lib/Locale/selector";
-import { useLocaleContext as g } from "@arcblock/ux/lib/Locale/context";
-import j from "@arcblock/ux/lib/Config/theme-mode-toggle";
-import { SessionManagerProps as F } from "../types.js";
-import { getLocalizedNavigation as I, filterNavByRole as q } from "../blocklets.js";
-import H from "./notification-addon.js";
-import U from "./domain-warning.js";
-import V from "./wizard-modal.js";
-const $ = () => !!(window?.blocklet?.navigation ?? []).find((i) => i.id === "/userCenter/notification");
-function G({
-  formattedBlocklet: m,
-  addons: i = null,
-  showDomainWarningDialog: y = !0,
-  sessionManagerProps: w = { showRole: !0 },
-  showWizard: T = !1
+import r from "prop-types";
+import { use as b, createElement as k } from "react";
+import { SessionContext as w } from "@arcblock/did-connect/lib/Session";
+import L from "@arcblock/ux/lib/Config/theme-mode-toggle";
+import { useLocaleContext as N } from "@arcblock/ux/lib/Locale/context";
+import T from "@arcblock/ux/lib/Locale/selector";
+import C from "@arcblock/ux/lib/SessionBlocklet";
+import R from "@arcblock/ux/lib/SessionUser";
+import { getLocalizedNavigation as S, filterNavByRole as M } from "../blocklets.js";
+import { SessionManagerProps as B } from "../types.js";
+import D from "./domain-warning.js";
+import P from "./notification-addon.js";
+const j = () => !!(window?.blocklet?.navigation ?? []).find((o) => o.id === "/userCenter/notification");
+function x({
+  formattedBlocklet: l,
+  addons: o = null,
+  showDomainWarningDialog: m = !0,
+  sessionManagerProps: u = { showRole: !0 }
 }) {
-  const [d, p] = h(!1), [t, c] = h(!1), { t: b } = g();
-  L(() => {
-    let o;
-    return t && (o = setTimeout(() => {
-      c(!1);
-    }, 3e3)), () => {
-      o && clearTimeout(o);
-    };
-  }, [t]);
-  const n = N(D), { locale: r, languages: z } = g() || {}, { enableConnect: A = !0, enableLocale: k = !0 } = m, v = !!n?.session?.user;
-  let f = I(m?.navigation?.sessionManager, r) || [];
-  f = q(f, n?.session?.user?.role);
-  const u = (() => {
-    if (i && typeof i != "function")
-      return Array.isArray(i) ? i : [i];
-    let o = [];
-    if ($() && o.push(/* @__PURE__ */ e(H, { session: n.session }, "notification-addon")), k && r && z.length > 1 && o.push(/* @__PURE__ */ e(P, { showText: !1 }, "locale-selector")), o.push(/* @__PURE__ */ e(j, {}, "theme-mode-toggle")), T && o.push(
-      /* @__PURE__ */ e(
-        M,
-        {
-          title: b("setup.wizardTooltip"),
-          open: t,
-          placement: "bottom",
-          arrow: !0,
-          children: /* @__PURE__ */ e(
-            R,
-            {
-              size: "small",
-              onClick: () => {
-                p(!0), c(!1);
-              },
-              sx: {
-                display: { xs: "none", md: "flex" },
-                color: "text.secondary",
-                ...t && {
-                  backgroundColor: "action.hover",
-                  "@keyframes pulse": {
-                    "0%": { opacity: 0.8 },
-                    "50%": { opacity: 0.5 },
-                    "100%": { opacity: 0.8 }
-                  },
-                  animation: "pulse 2s infinite"
-                }
-              },
-              children: /* @__PURE__ */ e("iconify-icon", { icon: B, height: 20 })
-            }
-          )
-        },
-        `wizard-toggle-${t}`
-      ),
-      /* @__PURE__ */ e(
-        V,
-        {
-          show: d,
-          onChangeVisible: (a) => {
-            p(a), !a && d && c(!0);
-          },
-          onFinished: () => {
-            p(!1), c(!1);
-          }
-        },
-        "wizard-modal"
-      )
-    ), A && n) {
-      const a = [];
-      v && (f ? f.slice(0, 5) : []).forEach((l) => {
-        a.push({
-          label: l.title,
-          icon: l.icon ? /* @__PURE__ */ e("iconify-icon", { icon: l.icon, height: 24, style: { marginRight: 8 } }) : null,
+  const n = b(w), { locale: i, languages: p } = N() || {}, { enableConnect: g = !0, enableLocale: d = !0 } = l, h = !!n?.session?.user;
+  let a = S(l?.navigation?.sessionManager, i) || [];
+  a = M(a, n?.session?.user?.role);
+  const c = (() => {
+    if (o && typeof o != "function")
+      return Array.isArray(o) ? o : [o];
+    let e = [];
+    if (j() && e.push(/* @__PURE__ */ s(P, { session: n.session }, "notification-addon")), d && i && p.length > 1 && e.push(/* @__PURE__ */ s(T, { showText: !1 }, "locale-selector")), e.push(/* @__PURE__ */ s(L, {}, "theme-mode-toggle")), g && n) {
+      const f = [];
+      h && (a ? a.slice(0, 5) : []).forEach((t) => {
+        f.push({
+          label: t.title,
+          icon: t.icon ? /* @__PURE__ */ s("iconify-icon", { icon: t.icon, height: 24, style: { marginRight: 8 } }) : null,
           component: "a",
-          href: l.link,
-          key: l.link
+          href: t.link,
+          key: t.link
         });
-      }), o.push(/* @__PURE__ */ e(O, { session: n.session, locale: r }, "session-blocklet")), o.push(
-        /* @__PURE__ */ e(
-          E,
+      }), e.push(/* @__PURE__ */ s(C, { session: n.session, locale: i }, "session-blocklet")), e.push(
+        /* @__PURE__ */ s(
+          R,
           {
             session: n.session,
-            locale: r,
-            menu: a,
+            locale: i,
+            menu: f,
             showRole: !0,
-            ...w
+            ...u
           },
           "session-user"
         )
       );
     }
-    return typeof i == "function" && (o = i(o) || []), o;
-  })(), C = Array.isArray(u) ? u : [u], S = [
-    y ? /* @__PURE__ */ e(U, { session: n?.session, locale: r }) : null,
-    ...C
+    return typeof o == "function" && (e = o(e) || []), e;
+  })(), y = Array.isArray(c) ? c : [c], A = [
+    m ? /* @__PURE__ */ s(D, { session: n?.session, locale: i }) : null,
+    ...y
   ].filter(Boolean);
-  return W(x, null, ...S);
+  return k(v, null, ...A);
 }
-G.propTypes = {
-  formattedBlocklet: s.object.isRequired,
+x.propTypes = {
+  formattedBlocklet: r.object.isRequired,
   // 需要考虑 定制的 addons 与内置的 连接钱包/选择语言 addons 共存的情况
   // - PropTypes.func: 可以把自定义 addons 插在 session-manager 或 locale-selector (如果存在的话) 前/中/后
   // - PropTypes.node: 将 addons 原样传给 UX Header 组件
-  addons: s.oneOfType([s.func, s.node]),
-  sessionManagerProps: F,
-  showDomainWarningDialog: s.bool,
-  showWizard: s.bool
+  addons: r.oneOfType([r.func, r.node]),
+  sessionManagerProps: B,
+  showDomainWarningDialog: r.bool
 };
 export {
-  G as default
+  x as default
 };

package/lib/common/wizard-modal.d.ts

@@ -1,14 +1,16 @@
 import { default as PropTypes } from 'prop-types';
-declare function WizardModal({ onFinished, show, onChangeVisible }: {
+declare function WizardModal({ onFinished, show, onChangeVisible, loadingText, }: {
     onFinished?: (() => void) | undefined;
     show?: boolean | undefined;
     onChangeVisible?: (() => void) | undefined;
+    loadingText?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element | null;
 declare namespace WizardModal {
     namespace propTypes {
         let onFinished: PropTypes.Requireable<(...args: any[]) => any>;
         let show: PropTypes.Requireable<boolean>;
         let onChangeVisible: PropTypes.Requireable<(...args: any[]) => any>;
+        let loadingText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
 export default WizardModal;

package/lib/common/wizard-modal.js

@@ -1,46 +1,51 @@
-import { jsxs as I, jsx as m } from "react/jsx-runtime";
-import { useLocaleContext as U } from "@arcblock/ux/lib/Locale/context";
-import { useTheme as W, useMediaQuery as P, Dialog as T, Box as j, CircularProgress as E } from "@mui/material";
-import p from "prop-types";
-import { useState as w, useRef as g, useEffect as a } from "react";
-import { withQuery as M, joinURL as A } from "ufo";
-const h = "/.well-known/service/wizard/bind-account";
-function D({ onFinished: b = () => {
-}, show: o = !1, onChangeVisible: x = () => {
-} }) {
-  const [r, n] = w(o), [i, s] = w(!1), [y, l] = w(() => localStorage.getItem("wizard-current-url") || h), z = g(b), c = g(), d = g(null), { locale: R } = U(), C = W(), u = P(C.breakpoints.down("sm"));
-  if (z.current = b, c.current = () => {
-    if (d.current?.contentWindow)
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { useLocaleContext as P } from "@arcblock/ux/lib/Locale/context";
+import { useTheme as T, useMediaQuery as j, Dialog as D, Box as R, CircularProgress as E, Typography as M } from "@mui/material";
+import a from "prop-types";
+import { useState as g, useRef as h, useEffect as s } from "react";
+import { withQuery as A, joinURL as F } from "ufo";
+const b = "/.well-known/service/wizard/bind-account";
+function B({
+  onFinished: y = () => {
+  },
+  show: o = !1,
+  onChangeVisible: v = () => {
+  },
+  loadingText: l = ""
+}) {
+  const [r, n] = g(o), [c, d] = g(!1), [C, u] = g(() => localStorage.getItem("wizard-current-url") || b), z = h(y), f = h(), m = h(null), { locale: I } = P(), L = T(), p = j(L.breakpoints.down("sm"));
+  if (z.current = y, f.current = () => {
+    if (m.current?.contentWindow)
       try {
-        const t = new URL(d.current.contentWindow.location.href).pathname;
-        localStorage.setItem("wizard-current-url", t), l(t);
+        const t = new URL(m.current.contentWindow.location.href).pathname;
+        localStorage.setItem("wizard-current-url", t), u(t);
       } catch (e) {
-        l(h), console.warn("Failed to save wizard URL:", e);
+        u(b), console.warn("Failed to save wizard URL:", e);
       }
-    localStorage.setItem("wizard-completed", "true"), n(!1), x(!1);
-  }, a(() => {
+    localStorage.setItem("wizard-completed", "true"), n(!1), v(!1);
+  }, s(() => {
     o !== r && n(o);
-  }, [o]), a(() => {
-    !r && i && s(!1);
-  }, [r]), a(() => {
+  }, [o]), s(() => {
+    !r && c && d(!1);
+  }, [r]), s(() => {
     const e = (t) => {
       if (t.origin !== window.location.origin)
         return;
-      const { type: L, data: S } = t.data || {};
-      switch (L) {
+      const { type: k, data: U } = t.data || {};
+      switch (k) {
         case "wizard.loaded":
-          s(!0);
+          d(!0);
           break;
         case "wizard.finished": {
-          n(!1), l(h), localStorage.removeItem("wizard-current-url"), localStorage.setItem("wizard-completed", "true");
-          const f = z.current?.(S);
-          f instanceof Promise ? f.then((k) => {
-            k !== !1 && window.location.reload();
-          }) : f !== !1 && window.location.reload();
+          n(!1), u(b), localStorage.removeItem("wizard-current-url"), localStorage.setItem("wizard-completed", "true");
+          const w = z.current?.(U);
+          w instanceof Promise ? w.then((W) => {
+            W !== !1 && window.location.reload();
+          }) : w !== !1 && window.location.reload();
           break;
         }
         case "wizard.close": {
-          c.current();
+          f.current();
           break;
         }
       }
@@ -48,21 +53,21 @@ function D({ onFinished: b = () => {
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, []), a(() => {
+  }, []), s(() => {
     localStorage.getItem("wizard-completed") || n(!0);
   }, []), !r)
     return null;
-  const v = M(A(window.location.origin, y), {
-    locale: R
+  const S = A(F(window.location.origin, C), {
+    locale: I
   });
-  return /* @__PURE__ */ I(
-    T,
+  return /* @__PURE__ */ x(
+    D,
     {
       open: r,
-      onClose: () => c.current(),
+      onClose: () => f.current(),
       fullWidth: !0,
-      maxWidth: u ? !1 : "md",
-      fullScreen: u,
+      maxWidth: p ? !1 : "md",
+      fullScreen: p,
       slotProps: {
         paper: {
           sx: {
@@ -70,7 +75,7 @@ function D({ onFinished: b = () => {
             borderRadius: 0,
             position: "relative",
             overflow: "hidden",
-            ...u ? { borderRadius: 0 } : {
+            ...p ? { borderRadius: 0 } : {
               borderRadius: 1,
               height: "max(800px, 80vh)"
             }
@@ -83,11 +88,11 @@ function D({ onFinished: b = () => {
         }
       },
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ i(
           "iframe",
           {
-            ref: d,
-            src: v,
+            ref: m,
+            src: S,
             title: "Setup Wizard",
             style: {
               width: "100%",
@@ -95,14 +100,14 @@ function D({ onFinished: b = () => {
               border: 0,
               padding: 0,
               margin: 0,
-              opacity: i ? 1 : 0,
+              opacity: c ? 1 : 0,
               transition: "opacity 0.3s ease-in-out"
             },
-            onLoad: () => s(!0)
+            onLoad: () => d(!0)
           }
         ),
-        i ? null : /* @__PURE__ */ m(
-          j,
+        c ? null : /* @__PURE__ */ i(
+          R,
           {
             sx: {
               position: "absolute",
@@ -115,18 +120,22 @@ function D({ onFinished: b = () => {
               alignItems: "center",
               bgcolor: "background.paper"
             },
-            children: /* @__PURE__ */ m(E, {})
+            children: /* @__PURE__ */ x(R, { sx: { display: "flex", alignItems: "center", flexDirection: "column", gap: 1 }, children: [
+              /* @__PURE__ */ i(E, {}),
+              typeof l == "string" ? /* @__PURE__ */ i(M, { variant: "body1", children: l }) : l
+            ] })
           }
         )
       ]
     }
   );
 }
-D.propTypes = {
-  onFinished: p.func,
-  show: p.bool,
-  onChangeVisible: p.func
+B.propTypes = {
+  onFinished: a.func,
+  show: a.bool,
+  onChangeVisible: a.func,
+  loadingText: a.node
 };
 export {
-  D as default
+  B as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.0.38",
+  "version": "3.0.41",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.46",
     "@abtnode/util": "^1.16.46",
-    "@arcblock/bridge": "3.0.38",
-    "@arcblock/icons": "3.0.38",
-    "@arcblock/react-hooks": "3.0.38",
+    "@arcblock/bridge": "3.0.41",
+    "@arcblock/icons": "3.0.41",
+    "@arcblock/react-hooks": "3.0.41",
     "@arcblock/ws": "^1.21.0",
     "@blocklet/constant": "^1.16.46",
     "@blocklet/did-space-react": "^1.1.11",
@@ -91,5 +91,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "643c8e01d5f5cb421b3315d4625177d1ccfa1ea1"
+  "gitHead": "e4bf7c421b39bfc7b969653e580047629e5338b5"
 }

package/src/Dashboard/index.jsx

@@ -129,7 +129,6 @@ function Dashboard({
       addons={headerAddons}
       sessionManagerProps={sessionManagerProps}
       showDomainWarningDialog={showDomainWarningDialog}
-      showWizard={rest.headerProps?.showWizard}
     />
   );
 

package/src/Footer/Footer.stories.jsx

@@ -4,6 +4,7 @@ import SocialMediaIcons from './demo/social-media-icons';
 import Copyright from './demo/copyright';
 import Footer from './demo/footer';
 import ArcblockSite from './demo/arcblock-site';
+import AigneSite from './demo/aigne-site';
 
 export default {
   title: 'Blocklet-UI-React/Footer',
@@ -29,4 +30,4 @@ ArcblockSite.argTypes = {
   locale: { control: 'select', options: ['en', 'zh'] },
 };
 
-export { Brand, Links, SocialMediaIcons, Copyright, Footer, ArcblockSite };
+export { Brand, Links, SocialMediaIcons, Copyright, Footer, ArcblockSite, AigneSite };

package/src/Footer/links.jsx

@@ -193,6 +193,7 @@ const Root = styled('div')`
     position: relative;
     padding: 6px 8px;
     font-size: 14px;
+    white-space: nowrap;
     &--new::after {
       content: 'New';
       color: ${({ theme }) => theme.palette.info.main};

package/src/Header/index.tsx

@@ -4,7 +4,7 @@ import { withErrorBoundary } from 'react-error-boundary';
 import { ErrorFallback } from '@arcblock/ux/lib/ErrorBoundary';
 import { styled, useTheme, deepmerge, ThemeProvider } from '@arcblock/ux/lib/Theme';
 import { ResponsiveHeader } from '@arcblock/ux/lib/Header';
-import NavMenu, { Products } from '@arcblock/ux/lib/NavMenu';
+import NavMenu, { Products, ProductsType } from '@arcblock/ux/lib/NavMenu';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { translate } from '@arcblock/ux/lib/Locale/util';
 import useBlockletLogo from '@arcblock/ux/lib/hooks/use-blocklet-logo';
@@ -93,7 +93,6 @@ type HeaderProps = {
   align?: 'left' | 'right';
   maxWidth?: false | Breakpoint;
   showDomainWarningDialog?: boolean;
-  showWizard?: boolean;
 };
 
 /**
@@ -111,7 +110,6 @@ function Header({
   theme: themeOverrides = undefined,
   hideNavMenu = false,
   showDomainWarningDialog = true,
-  showWizard = false,
   ...rest
 }: HeaderProps & Omit<BoxProps, keyof HeaderProps>) {
   useWalletHiddenTopbar();
@@ -135,6 +133,34 @@ function Header({
     theme: themeOverrides,
   });
 
+  // 显示 Products 导航
+  const { productsOrder, productsType } = useMemo<{
+    productsOrder: number | null;
+    productsType: ProductsType | null;
+  }>(() => {
+    let { USE_ARCBLOCK_THEME, USE_AIGNE_THEME } = formattedBlocklet;
+    USE_ARCBLOCK_THEME = parseInt(USE_ARCBLOCK_THEME, 10);
+    USE_AIGNE_THEME = parseInt(USE_AIGNE_THEME, 10);
+
+    if (isFinite(USE_AIGNE_THEME)) {
+      return {
+        productsOrder: USE_AIGNE_THEME,
+        productsType: 'AIGNE',
+      };
+    }
+    if (isFinite(USE_ARCBLOCK_THEME)) {
+      return {
+        productsOrder: USE_ARCBLOCK_THEME,
+        productsType: 'ARCBLOCK',
+      };
+    }
+
+    return {
+      productsOrder: null,
+      productsType: null,
+    };
+  }, [formattedBlocklet]);
+
   if (!formattedBlocklet.appName) {
     return null;
   }
@@ -142,13 +168,11 @@ function Header({
   const parsedNavigation = parseNavigation(navigation);
   const { navItems, activeId } = parsedNavigation;
 
-  // 显示 Products 导航
-  const productsNavOrder = parseInt(window.blocklet?.USE_ARCBLOCK_THEME, 10);
-  if (isFinite(productsNavOrder)) {
-    navItems.splice(productsNavOrder, 0, {
+  if (productsType && Number.isInteger(productsOrder)) {
+    navItems.splice(productsOrder, 0, {
       label: t('products'),
       // eslint-disable-next-line react/no-unstable-nested-components
-      children: ({ isOpen }: { isOpen: boolean }) => <Products isOpen={isOpen} />,
+      children: () => <Products type={productsType} />,
     });
   }
 
@@ -166,7 +190,6 @@ function Header({
       // @ts-ignore
       sessionManagerProps={sessionManagerProps}
       showDomainWarningDialog={showDomainWarningDialog}
-      showWizard={showWizard}
     />
   );
 

package/src/common/header-addons.jsx

@@ -1,24 +1,21 @@
 import 'iconify-icon';
 
-import { use, createElement, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { IconButton, Tooltip } from '@mui/material';
-import WandIcon from '@iconify-icons/tabler/wand';
+import { createElement, use } from 'react';
 
 // FIXME: 直接从 react 中 import  Fragment 可能会在 vite 下出错，先暂时从 react/jsx-runtime 导入 Fragment 来跳过这个问题
-import { Fragment } from 'react/jsx-runtime';
 import { SessionContext } from '@arcblock/did-connect/lib/Session';
-import SessionUser from '@arcblock/ux/lib/SessionUser';
-import SessionBlocklet from '@arcblock/ux/lib/SessionBlocklet';
-import LocaleSelector from '@arcblock/ux/lib/Locale/selector';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import ThemeModeToggle from '@arcblock/ux/lib/Config/theme-mode-toggle';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import LocaleSelector from '@arcblock/ux/lib/Locale/selector';
+import SessionBlocklet from '@arcblock/ux/lib/SessionBlocklet';
+import SessionUser from '@arcblock/ux/lib/SessionUser';
+import { Fragment } from 'react/jsx-runtime';
 
+import { filterNavByRole, getLocalizedNavigation } from '../blocklets';
 import { SessionManagerProps } from '../types';
-import { getLocalizedNavigation, filterNavByRole } from '../blocklets';
-import NotificationAddon from './notification-addon';
 import DomainWarning from './domain-warning';
-import WizardModal from './wizard-modal';
+import NotificationAddon from './notification-addon';
 
 const hasNotification = () => {
   const navigations = window?.blocklet?.navigation ?? [];
@@ -31,25 +28,7 @@ export default function HeaderAddons({
   addons = null,
   showDomainWarningDialog = true,
   sessionManagerProps = { showRole: true },
-  showWizard = false,
 }) {
-  const [wizardOpen, setWizardOpen] = useState(false);
-  const [showTooltip, setShowTooltip] = useState(false);
-  const { t } = useLocaleContext();
-
-  // 处理 tooltip 倒计时
-  useEffect(() => {
-    let timer;
-    if (showTooltip) {
-      timer = setTimeout(() => {
-        setShowTooltip(false);
-      }, 3000); // 3秒后自动隐藏
-    }
-    return () => {
-      if (timer) clearTimeout(timer);
-    };
-  }, [showTooltip]);
-
   const sessionCtx = use(SessionContext);
   const { locale, languages } = useLocaleContext() || {};
   const { enableConnect = true, enableLocale = true } = formattedBlocklet;
@@ -77,54 +56,6 @@ export default function HeaderAddons({
     // 切换明暗主题
     addonsArray.push(<ThemeModeToggle key="theme-mode-toggle" />);
 
-    // Wizard 开关
-    if (showWizard) {
-      addonsArray.push(
-        <Tooltip
-          key={`wizard-toggle-${showTooltip}`}
-          title={t('setup.wizardTooltip')}
-          open={showTooltip}
-          placement="bottom"
-          arrow>
-          <IconButton
-            size="small"
-            onClick={() => {
-              setWizardOpen(true);
-              setShowTooltip(false); // 点击后隐藏 tooltip
-            }}
-            sx={{
-              display: { xs: 'none', md: 'flex' },
-              color: 'text.secondary',
-              ...(showTooltip && {
-                backgroundColor: 'action.hover',
-                '@keyframes pulse': {
-                  '0%': { opacity: 0.8 },
-                  '50%': { opacity: 0.5 },
-                  '100%': { opacity: 0.8 },
-                },
-                animation: 'pulse 2s infinite',
-              }),
-            }}>
-            <iconify-icon icon={WandIcon} height={20} />
-          </IconButton>
-        </Tooltip>,
-        <WizardModal
-          key="wizard-modal"
-          show={wizardOpen}
-          onChangeVisible={(visible) => {
-            setWizardOpen(visible);
-            if (!visible && wizardOpen) {
-              setShowTooltip(true);
-            }
-          }}
-          onFinished={() => {
-            setWizardOpen(false);
-            setShowTooltip(false);
-          }}
-        />
-      );
-    }
-
     // 启用了连接钱包并且检测到了 session context
     if (enableConnect && sessionCtx) {
       const menu = [];
@@ -180,5 +111,4 @@ HeaderAddons.propTypes = {
   addons: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   sessionManagerProps: SessionManagerProps,
   showDomainWarningDialog: PropTypes.bool,
-  showWizard: PropTypes.bool,
 };