@arcblock/ux 3.1.48 → 3.1.50

package/lib/Config/config-provider.d.ts

@@ -15,6 +15,7 @@ export declare function useConfig(): {
     changeMode: (mode: import('@mui/material').PaletteMode) => void;
     prefer?: import('../Theme').Prefer;
     locale: import('../type').Locale;
+    defaultLocale: import('../type').Locale;
     changeLocale: (locale: import('../type').Locale) => void;
     t: (key: string, data?: Record<string, any>) => string;
     languages: {

package/lib/DIDConnect/auth-apps/switch-role.d.ts

@@ -1,6 +1,7 @@
 import { UserPublicInfo } from '@blocklet/js-sdk';
 declare function SwitchRole({ user, switchPassport, }: {
     user: UserPublicInfo & {
+        role: string;
         passports: {
             name: string;
             title: string;

package/lib/Locale/context.d.ts

@@ -19,6 +19,7 @@ export interface LocaleProviderProps {
 }
 export interface LocaleContextType {
     locale: Locale;
+    defaultLocale: Locale;
     changeLocale: (locale: Locale) => void;
     t: (key: string, data?: Record<string, any>) => string;
     languages: {

package/lib/Locale/context.js

@@ -1,80 +1,80 @@
-import { jsx as y } from "react/jsx-runtime";
-import { createContext as x, use as k, useState as h, useRef as A, useEffect as R, useCallback as b } from "react";
-import j from "lodash/get";
-import i from "js-cookie";
-import S from "./browser-lang.js";
-import { translate as U } from "./util.js";
-import { getCookieOptions as D, resolveRootDomain as E } from "../Util/index.js";
-const l = "nf_lang", F = (e, o = window.location.href) => {
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as k, use as A, useState as h, useRef as R, useEffect as b, useCallback as j } from "react";
+import S from "lodash/get";
+import l from "js-cookie";
+import U from "./browser-lang.js";
+import { translate as D } from "./util.js";
+import { getCookieOptions as E, resolveRootDomain as F } from "../Util/index.js";
+const i = "nf_lang", O = (e, o = window.location.href) => {
   const t = new URL(o).searchParams.get("locale");
   return e.find((c) => c.code === t) ? t : null;
-}, O = (e, o = window.location.href) => {
+}, z = (e, o = window.location.href) => {
   const t = new URL(o);
   t.searchParams.has("locale") && (t.searchParams.set("locale", e), window.history.replaceState({}, "", t.href));
-}, d = (e = []) => {
+}, g = (e = []) => {
   const o = {
     languages: e.map((t) => t.code),
     // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
     fallback: e?.[0]?.code || "en"
   };
-  return F(e) || i.get(l) || S(o);
-}, z = (e) => {
-  const o = D();
+  return O(e) || l.get(i) || U(o);
+}, N = (e) => {
+  const o = E();
   if (!o.domain) {
-    const t = E();
-    t && i.remove(l, { path: o.path || "/", domain: t });
+    const t = F();
+    t && l.remove(i, { path: o.path || "/", domain: t });
   }
-  i.set(l, e, o), O(e);
-}, N = (e) => {
-  const o = j(window, "blocklet.languages");
+  l.set(i, e, o), z(e);
+}, _ = (e) => {
+  const o = S(window, "blocklet.languages");
   return Array.isArray(o) && o.length ? o : Array.isArray(e) && e.length ? e : [
     { code: "en", name: "English" },
     { code: "zh", name: "简体中文" }
   ];
-}, g = x(null), { Provider: _, Consumer: M } = g;
-function Q({
+}, p = k(null), { Provider: q, Consumer: Q } = p;
+function T({
   children: e,
   locale: o = void 0,
-  fallbackLocale: t = void 0,
+  fallbackLocale: t = "en",
   translations: c,
-  onLoadingTranslation: p = void 0,
-  languages: L = [],
-  ...P
+  onLoadingTranslation: L = void 0,
+  languages: P = [],
+  ...C
 }) {
-  const s = N(L);
-  let [n, v] = h(o || d(s));
-  const m = A(t || ""), [, C] = h(0), u = (r) => {
-    v(r), z(r);
+  const s = _(P);
+  let [n, v] = h(o || g(s));
+  const m = s?.[0]?.code ?? t, u = R(m), [, w] = h(0), f = (r) => {
+    v(r), N(r);
   };
-  if (R(() => {
-    const r = o || d(s);
-    r !== n && u(r);
+  if (b(() => {
+    const r = o || g(s);
+    r !== n && f(r);
   }, [o]), n && c[n] && typeof c[n] == "function") {
     const r = n;
     try {
       Promise.resolve(c[r]()).then((a) => {
-        a && typeof a == "object" && (c[r] = a, C((f) => f > 999 ? 0 : f + 1));
+        a && typeof a == "object" && (c[r] = a, w((d) => d > 999 ? 0 : d + 1));
       });
     } catch (a) {
       console.error(a);
     }
-    p?.(r, s), n = m.current;
+    L?.(r, s), n = u.current;
   } else
-    m.current = n;
-  const w = b(
-    (r, a) => U(c, r, n, t, a),
+    u.current = n;
+  const y = j(
+    (r, a) => D(c, r, n, t, a),
     [c, n, t]
   );
-  return /* @__PURE__ */ y(_, { value: { locale: n, changeLocale: u, t: w, languages: s, ...P }, children: e });
+  return /* @__PURE__ */ x(q, { value: { locale: n, changeLocale: f, t: y, languages: s, defaultLocale: m, ...C }, children: e });
 }
-function T() {
-  return k(g);
+function V() {
+  return A(p);
 }
 export {
-  M as LocaleConsumer,
-  g as LocaleContext,
-  Q as LocaleProvider,
-  d as getLocale,
-  z as setLocale,
-  T as useLocaleContext
+  Q as LocaleConsumer,
+  p as LocaleContext,
+  T as LocaleProvider,
+  g as getLocale,
+  N as setLocale,
+  V as useLocaleContext
 };

package/lib/NavMenu/images/aigne-image-smith.svg.js

@@ -0,0 +1,42 @@
+import * as t from "react";
+const e = (o) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 902 902", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ t.createElement("rect", { width: 902, height: 902, rx: 212, fill: "url(#paint0_linear_3783_1258)", style: {} }), /* @__PURE__ */ t.createElement("rect", { x: 166, y: 247, width: 569, height: 409, rx: 80, stroke: "white", style: {
+  stroke: "white",
+  strokeOpacity: 1
+}, strokeWidth: 40 }), /* @__PURE__ */ t.createElement("ellipse", { cx: 371, cy: 452, rx: 37, ry: 65, fill: "white", style: {
+  fill: "white",
+  fillOpacity: 1
+} }), /* @__PURE__ */ t.createElement("ellipse", { cx: 531, cy: 452, rx: 37, ry: 65, fill: "white", style: {
+  fill: "white",
+  fillOpacity: 1
+} }), /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("linearGradient", { id: "paint0_linear_3783_1258", x1: 84, y1: 78.5, x2: 811.5, y2: 850.5, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ t.createElement("stop", { stopColor: "#AAF4EF", style: {
+  stopColor: "#AAF4EF",
+  stopColor: "color(display-p3 0.6667 0.9569 0.9373)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 0.180804, stopColor: "#C7F37F", style: {
+  stopColor: "#C7F37F",
+  stopColor: "color(display-p3 0.7798 0.9512 0.4996)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 0.361299, stopColor: "#FFD071", style: {
+  stopColor: "#FFD071",
+  stopColor: "color(display-p3 1.0000 0.8141 0.4422)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 0.546216, stopColor: "#FF9898", style: {
+  stopColor: "#FF9898",
+  stopColor: "color(display-p3 1.0000 0.5960 0.5960)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 0.72214, stopColor: "#FF89E0", style: {
+  stopColor: "#FF89E0",
+  stopColor: "color(display-p3 1.0000 0.5360 0.8769)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 0.898804, stopColor: "#B695FE", style: {
+  stopColor: "#B695FE",
+  stopColor: "color(display-p3 0.7137 0.5843 0.9961)",
+  stopOpacity: 1
+} }), /* @__PURE__ */ t.createElement("stop", { offset: 1, stopColor: "#7C8EED", style: {
+  stopColor: "#7C8EED",
+  stopColor: "color(display-p3 0.4863 0.5569 0.9294)",
+  stopOpacity: 1
+} }))));
+export {
+  e as default
+};

package/lib/NavMenu/products.js

@@ -1,19 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as T, useState as $, useEffect as S } from "react";
+import { useRef as G, useState as T, useEffect as S } from "react";
 import { Link as p } from "react-router-dom";
-import { useMemoizedFn as A, useCreation as F } from "ahooks";
-import { Box as w, useTheme as G } from "@mui/material";
+import { useMemoizedFn as A, useCreation as $ } from "ahooks";
+import { Box as w, useTheme as F } from "@mui/material";
 import B from "./sub-item-group.js";
-import { Item as K } from "./nav-menu.js";
+import { Item as E } from "./nav-menu.js";
 import { styled as C } from "../Theme/index.js";
-import { useNavMenuContext as E } from "./nav-menu-context.js";
+import { useNavMenuContext as K } from "./nav-menu-context.js";
 import { translate as L } from "../Locale/util.js";
 import { useLocaleContext as _ } from "../Locale/context.js";
 import M from "./images/nft-studio.svg.js";
 import O from "./images/creator-studio.svg.js";
 import P from "./images/blocklet-launcher.svg.js";
-import H from "./images/blocklet-store.svg.js";
-import R from "./images/web3-kit.svg.js";
+import R from "./images/blocklet-store.svg.js";
+import H from "./images/web3-kit.svg.js";
 import z from "./images/blocklet-framework.svg.js";
 import U from "./images/abt-network.svg.js";
 import j from "./images/blocklet-server.svg.js";
@@ -23,10 +23,11 @@ import J from "./images/did-wallet.svg.js";
 import Q from "./images/vc.svg.js";
 import X from "./images/payment-kit.png";
 import Y from "./images/aigne.svg.js";
+import Z from "./images/aigne-image-smith.svg.js";
 import I from "./images/arcsphere.svg.js";
-import Z from "./images/aistro.png";
-import { getUTMUrl as ee } from "../withTracker/libs/utm.js";
-const v = 260, ie = {
+import ee from "./images/aistro.png";
+import { getUTMUrl as ie } from "../withTracker/libs/utm.js";
+const v = 260, te = {
   en: {
     groups: {
       applications: "Applications",
@@ -106,6 +107,9 @@ const v = 260, ie = {
       aigneWebSmith: {
         description: "Build and deploy AI-powered web apps"
       },
+      aigneImageSmith: {
+        description: "Generate and Refine Images with AI"
+      },
       aigneCLI: {
         description: "Develop agents from the command line"
       },
@@ -202,6 +206,9 @@ const v = 260, ie = {
       aigneWebSmith: {
         description: "构建并部署 AI 驱动的 Web 应用"
       },
+      aigneImageSmith: {
+        description: "使用 AI 生成和优化图像"
+      },
       aigneCLI: {
         description: "通过命令行开发 Agent"
       },
@@ -298,6 +305,9 @@ const v = 260, ie = {
       aigneWebSmith: {
         description: "構建並部署 AI 驅動的 Web 應用"
       },
+      aigneImageSmith: {
+        description: "使用 AI 生成和優化圖像"
+      },
       aigneCLI: {
         description: "透過命令列開發 Agent"
       },
@@ -394,6 +404,9 @@ const v = 260, ie = {
       aigneWebSmith: {
         description: "AI駆動Webアプリの構築とデプロイ"
       },
+      aigneImageSmith: {
+        description: "AIで画像を生成・最適化"
+      },
       aigneCLI: {
         description: "コマンドラインからエージェントを開発"
       },
@@ -413,7 +426,7 @@ const v = 260, ie = {
   }
 }, oe = C(w)`
   padding: 8px;
-  background: ${({ theme: t }) => t.palette.grey[100]};
+  background: ${({ theme: o }) => o.palette.grey[100]};
   border-radius: 8px;
 
   &.is-inline {
@@ -432,20 +445,20 @@ const v = 260, ie = {
   .MuiGrid-container + .MuiGrid-container {
     margin-top: 0px;
   }
-`, te = C(w, { shouldForwardProp: (t) => t !== "maxContent" })(
-  ({ theme: t, maxContent: c }) => ({
+`, re = C(w, { shouldForwardProp: (o) => o !== "maxContent" })(
+  ({ theme: o, maxContent: c }) => ({
     display: "grid",
-    gap: t.spacing(1),
+    gap: o.spacing(1),
     gridTemplateColumns: `repeat(1, ${c}px)`,
-    [t.breakpoints.up("md")]: {
+    [o.breakpoints.up("md")]: {
       gridTemplateColumns: `repeat(2, ${c}px)`
     },
-    [t.breakpoints.up("lg")]: {
+    [o.breakpoints.up("lg")]: {
       gridTemplateColumns: `repeat(3, ${c}px)`
     }
   })
 );
-function y({ color: t = "black", backgroundColor: c = "transparent", children: a }) {
+function y({ color: o = "black", backgroundColor: c = "transparent", children: a }) {
   return /* @__PURE__ */ e(
     w,
     {
@@ -454,7 +467,7 @@ function y({ color: t = "black", backgroundColor: c = "transparent", children: a
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
-        color: t,
+        color: o,
         backgroundColor: c,
         borderRadius: "4px"
       },
@@ -462,24 +475,24 @@ function y({ color: t = "black", backgroundColor: c = "transparent", children: a
     }
   );
 }
-function h({ color: t = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: t, backgroundColor: c, children: /* @__PURE__ */ e(q, { style: { width: "100%" } }) });
+function h({ color: o = "black", backgroundColor: c = "transparent" }) {
+  return /* @__PURE__ */ e(y, { color: o, backgroundColor: c, children: /* @__PURE__ */ e(q, { style: { width: "100%" } }) });
 }
-function s({ color: t = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: t, backgroundColor: c, children: /* @__PURE__ */ e(Y, { style: { width: "100%", height: "100%" } }) });
+function s({ color: o = "black", backgroundColor: c = "transparent" }) {
+  return /* @__PURE__ */ e(y, { color: o, backgroundColor: c, children: /* @__PURE__ */ e(Y, { style: { width: "100%", height: "100%" } }) });
 }
-const W = (t) => {
+const N = (o) => {
   try {
-    return new URL(t).origin !== window.location.origin;
+    return new URL(o).origin !== window.location.origin;
   } catch {
     return !1;
   }
 };
-function o({ to: t, children: c, className: a = "", ...u }) {
-  return W(t) ? /* @__PURE__ */ e(p, { to: ee(t, "header"), target: "_blank", rel: "noreferrer noopener", className: a, ...u, children: c }) : /* @__PURE__ */ e(p, { to: t, className: a, ...u, children: c });
+function t({ to: o, children: c, className: a = "", ...m }) {
+  return N(o) ? /* @__PURE__ */ e(p, { to: ie(o, "header"), target: "_blank", rel: "noreferrer noopener", className: a, ...m, children: c }) : /* @__PURE__ */ e(p, { to: o, className: a, ...m, children: c });
 }
-function Fe({ className: t = "", type: c, ...a }) {
-  const { mode: u } = E(), k = G(), { locale: r = "en" } = _() || {}, l = T(null), { palette: f } = k, i = A((n, d = {}) => L(ie, n, r, "en", d)), [N, D] = $(v), m = A(() => {
+function Be({ className: o = "", type: c, ...a }) {
+  const { mode: m } = K(), k = F(), { locale: r = "en" } = _() || {}, l = G(null), { palette: f } = k, i = A((n, d = {}) => L(te, n, r, "en", d)), [W, D] = T(v), u = A(() => {
     if (!l.current) return;
     const n = l.current.querySelectorAll(".navmenu-item__content");
     let d = v;
@@ -489,19 +502,19 @@ function Fe({ className: t = "", type: c, ...a }) {
     }), D(d);
   });
   S(() => {
-    m();
-  }, [k, r, c, m]), S(() => {
+    u();
+  }, [k, r, c, u]), S(() => {
     if (!l.current) return;
     const n = l.current.querySelector(".navmenu-item__content");
     if (!n) return;
     const d = new ResizeObserver(() => {
-      m();
+      u();
     });
     return d.observe(n), () => {
       d.disconnect();
     };
-  }, [m]);
-  const x = F(() => {
+  }, [u]);
+  const x = $(() => {
     if (c === "ARCBLOCK")
       return [
         {
@@ -509,7 +522,7 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.applications"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
               description: i("products.nftStudio.description"),
               icon: /* @__PURE__ */ e(M, {})
             },
@@ -527,12 +540,12 @@ function Fe({ className: t = "", type: c, ...a }) {
               icon: /* @__PURE__ */ e(O, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/", children: "AIGNE" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", children: "AIGNE" }),
               description: i("products.aigne.description"),
               icon: /* @__PURE__ */ e(s, { color: f.mode === "dark" ? "white" : "black" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
               description: i("products.arcsphere.description"),
               icon: /* @__PURE__ */ e(I, {})
             }
@@ -543,24 +556,24 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.components"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
+              label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
               description: i("products.blockletLauncher.description"),
               icon: /* @__PURE__ */ e(P, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
               description: i("products.paymentKit.description"),
               icon: /* @__PURE__ */ e("img", { src: X, alt: "Payment Kit" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
+              label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
               description: i("products.blockletStore.description"),
-              icon: /* @__PURE__ */ e(H, {})
+              icon: /* @__PURE__ */ e(R, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
               description: i("products.web3Kit.description"),
-              icon: /* @__PURE__ */ e(R, {})
+              icon: /* @__PURE__ */ e(H, {})
             }
           ]
         },
@@ -592,12 +605,12 @@ function Fe({ className: t = "", type: c, ...a }) {
               icon: /* @__PURE__ */ e(U, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
               description: i("products.blockletServer.description"),
               icon: /* @__PURE__ */ e(j, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
               description: i("products.ocap.description"),
               icon: /* @__PURE__ */ e(V, {})
             }
@@ -608,12 +621,12 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.identity"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
               description: i("products.did.description"),
               icon: /* @__PURE__ */ e(h, { color: "#5b96f3" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
               description: i("products.didWallet.description"),
               icon: /* @__PURE__ */ e(J, {})
             },
@@ -623,12 +636,12 @@ function Fe({ className: t = "", type: c, ...a }) {
               icon: /* @__PURE__ */ e(h, { color: "#678ab0" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
               description: i("products.vc.description"),
               icon: /* @__PURE__ */ e(Q, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
               description: i("products.didConnect.description"),
               icon: /* @__PURE__ */ e(h, { color: "#5bbec5" })
             }
@@ -639,7 +652,7 @@ function Fe({ className: t = "", type: c, ...a }) {
       const n = {
         onClick: (d) => {
           d.preventDefault();
-          const b = d.currentTarget.href, g = W(b) ? "_blank" : "_self";
+          const b = d.currentTarget.href, g = N(b) ? "_blank" : "_self";
           window.open(b, g);
         }
       };
@@ -649,29 +662,34 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.applications"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
               description: i("products.arcsphere.description"),
               icon: /* @__PURE__ */ e(I, {})
             },
             {
-              label: /* @__PURE__ */ e(o, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
+              label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
               description: i("products.aistro.description"),
-              icon: /* @__PURE__ */ e("img", { src: Z, alt: "Aistro" })
+              icon: /* @__PURE__ */ e("img", { src: ee, alt: "Aistro" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
               description: i("products.aigneCodeSmith.description"),
               icon: /* @__PURE__ */ e(s, { color: "#3E5DF7", backgroundColor: "#e9f0ff" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
               description: i("products.aigneDocSmith.description"),
               icon: /* @__PURE__ */ e(s, { color: "#02A996", backgroundColor: "#e6f7f5" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),
               description: i("products.aigneWebSmith.description"),
               icon: /* @__PURE__ */ e(s, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
+            },
+            {
+              label: /* @__PURE__ */ e(t, { to: "https://imagesmith.aigne.io/", children: "AIGNE ImageSmith" }),
+              description: i("products.aigneImageSmith.description"),
+              icon: /* @__PURE__ */ e(Z, {})
             }
           ]
         },
@@ -680,22 +698,22 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.frameworkTools"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/cli", ...n, children: "AIGNE CLI" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/cli", ...n, children: "AIGNE CLI" }),
               description: i("products.aigneCLI.description"),
               icon: /* @__PURE__ */ e(s, { color: "#d05d4e", backgroundColor: "#faeaea" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/observability", ...n, children: "AIGNE Observability" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/observability", ...n, children: "AIGNE Observability" }),
               description: i("products.aigneObservability.description"),
               icon: /* @__PURE__ */ e(s, { color: "#6ba456", backgroundColor: "#edfae8" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/studio", ...n, children: "AIGNE Studio" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/studio", ...n, children: "AIGNE Studio" }),
               description: i("products.aigneStudio.description"),
               icon: /* @__PURE__ */ e(s, { color: "#676cbf", backgroundColor: "#edeeff" })
             },
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/framework", ...n, children: "AIGNE Framework" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/framework", ...n, children: "AIGNE Framework" }),
               description: i("products.aigneFramework.description"),
               icon: /* @__PURE__ */ e(s, { color: "#5086d0", backgroundColor: "#eef4ff" })
             }
@@ -706,7 +724,7 @@ function Fe({ className: t = "", type: c, ...a }) {
           label: i("groups.modelsAdapters"),
           children: [
             {
-              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/hub", ...n, children: "AIGNE Hub" }),
+              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/hub", ...n, children: "AIGNE Hub" }),
               description: i("products.aigneHub.description"),
               icon: /* @__PURE__ */ e(s, { color: "#e4930b", backgroundColor: "#fbf4d4" })
             }
@@ -716,8 +734,8 @@ function Fe({ className: t = "", type: c, ...a }) {
     }
     return [];
   }, [i, r, f]);
-  return /* @__PURE__ */ e(oe, { ref: l, className: `nav-menu-products is-${u} ${t}`, ...a, children: x.map((n) => /* @__PURE__ */ e(B, { label: n.label, children: /* @__PURE__ */ e(te, { maxContent: N, children: n.children.map((d) => /* @__PURE__ */ e(K, { variant: "panel", style: { padding: "8px" }, ...d })) }) }, n.label)) });
+  return /* @__PURE__ */ e(oe, { ref: l, className: `nav-menu-products is-${m} ${o}`, ...a, children: x.map((n) => /* @__PURE__ */ e(B, { label: n.label, children: /* @__PURE__ */ e(re, { maxContent: W, children: n.children.map((d) => /* @__PURE__ */ e(E, { variant: "panel", style: { padding: "8px" }, ...d })) }) }, n.label)) });
 }
 export {
-  Fe as default
+  Be as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.1.48", s = { "@blocklet/js-sdk": "1.16.52" }, n = {
+const e = "3.1.50", s = { "@blocklet/js-sdk": "1.16.52" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.48",
+  "version": "3.1.50",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "49a6dabae8a06667e517c6811f5f7939ff907ce1",
+  "gitHead": "6840e9cab92d5ba54c9435924007c49f3e860c92",
   "dependencies": {
-    "@arcblock/bridge": "3.1.48",
+    "@arcblock/bridge": "3.1.50",
     "@arcblock/did": "^1.25.6",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.48",
-    "@arcblock/nft-display": "3.1.48",
-    "@arcblock/react-hooks": "3.1.48",
+    "@arcblock/icons": "3.1.50",
+    "@arcblock/nft-display": "3.1.50",
+    "@arcblock/react-hooks": "3.1.50",
     "@blocklet/js-sdk": "1.16.52",
-    "@blocklet/theme": "3.1.48",
+    "@blocklet/theme": "3.1.50",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/DIDConnect/auth-apps/switch-role.tsx

@@ -9,7 +9,7 @@ function SwitchRole({
   user,
   switchPassport,
 }: {
-  user: UserPublicInfo & { passports: { name: string; title: string; role: string }[] };
+  user: UserPublicInfo & { role: string; passports: { name: string; title: string; role: string }[] };
   switchPassport: () => void;
 }) {
   const currentRole = useCreation(

package/src/Locale/context.tsx

@@ -83,6 +83,7 @@ export interface LocaleProviderProps {
 
 export interface LocaleContextType {
   locale: Locale;
+  defaultLocale: Locale;
   changeLocale: (locale: Locale) => void;
   t: (key: string, data?: Record<string, any>) => string;
   languages: { code: string; name: string }[];
@@ -95,7 +96,7 @@ const { Provider, Consumer } = LocaleContext;
 function LocaleProvider({
   children,
   locale = undefined,
-  fallbackLocale = undefined,
+  fallbackLocale = 'en',
   translations,
   onLoadingTranslation = undefined,
   languages = [],
@@ -104,7 +105,8 @@ function LocaleProvider({
   const langs = getLanguages(languages);
   // eslint-disable-next-line prefer-const
   let [currentLocale, setCurrentLocale] = useState<Locale>(locale || getLocale(langs));
-  const lastCurrentLocale = useRef<string>(fallbackLocale || '');
+  const defaultLocale = langs?.[0]?.code ?? fallbackLocale;
+  const lastCurrentLocale = useRef<string>(defaultLocale);
   const [, setForceUpdate] = useState(0);
 
   const changeLocale = (newLocale: Locale) => {
@@ -145,7 +147,11 @@ function LocaleProvider({
     [translations, currentLocale, fallbackLocale]
   );
 
-  return <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, ...rest }}>{children}</Provider>;
+  return (
+    <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, defaultLocale, ...rest }}>
+      {children}
+    </Provider>
+  );
 }
 
 function useLocaleContext() {

package/src/NavMenu/images/aigne-image-smith.svg

@@ -0,0 +1,26 @@
+<svg viewBox="0 0 902 902" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="902" height="902" rx="212" fill="url(#paint0_linear_3783_1258)" style=""></rect>
+    <rect x="166" y="247" width="569" height="409" rx="80" stroke="white" style="stroke:white;stroke-opacity:1;"
+        stroke-width="40"></rect>
+    <ellipse cx="371" cy="452" rx="37" ry="65" fill="white" style="fill:white;fill-opacity:1;"></ellipse>
+    <ellipse cx="531" cy="452" rx="37" ry="65" fill="white" style="fill:white;fill-opacity:1;"></ellipse>
+    <defs>
+        <linearGradient id="paint0_linear_3783_1258" x1="84" y1="78.5" x2="811.5" y2="850.5"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#AAF4EF"
+                style="stop-color:#AAF4EF;stop-color:color(display-p3 0.6667 0.9569 0.9373);stop-opacity:1;"></stop>
+            <stop offset="0.180804" stop-color="#C7F37F"
+                style="stop-color:#C7F37F;stop-color:color(display-p3 0.7798 0.9512 0.4996);stop-opacity:1;"></stop>
+            <stop offset="0.361299" stop-color="#FFD071"
+                style="stop-color:#FFD071;stop-color:color(display-p3 1.0000 0.8141 0.4422);stop-opacity:1;"></stop>
+            <stop offset="0.546216" stop-color="#FF9898"
+                style="stop-color:#FF9898;stop-color:color(display-p3 1.0000 0.5960 0.5960);stop-opacity:1;"></stop>
+            <stop offset="0.72214" stop-color="#FF89E0"
+                style="stop-color:#FF89E0;stop-color:color(display-p3 1.0000 0.5360 0.8769);stop-opacity:1;"></stop>
+            <stop offset="0.898804" stop-color="#B695FE"
+                style="stop-color:#B695FE;stop-color:color(display-p3 0.7137 0.5843 0.9961);stop-opacity:1;"></stop>
+            <stop offset="1" stop-color="#7C8EED"
+                style="stop-color:#7C8EED;stop-color:color(display-p3 0.4863 0.5569 0.9294);stop-opacity:1;"></stop>
+        </linearGradient>
+    </defs>
+</svg>

package/src/NavMenu/products.tsx

@@ -24,6 +24,7 @@ import VCSvg from './images/vc.svg?react';
 import PaymentKitPng from './images/payment-kit.png';
 // AIGNE Icons
 import AigneSvg from './images/aigne.svg?react';
+import AigneImageSmithSvg from './images/aigne-image-smith.svg?react';
 import ArcSphereSvg from './images/arcsphere.svg?react';
 import AistroPng from './images/aistro.png';
 import { getUTMUrl } from '../withTracker/libs/utm';
@@ -110,6 +111,9 @@ const translations = {
       aigneWebSmith: {
         description: 'Build and deploy AI-powered web apps',
       },
+      aigneImageSmith: {
+        description: 'Generate and Refine Images with AI',
+      },
       aigneCLI: {
         description: 'Develop agents from the command line',
       },
@@ -206,6 +210,9 @@ const translations = {
       aigneWebSmith: {
         description: '构建并部署 AI 驱动的 Web 应用',
       },
+      aigneImageSmith: {
+        description: '使用 AI 生成和优化图像',
+      },
       aigneCLI: {
         description: '通过命令行开发 Agent',
       },
@@ -302,6 +309,9 @@ const translations = {
       aigneWebSmith: {
         description: '構建並部署 AI 驅動的 Web 應用',
       },
+      aigneImageSmith: {
+        description: '使用 AI 生成和優化圖像',
+      },
       aigneCLI: {
         description: '透過命令列開發 Agent',
       },
@@ -398,6 +408,9 @@ const translations = {
       aigneWebSmith: {
         description: 'AI駆動Webアプリの構築とデプロイ',
       },
+      aigneImageSmith: {
+        description: 'AIで画像を生成・最適化',
+      },
       aigneCLI: {
         description: 'コマンドラインからエージェントを開発',
       },
@@ -788,6 +801,11 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
               description: t('products.aigneWebSmith.description'),
               icon: <AigneIcon color="#7c45eb" backgroundColor="#f0e9ff" />,
             },
+            {
+              label: <SmartLink to="https://imagesmith.aigne.io/">AIGNE ImageSmith</SmartLink>,
+              description: t('products.aigneImageSmith.description'),
+              icon: <AigneImageSmithSvg />,
+            },
           ],
         },
         {