@lobehub/ui 5.24.0 → 5.25.0

package/es/brand/LobeChat/index.mjs

@@ -56,7 +56,6 @@ const LobeChat = memo(({ type = "3d", size = 32, style, extra, className, ...res
 				style,
 				children: logoComponent
 			});
-			break;
 	}
 	if (!extra) return logoComponent;
 	const extraSize = Math.round(size / 3 * 1.9);

package/es/brand/LobeChat/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["LogoFlat","LogoMono","LogoText","Flexbox"],"sources":["../../../src/brand/LobeChat/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { memo, type ReactNode } from 'react';\n\nimport Divider from '@/brand/components/Divider';\nimport LogoText from '@/brand/LobeChatText';\nimport { styles } from '@/brand/LobeHub/style';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nexport interface LobeChatProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeChat = memo<LobeChatProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d alt={'LobeChat'} size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox horizontal align={'center'} className={className} flex={'none'} style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={className}\n        flex={'none'}\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: cssVar.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeChat.displayName = 'LobeChatBrand';\n\nexport default LobeChat;\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,WAAW,MACd,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,IAAI;CAEJ,QAAQ,MAAR;EACE,KAAK;GACH,gBAAgB,oBAAC,QAAD;IAAQ,KAAK;IAAkB;IAAM,GAAI;GAAO,CAAA;GAChE;EAEF,KAAK;GACH,gBAAgB,oBAACA,kBAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBAAgB,oBAACC,eAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBACE,oBAACC,cAAD;IAAqB;IAAiB;IAAa;IAAO,GAAK;GAAe,CAAA;GAEhF;EAEF,KAAK;GACH,gBACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,KAAI;IAAiB;GAAO,CAAA,GACpC,oBAACA,cAAD;IAAgB;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE;GAAI,CAAA,CACpE,EAAA,CAAA;GAGJ,IAAI,CAAC,OACH,gBACE,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAqB;IAAW,MAAM;IAAe;IAC7E,UAAA;GACM,CAAA;GAGb;CAEJ;CAEA,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,GAAG;CAE7C,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,MAAM;EACC;EACP,GAAI;EANN,UAAA;GAQG;GACD,oBAAC,SAAD;IAAS,MAAM;IAAW,OAAO,EAAE,OAAO,OAAO,UAAU;GAAI,CAAA;GAC/D,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,UAAU;IAC7D,UAAA;GACE,CAAA;EACE;;AAEb,CACF;AAEA,SAAS,cAAc"}
+{"version":3,"file":"index.mjs","names":["LogoFlat","LogoMono","LogoText","Flexbox"],"sources":["../../../src/brand/LobeChat/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { memo, type ReactNode } from 'react';\n\nimport Divider from '@/brand/components/Divider';\nimport LogoText from '@/brand/LobeChatText';\nimport { styles } from '@/brand/LobeHub/style';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nexport interface LobeChatProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeChat = memo<LobeChatProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d alt={'LobeChat'} size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox horizontal align={'center'} className={className} flex={'none'} style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={className}\n        flex={'none'}\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: cssVar.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeChat.displayName = 'LobeChatBrand';\n\nexport default LobeChat;\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,WAAW,MACd,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,IAAI;CAEJ,QAAQ,MAAR;EACE,KAAK;GACH,gBAAgB,oBAAC,QAAD;IAAQ,KAAK;IAAkB;IAAM,GAAI;GAAO,CAAA;GAChE;EAEF,KAAK;GACH,gBAAgB,oBAACA,kBAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBAAgB,oBAACC,eAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBACE,oBAACC,cAAD;IAAqB;IAAiB;IAAa;IAAO,GAAK;GAAe,CAAA;GAEhF;EAEF,KAAK;GACH,gBACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,KAAI;IAAiB;GAAO,CAAA,GACpC,oBAACA,cAAD;IAAgB;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE;GAAI,CAAA,CACpE,EAAA,CAAA;GAGJ,IAAI,CAAC,OACH,gBACE,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAqB;IAAW,MAAM;IAAe;IAC7E,UAAA;GACM,CAAA;CAKjB;CAEA,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,GAAG;CAE7C,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,MAAM;EACC;EACP,GAAI;EANN,UAAA;GAQG;GACD,oBAAC,SAAD;IAAS,MAAM;IAAW,OAAO,EAAE,OAAO,OAAO,UAAU;GAAI,CAAA;GAC/D,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,UAAU;IAC7D,UAAA;GACE,CAAA;EACE;;AAEb,CACF;AAEA,SAAS,cAAc"}

package/es/brand/LobeHub/index.mjs

@@ -55,7 +55,6 @@ const LobeHub = memo(({ type = "3d", size = 32, style, extra, className, ...rest
 				style,
 				children: logoComponent
 			});
-			break;
 	}
 	if (!extra) return logoComponent;
 	const extraSize = Math.round(size / 3 * 1.9);

package/es/brand/LobeHub/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["LogoFlat","LogoMono","LogoText","Flexbox"],"sources":["../../../src/brand/LobeHub/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { memo, type ReactNode } from 'react';\n\nimport Divider from '@/brand/components/Divider';\nimport LogoText from '@/brand/LobeHubText';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface LobeHubProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeHub = memo<LobeHubProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox horizontal align={'center'} className={className} flex={'none'} style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={className}\n        flex={'none'}\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: cssVar.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeHub.displayName = 'LobeHubBrand';\n\nexport default LobeHub;\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,UAAU,MACb,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,IAAI;CAEJ,QAAQ,MAAR;EACE,KAAK;GACH,gBAAgB,oBAAC,QAAD;IAAc;IAAM,GAAI;GAAO,CAAA;GAC/C;EAEF,KAAK;GACH,gBAAgB,oBAACA,kBAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBAAgB,oBAACC,eAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBACE,oBAACC,aAAD;IAAqB;IAAiB;IAAa;IAAO,GAAK;GAAe,CAAA;GAEhF;EAEF,KAAK;GACH,gBACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,KAAI;IAAiB;GAAO,CAAA,GACpC,oBAACA,aAAD;IAAgB;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE;GAAI,CAAA,CACpE,EAAA,CAAA;GAGJ,IAAI,CAAC,OACH,gBACE,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAqB;IAAW,MAAM;IAAe;IAC7E,UAAA;GACM,CAAA;GAGb;CAEJ;CAEA,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,GAAG;CAE7C,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,MAAM;EACC;EACP,GAAI;EANN,UAAA;GAQG;GACD,oBAAC,SAAD;IAAS,MAAM;IAAW,OAAO,EAAE,OAAO,OAAO,UAAU;GAAI,CAAA;GAC/D,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,UAAU;IAC7D,UAAA;GACE,CAAA;EACE;;AAEb,CACF;AAEA,QAAQ,cAAc"}
+{"version":3,"file":"index.mjs","names":["LogoFlat","LogoMono","LogoText","Flexbox"],"sources":["../../../src/brand/LobeHub/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { memo, type ReactNode } from 'react';\n\nimport Divider from '@/brand/components/Divider';\nimport LogoText from '@/brand/LobeHubText';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface LobeHubProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeHub = memo<LobeHubProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox horizontal align={'center'} className={className} flex={'none'} style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={className}\n        flex={'none'}\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: cssVar.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeHub.displayName = 'LobeHubBrand';\n\nexport default LobeHub;\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,UAAU,MACb,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,IAAI;CAEJ,QAAQ,MAAR;EACE,KAAK;GACH,gBAAgB,oBAAC,QAAD;IAAc;IAAM,GAAI;GAAO,CAAA;GAC/C;EAEF,KAAK;GACH,gBAAgB,oBAACA,kBAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBAAgB,oBAACC,eAAD;IAAgB;IAAa;GAAQ,CAAA;GACrD;EAEF,KAAK;GACH,gBACE,oBAACC,aAAD;IAAqB;IAAiB;IAAa;IAAO,GAAK;GAAe,CAAA;GAEhF;EAEF,KAAK;GACH,gBACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,KAAI;IAAiB;GAAO,CAAA,GACpC,oBAACA,aAAD;IAAgB;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE;GAAI,CAAA,CACpE,EAAA,CAAA;GAGJ,IAAI,CAAC,OACH,gBACE,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAqB;IAAW,MAAM;IAAe;IAC7E,UAAA;GACM,CAAA;CAKjB;CAEA,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,GAAG;CAE7C,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACI;EACX,MAAM;EACC;EACP,GAAI;EANN,UAAA;GAQG;GACD,oBAAC,SAAD;IAAS,MAAM;IAAW,OAAO,EAAE,OAAO,OAAO,UAAU;GAAI,CAAA;GAC/D,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,UAAU;IAC7D,UAAA;GACE,CAAA;EACE;;AAEb,CACF;AAEA,QAAQ,cAAc"}

package/es/brand/Logo3d/index.mjs

@@ -5,10 +5,11 @@ import { LOGO_3D } from "../LobeHub/style.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/brand/Logo3d/index.tsx
 const Logo3d = ({ size = "1em", style, alt = "LobeHub", ...rest }) => {
+	const genCdnUrl = useCdnFn();
 	return /* @__PURE__ */ jsx(Img, {
 		alt,
 		height: size,
-		src: useCdnFn()(LOGO_3D),
+		src: genCdnUrl(LOGO_3D),
 		style,
 		width: size,
 		...rest

package/es/brand/Logo3d/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/brand/Logo3d/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ImageProps } from 'antd';\nimport { type FC } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport Img from '@/Img';\nimport type { ImgProps } from '@/types';\n\nimport { LOGO_3D } from '../LobeHub/style';\n\ntype Logo3dProps = Omit<ImgProps & ImageProps, 'width' | 'height' | 'src'> & {\n  size?: number | string;\n};\n\nconst Logo3d: FC<Logo3dProps> = ({ size = '1em', style, alt = 'LobeHub', ...rest }) => {\n  const genCdnUrl = useCdnFn();\n  return (\n    <Img alt={alt} height={size} src={genCdnUrl(LOGO_3D)} style={style} width={size} {...rest} />\n  );\n};\n\nLogo3d.displayName = 'LobeHubLogo3d';\n\nexport default Logo3d;\n"],"mappings":";;;;;;AAeA,MAAM,UAA2B,EAAE,OAAO,OAAO,OAAO,MAAM,WAAW,GAAG,WAAW;CAErF,OACE,oBAAC,KAAD;EAAU;EAAK,QAAQ;EAAM,KAFb,SAE0B,CAAC,CAAC,OAAO;EAAU;EAAO,OAAO;EAAM,GAAI;CAAO,CAAA;AAEhG;AAEA,OAAO,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/brand/Logo3d/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ImageProps } from 'antd';\nimport { type FC } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport Img from '@/Img';\nimport type { ImgProps } from '@/types';\n\nimport { LOGO_3D } from '../LobeHub/style';\n\ntype Logo3dProps = Omit<ImgProps & ImageProps, 'width' | 'height' | 'src'> & {\n  size?: number | string;\n};\n\nconst Logo3d: FC<Logo3dProps> = ({ size = '1em', style, alt = 'LobeHub', ...rest }) => {\n  const genCdnUrl = useCdnFn();\n  return (\n    <Img alt={alt} height={size} src={genCdnUrl(LOGO_3D)} style={style} width={size} {...rest} />\n  );\n};\n\nLogo3d.displayName = 'LobeHubLogo3d';\n\nexport default Logo3d;\n"],"mappings":";;;;;;AAeA,MAAM,UAA2B,EAAE,OAAO,OAAO,OAAO,MAAM,WAAW,GAAG,WAAW;CACrF,MAAM,YAAY,SAAS;CAC3B,OACE,oBAAC,KAAD;EAAU;EAAK,QAAQ;EAAM,KAAK,UAAU,OAAO;EAAU;EAAO,OAAO;EAAM,GAAI;CAAO,CAAA;AAEhG;AAEA,OAAO,cAAc"}

package/es/chat/ChatItem/components/Actions.mjs

@@ -5,12 +5,13 @@ import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 //#region src/chat/ChatItem/components/Actions.tsx
 const Actions = ({ actions, placement = "left", variant = "bubble", editing, ref }) => {
+	const actionsClassName = useMemo(() => {
+		if (variant === "bubble") return placement === "left" ? styles.actionsBubbleLeft : styles.actionsBubbleRight;
+		return placement === "left" ? styles.actionsDocsLeft : styles.actionsDocsRight;
+	}, [placement, variant]);
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
 		align: "flex-start",
-		className: cx(useMemo(() => {
-			if (variant === "bubble") return placement === "left" ? styles.actionsBubbleLeft : styles.actionsBubbleRight;
-			return placement === "left" ? styles.actionsDocsLeft : styles.actionsDocsRight;
-		}, [placement, variant]), editing && styles.actionsEditing),
+		className: cx(actionsClassName, editing && styles.actionsEditing),
 		ref,
 		role: "menubar",
 		children: actions

package/es/chat/ChatItem/components/Actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.mjs","names":["Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Actions.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { type FC, type Ref, useMemo } from 'react';\n\nimport { type ChatItemProps } from '@/chat/ChatItem';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\n\nexport interface ActionsProps {\n  actions: ChatItemProps['actions'];\n  editing?: boolean;\n  placement?: ChatItemProps['placement'];\n  ref?: Ref<HTMLDivElement>;\n  variant?: ChatItemProps['variant'];\n}\n\nconst Actions: FC<ActionsProps> = ({\n  actions,\n  placement = 'left',\n  variant = 'bubble',\n  editing,\n  ref,\n}) => {\n  const actionsClassName = useMemo(() => {\n    if (variant === 'bubble') {\n      return placement === 'left' ? styles.actionsBubbleLeft : styles.actionsBubbleRight;\n    }\n    return placement === 'left' ? styles.actionsDocsLeft : styles.actionsDocsRight;\n  }, [placement, variant]);\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      className={cx(actionsClassName, editing && styles.actionsEditing)}\n      ref={ref}\n      role=\"menubar\"\n    >\n      {actions}\n    </Flexbox>\n  );\n};\n\nexport default Actions;\n"],"mappings":";;;;;;AAgBA,MAAM,WAA6B,EACjC,SACA,YAAY,QACZ,UAAU,UACV,SACA,UACI;CAQJ,OACE,oBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAVU,cAAc;GACrC,IAAI,YAAY,UACd,OAAO,cAAc,SAAS,OAAO,oBAAoB,OAAO;GAElE,OAAO,cAAc,SAAS,OAAO,kBAAkB,OAAO;EAChE,GAAG,CAAC,WAAW,OAAO,CAKW,GAAG,WAAW,OAAO,cAAc;EAC3D;EACL,MAAK;EAEJ,UAAA;CACM,CAAA;AAEb"}
+{"version":3,"file":"Actions.mjs","names":["Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Actions.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { type FC, type Ref, useMemo } from 'react';\n\nimport { type ChatItemProps } from '@/chat/ChatItem';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\n\nexport interface ActionsProps {\n  actions: ChatItemProps['actions'];\n  editing?: boolean;\n  placement?: ChatItemProps['placement'];\n  ref?: Ref<HTMLDivElement>;\n  variant?: ChatItemProps['variant'];\n}\n\nconst Actions: FC<ActionsProps> = ({\n  actions,\n  placement = 'left',\n  variant = 'bubble',\n  editing,\n  ref,\n}) => {\n  const actionsClassName = useMemo(() => {\n    if (variant === 'bubble') {\n      return placement === 'left' ? styles.actionsBubbleLeft : styles.actionsBubbleRight;\n    }\n    return placement === 'left' ? styles.actionsDocsLeft : styles.actionsDocsRight;\n  }, [placement, variant]);\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      className={cx(actionsClassName, editing && styles.actionsEditing)}\n      ref={ref}\n      role=\"menubar\"\n    >\n      {actions}\n    </Flexbox>\n  );\n};\n\nexport default Actions;\n"],"mappings":";;;;;;AAgBA,MAAM,WAA6B,EACjC,SACA,YAAY,QACZ,UAAU,UACV,SACA,UACI;CACJ,MAAM,mBAAmB,cAAc;EACrC,IAAI,YAAY,UACd,OAAO,cAAc,SAAS,OAAO,oBAAoB,OAAO;EAElE,OAAO,cAAc,SAAS,OAAO,kBAAkB,OAAO;CAChE,GAAG,CAAC,WAAW,OAAO,CAAC;CAEvB,OACE,oBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,kBAAkB,WAAW,OAAO,cAAc;EAC3D;EACL,MAAK;EAEJ,UAAA;CACM,CAAA;AAEb"}

package/es/chat/ChatList/ChatList.mjs

@@ -27,8 +27,9 @@ const ChatList = memo(({ onActionsClick, onAvatarsClick, renderMessagesExtra, cl
 				variant
 			};
 			const historyLength = data.length;
+			const enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
 			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HistoryDivider, {
-				enable: enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1,
+				enable: enableHistoryDivider,
 				text: text?.history
 			}), /* @__PURE__ */ jsx(ChatListItem, {
 				...itemProps,

package/es/chat/ChatList/ChatList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatList.mjs","names":[],"sources":["../../../src/chat/ChatList/ChatList.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Fragment, memo } from 'react';\n\nimport ChatListItem from './components/ChatListItem';\nimport HistoryDivider from './components/HistoryDivider';\nimport { styles } from './style';\nimport type { ChatListProps } from './type';\n\nconst ChatList = memo<ChatListProps>(\n  ({\n    onActionsClick,\n    onAvatarsClick,\n    renderMessagesExtra,\n    className,\n    data,\n    variant = 'bubble',\n    text,\n    showTitle,\n    onMessageChange,\n    renderMessages,\n    renderErrorMessages,\n    loadingId,\n    renderItems,\n    enableHistoryCount,\n    renderActions,\n    historyCount = 0,\n    showAvatar,\n    ...rest\n  }) => {\n    return (\n      <div className={cx(styles.container, className)} {...rest}>\n        {data.map((item, index) => {\n          const itemProps = {\n            loading: loadingId === item.id,\n            onActionsClick,\n            onAvatarsClick,\n            onMessageChange,\n            renderActions,\n            renderErrorMessages,\n            renderItems,\n            renderMessages,\n            renderMessagesExtra,\n            showAvatar,\n            showTitle,\n            text,\n            variant,\n          };\n\n          const historyLength = data.length;\n          const enableHistoryDivider =\n            enableHistoryCount &&\n            historyLength > historyCount &&\n            historyCount === historyLength - index + 1;\n\n          return (\n            <Fragment key={item.id}>\n              <HistoryDivider enable={enableHistoryDivider} text={text?.history} />\n              <ChatListItem {...itemProps} {...item} />\n            </Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ChatList;\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAW,MACd,EACC,gBACA,gBACA,qBACA,WACA,MACA,UAAU,UACV,MACA,WACA,iBACA,gBACA,qBACA,WACA,aACA,oBACA,eACA,eAAe,GACf,YACA,GAAG,WACC;CACJ,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAClD,UAAA,KAAK,KAAK,MAAM,UAAU;GACzB,MAAM,YAAY;IAChB,SAAS,cAAc,KAAK;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,MAAM,gBAAgB,KAAK;GAM3B,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;IAAgB,QANlB,sBACA,gBAAgB,gBAChB,iBAAiB,gBAAgB,QAAQ;IAIO,MAAM,MAAM;GAAU,CAAA,GACpE,oBAAC,cAAD;IAAc,GAAI;IAAW,GAAI;GAAO,CAAA,CAChC,EAAA,GAHK,KAAK,EAGV;EAEd,CAAC;CACE,CAAA;AAET,CACF"}
+{"version":3,"file":"ChatList.mjs","names":[],"sources":["../../../src/chat/ChatList/ChatList.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Fragment, memo } from 'react';\n\nimport ChatListItem from './components/ChatListItem';\nimport HistoryDivider from './components/HistoryDivider';\nimport { styles } from './style';\nimport type { ChatListProps } from './type';\n\nconst ChatList = memo<ChatListProps>(\n  ({\n    onActionsClick,\n    onAvatarsClick,\n    renderMessagesExtra,\n    className,\n    data,\n    variant = 'bubble',\n    text,\n    showTitle,\n    onMessageChange,\n    renderMessages,\n    renderErrorMessages,\n    loadingId,\n    renderItems,\n    enableHistoryCount,\n    renderActions,\n    historyCount = 0,\n    showAvatar,\n    ...rest\n  }) => {\n    return (\n      <div className={cx(styles.container, className)} {...rest}>\n        {data.map((item, index) => {\n          const itemProps = {\n            loading: loadingId === item.id,\n            onActionsClick,\n            onAvatarsClick,\n            onMessageChange,\n            renderActions,\n            renderErrorMessages,\n            renderItems,\n            renderMessages,\n            renderMessagesExtra,\n            showAvatar,\n            showTitle,\n            text,\n            variant,\n          };\n\n          const historyLength = data.length;\n          const enableHistoryDivider =\n            enableHistoryCount &&\n            historyLength > historyCount &&\n            historyCount === historyLength - index + 1;\n\n          return (\n            <Fragment key={item.id}>\n              <HistoryDivider enable={enableHistoryDivider} text={text?.history} />\n              <ChatListItem {...itemProps} {...item} />\n            </Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ChatList;\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAW,MACd,EACC,gBACA,gBACA,qBACA,WACA,MACA,UAAU,UACV,MACA,WACA,iBACA,gBACA,qBACA,WACA,aACA,oBACA,eACA,eAAe,GACf,YACA,GAAG,WACC;CACJ,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAClD,UAAA,KAAK,KAAK,MAAM,UAAU;GACzB,MAAM,YAAY;IAChB,SAAS,cAAc,KAAK;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,MAAM,gBAAgB,KAAK;GAC3B,MAAM,uBACJ,sBACA,gBAAgB,gBAChB,iBAAiB,gBAAgB,QAAQ;GAE3C,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;IAAgB,QAAQ;IAAsB,MAAM,MAAM;GAAU,CAAA,GACpE,oBAAC,cAAD;IAAc,GAAI;IAAW,GAAI;GAAO,CAAA,CAChC,EAAA,GAHK,KAAK,EAGV;EAEd,CAAC;CACE,CAAA;AAET,CACF"}

package/es/color/ColorScales/ScaleRow.mjs

@@ -22,8 +22,6 @@ const ScaleRow = memo(({ name, title, scale }) => {
 				backgroundColor: "#000"
 			};
 			isAlpha = true;
-			break;
-		default: break;
 	}
 	return /* @__PURE__ */ jsxs(Space, {
 		size: 2,

package/es/color/ColorScales/ScaleRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'lightA' | 'dark' | 'darkA';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  let style = {};\n  let isAlpha = false;\n\n  switch (title) {\n    case 'lightA': {\n      style = { background: alphaBg.light, backgroundColor: '#fff' };\n      isAlpha = true;\n      break;\n    }\n    case 'darkA': {\n      style = { background: alphaBg.dark, backgroundColor: '#000' };\n      isAlpha = true;\n      break;\n    }\n    default: {\n      break;\n    }\n  }\n\n  return (\n    <Space size={2}>\n      <div className={styles.scaleRowTitle} key={title}>\n        <div className={styles.text}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            className={styles.scaleBox}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Space>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,IAAI,QAAQ,CAAC;CACb,IAAI,UAAU;CAEd,QAAQ,OAAR;EACE,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAO,iBAAiB;GAAO;GAC7D,UAAU;GACV;EAEF,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAM,iBAAiB;GAAO;GAC5D,UAAU;GACV;EAEF,SACE;CAEJ;CAEA,OACE,qBAAC,OAAD;EAAO,MAAM;EAAb,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,QAAQ,QAAQ,OAAO;IACzB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACI;;AAEX,CAAC"}
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'lightA' | 'dark' | 'darkA';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  let style = {};\n  let isAlpha = false;\n\n  switch (title) {\n    case 'lightA': {\n      style = { background: alphaBg.light, backgroundColor: '#fff' };\n      isAlpha = true;\n      break;\n    }\n    case 'darkA': {\n      style = { background: alphaBg.dark, backgroundColor: '#000' };\n      isAlpha = true;\n      break;\n    }\n    default: {\n      break;\n    }\n  }\n\n  return (\n    <Space size={2}>\n      <div className={styles.scaleRowTitle} key={title}>\n        <div className={styles.text}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            className={styles.scaleBox}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Space>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,IAAI,QAAQ,CAAC;CACb,IAAI,UAAU;CAEd,QAAQ,OAAR;EACE,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAO,iBAAiB;GAAO;GAC7D,UAAU;GACV;EAEF,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAM,iBAAiB;GAAO;GAC5D,UAAU;CAMd;CAEA,OACE,qBAAC,OAAD;EAAO,MAAM;EAAb,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,QAAQ,QAAQ,OAAO;IACzB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACI;;AAEX,CAAC"}

package/es/hooks/useMermaid.mjs

@@ -30,7 +30,8 @@ const createMermaidOptions = (customTheme) => isNamedTheme(customTheme) ? THEMES
 const renderMermaid = (content, scopeId, customTheme) => {
 	if (!content) return { svg: "" };
 	try {
-		return { svg: prepareInlineMermaidSvg(renderMermaidSVG(content, createMermaidOptions(customTheme)), scopeId) };
+		const svg = renderMermaidSVG(content, createMermaidOptions(customTheme));
+		return { svg: prepareInlineMermaidSvg(svg, scopeId) };
 	} catch {
 		return {
 			error: "unsupported",

package/es/hooks/useMermaid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMermaid.mjs","names":[],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useThemeMode } from 'antd-style';\nimport { renderMermaidSVG, type RenderOptions, type ThemeName, THEMES } from 'beautiful-mermaid';\nimport { useEffect, useId, useMemo, useState } from 'react';\n\nimport { prepareInlineMermaidSvg } from '@/Mermaid/SyntaxMermaid/prepareInlineSvg';\n\nimport { createCdnMermaidConfig, renderWithCdnMermaid } from './useMermaidCdn';\n\nexport type MermaidThemeName = 'lobe-theme' | ThemeName;\n\nexport interface MermaidRenderResult {\n  error?: string;\n  loading?: boolean;\n  svg: string;\n}\n\n/**\n * beautiful-mermaid emits these as CSS custom properties on the SVG root and\n * derives the rest with color-mix(), so pointing them at antd's variables lets\n * the diagram follow the theme through CSS alone — no token subscription, and\n * no re-render (or re-layout) when the appearance changes.\n */\nconst LOBE_THEME_OPTIONS: RenderOptions = {\n  accent: 'var(--ant-color-primary)',\n  bg: 'var(--ant-color-bg-container)',\n  border: 'var(--ant-color-border)',\n  fg: 'var(--ant-color-text)',\n  line: 'var(--ant-color-text-secondary)',\n  muted: 'var(--ant-color-text-description)',\n  surface: 'var(--ant-color-fill-tertiary)',\n  transparent: true,\n};\n\nconst isNamedTheme = (theme?: MermaidThemeName): theme is ThemeName =>\n  !!theme && theme !== 'lobe-theme' && theme in THEMES;\n\nexport const createMermaidOptions = (customTheme?: MermaidThemeName): RenderOptions =>\n  isNamedTheme(customTheme) ? THEMES[customTheme]! : LOBE_THEME_OPTIONS;\n\n/**\n * beautiful-mermaid covers six diagram types; anything else throws here and is\n * handed to the CDN-loaded upstream mermaid instead.\n */\nexport const renderMermaid = (\n  content: string,\n  scopeId: string,\n  customTheme?: MermaidThemeName,\n): MermaidRenderResult => {\n  if (!content) return { svg: '' };\n  try {\n    const svg = renderMermaidSVG(content, createMermaidOptions(customTheme));\n    return { svg: prepareInlineMermaidSvg(svg, scopeId) };\n  } catch {\n    return { error: 'unsupported', svg: '' };\n  }\n};\n\nexport const useCdnMermaidFallback = (\n  content: string,\n  { enabled, theme: customTheme }: { enabled: boolean; theme?: MermaidThemeName },\n): MermaidRenderResult => {\n  const { isDarkMode } = useThemeMode();\n  const reactId = useId();\n  const [result, setResult] = useState<MermaidRenderResult>({ svg: '' });\n\n  useEffect(() => {\n    if (!enabled || !content) {\n      setResult({ svg: '' });\n      return;\n    }\n\n    let active = true;\n    setResult({ loading: true, svg: '' });\n\n    const config = createCdnMermaidConfig(\n      isDarkMode,\n      isNamedTheme(customTheme) ? customTheme : undefined,\n    );\n\n    renderWithCdnMermaid(content, `mermaid-cdn-${reactId.replaceAll(':', '')}`, config)\n      .then((svg) => {\n        if (!active) return;\n        setResult(svg ? { svg } : { error: 'Failed to render diagram', svg: '' });\n      })\n      .catch(() => {\n        if (active) setResult({ error: 'Failed to render diagram', svg: '' });\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [enabled, content, isDarkMode, customTheme, reactId]);\n\n  return result;\n};\n\nexport const useMermaid = (\n  content: string,\n  { theme: customTheme }: { theme?: MermaidThemeName } = {},\n): MermaidRenderResult => {\n  const reactId = useId();\n  const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(':', '')}`, [reactId]);\n\n  const primary = useMemo(\n    () => renderMermaid(content, scopeId, customTheme),\n    [content, scopeId, customTheme],\n  );\n\n  const fallback = useCdnMermaidFallback(content, {\n    enabled: Boolean(primary.error),\n    theme: customTheme,\n  });\n\n  return primary.error ? fallback : primary;\n};\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,qBAAoC;CACxC,QAAQ;CACR,IAAI;CACJ,QAAQ;CACR,IAAI;CACJ,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;AACf;AAEA,MAAM,gBAAgB,UACpB,CAAC,CAAC,SAAS,UAAU,gBAAgB,SAAS;AAEhD,MAAa,wBAAwB,gBACnC,aAAa,WAAW,IAAI,OAAO,eAAgB;;;;;AAMrD,MAAa,iBACX,SACA,SACA,gBACwB;CACxB,IAAI,CAAC,SAAS,OAAO,EAAE,KAAK,GAAG;CAC/B,IAAI;EAEF,OAAO,EAAE,KAAK,wBADF,iBAAiB,SAAS,qBAAqB,WAAW,CAC9B,GAAG,OAAO,EAAE;CACtD,QAAQ;EACN,OAAO;GAAE,OAAO;GAAe,KAAK;EAAG;CACzC;AACF;AAEA,MAAa,yBACX,SACA,EAAE,SAAS,OAAO,kBACM;CACxB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,UAAU,MAAM;CACtB,MAAM,CAAC,QAAQ,aAAa,SAA8B,EAAE,KAAK,GAAG,CAAC;CAErE,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,SAAS;GACxB,UAAU,EAAE,KAAK,GAAG,CAAC;GACrB;EACF;EAEA,IAAI,SAAS;EACb,UAAU;GAAE,SAAS;GAAM,KAAK;EAAG,CAAC;EAEpC,MAAM,SAAS,uBACb,YACA,aAAa,WAAW,IAAI,cAAc,KAAA,CAC5C;EAEA,qBAAqB,SAAS,eAAe,QAAQ,WAAW,KAAK,EAAE,KAAK,MAAM,CAAC,CAChF,MAAM,QAAQ;GACb,IAAI,CAAC,QAAQ;GACb,UAAU,MAAM,EAAE,IAAI,IAAI;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EAC1E,CAAC,CAAC,CACD,YAAY;GACX,IAAI,QAAQ,UAAU;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EACtE,CAAC;EAEH,aAAa;GACX,SAAS;EACX;CACF,GAAG;EAAC;EAAS;EAAS;EAAY;EAAa;CAAO,CAAC;CAEvD,OAAO;AACT;AAEA,MAAa,cACX,SACA,EAAE,OAAO,gBAA8C,CAAC,MAChC;CACxB,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,cAAc,WAAW,QAAQ,WAAW,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC;CAEjF,MAAM,UAAU,cACR,cAAc,SAAS,SAAS,WAAW,GACjD;EAAC;EAAS;EAAS;CAAW,CAChC;CAEA,MAAM,WAAW,sBAAsB,SAAS;EAC9C,SAAS,QAAQ,QAAQ,KAAK;EAC9B,OAAO;CACT,CAAC;CAED,OAAO,QAAQ,QAAQ,WAAW;AACpC"}
+{"version":3,"file":"useMermaid.mjs","names":[],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useThemeMode } from 'antd-style';\nimport { renderMermaidSVG, type RenderOptions, type ThemeName, THEMES } from 'beautiful-mermaid';\nimport { useEffect, useId, useMemo, useState } from 'react';\n\nimport { prepareInlineMermaidSvg } from '@/Mermaid/SyntaxMermaid/prepareInlineSvg';\n\nimport { createCdnMermaidConfig, renderWithCdnMermaid } from './useMermaidCdn';\n\nexport type MermaidThemeName = 'lobe-theme' | ThemeName;\n\nexport interface MermaidRenderResult {\n  error?: string;\n  loading?: boolean;\n  svg: string;\n}\n\n/**\n * beautiful-mermaid emits these as CSS custom properties on the SVG root and\n * derives the rest with color-mix(), so pointing them at antd's variables lets\n * the diagram follow the theme through CSS alone — no token subscription, and\n * no re-render (or re-layout) when the appearance changes.\n */\nconst LOBE_THEME_OPTIONS: RenderOptions = {\n  accent: 'var(--ant-color-primary)',\n  bg: 'var(--ant-color-bg-container)',\n  border: 'var(--ant-color-border)',\n  fg: 'var(--ant-color-text)',\n  line: 'var(--ant-color-text-secondary)',\n  muted: 'var(--ant-color-text-description)',\n  surface: 'var(--ant-color-fill-tertiary)',\n  transparent: true,\n};\n\nconst isNamedTheme = (theme?: MermaidThemeName): theme is ThemeName =>\n  !!theme && theme !== 'lobe-theme' && theme in THEMES;\n\nexport const createMermaidOptions = (customTheme?: MermaidThemeName): RenderOptions =>\n  isNamedTheme(customTheme) ? THEMES[customTheme]! : LOBE_THEME_OPTIONS;\n\n/**\n * beautiful-mermaid covers six diagram types; anything else throws here and is\n * handed to the CDN-loaded upstream mermaid instead.\n */\nexport const renderMermaid = (\n  content: string,\n  scopeId: string,\n  customTheme?: MermaidThemeName,\n): MermaidRenderResult => {\n  if (!content) return { svg: '' };\n  try {\n    const svg = renderMermaidSVG(content, createMermaidOptions(customTheme));\n    return { svg: prepareInlineMermaidSvg(svg, scopeId) };\n  } catch {\n    return { error: 'unsupported', svg: '' };\n  }\n};\n\nexport const useCdnMermaidFallback = (\n  content: string,\n  { enabled, theme: customTheme }: { enabled: boolean; theme?: MermaidThemeName },\n): MermaidRenderResult => {\n  const { isDarkMode } = useThemeMode();\n  const reactId = useId();\n  const [result, setResult] = useState<MermaidRenderResult>({ svg: '' });\n\n  useEffect(() => {\n    if (!enabled || !content) {\n      setResult({ svg: '' });\n      return;\n    }\n\n    let active = true;\n    setResult({ loading: true, svg: '' });\n\n    const config = createCdnMermaidConfig(\n      isDarkMode,\n      isNamedTheme(customTheme) ? customTheme : undefined,\n    );\n\n    renderWithCdnMermaid(content, `mermaid-cdn-${reactId.replaceAll(':', '')}`, config)\n      .then((svg) => {\n        if (!active) return;\n        setResult(svg ? { svg } : { error: 'Failed to render diagram', svg: '' });\n      })\n      .catch(() => {\n        if (active) setResult({ error: 'Failed to render diagram', svg: '' });\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [enabled, content, isDarkMode, customTheme, reactId]);\n\n  return result;\n};\n\nexport const useMermaid = (\n  content: string,\n  { theme: customTheme }: { theme?: MermaidThemeName } = {},\n): MermaidRenderResult => {\n  const reactId = useId();\n  const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(':', '')}`, [reactId]);\n\n  const primary = useMemo(\n    () => renderMermaid(content, scopeId, customTheme),\n    [content, scopeId, customTheme],\n  );\n\n  const fallback = useCdnMermaidFallback(content, {\n    enabled: Boolean(primary.error),\n    theme: customTheme,\n  });\n\n  return primary.error ? fallback : primary;\n};\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,qBAAoC;CACxC,QAAQ;CACR,IAAI;CACJ,QAAQ;CACR,IAAI;CACJ,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;AACf;AAEA,MAAM,gBAAgB,UACpB,CAAC,CAAC,SAAS,UAAU,gBAAgB,SAAS;AAEhD,MAAa,wBAAwB,gBACnC,aAAa,WAAW,IAAI,OAAO,eAAgB;;;;;AAMrD,MAAa,iBACX,SACA,SACA,gBACwB;CACxB,IAAI,CAAC,SAAS,OAAO,EAAE,KAAK,GAAG;CAC/B,IAAI;EACF,MAAM,MAAM,iBAAiB,SAAS,qBAAqB,WAAW,CAAC;EACvE,OAAO,EAAE,KAAK,wBAAwB,KAAK,OAAO,EAAE;CACtD,QAAQ;EACN,OAAO;GAAE,OAAO;GAAe,KAAK;EAAG;CACzC;AACF;AAEA,MAAa,yBACX,SACA,EAAE,SAAS,OAAO,kBACM;CACxB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,UAAU,MAAM;CACtB,MAAM,CAAC,QAAQ,aAAa,SAA8B,EAAE,KAAK,GAAG,CAAC;CAErE,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,SAAS;GACxB,UAAU,EAAE,KAAK,GAAG,CAAC;GACrB;EACF;EAEA,IAAI,SAAS;EACb,UAAU;GAAE,SAAS;GAAM,KAAK;EAAG,CAAC;EAEpC,MAAM,SAAS,uBACb,YACA,aAAa,WAAW,IAAI,cAAc,KAAA,CAC5C;EAEA,qBAAqB,SAAS,eAAe,QAAQ,WAAW,KAAK,EAAE,KAAK,MAAM,CAAC,CAChF,MAAM,QAAQ;GACb,IAAI,CAAC,QAAQ;GACb,UAAU,MAAM,EAAE,IAAI,IAAI;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EAC1E,CAAC,CAAC,CACD,YAAY;GACX,IAAI,QAAQ,UAAU;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EACtE,CAAC;EAEH,aAAa;GACX,SAAS;EACX;CACF,GAAG;EAAC;EAAS;EAAS;EAAY;EAAa;CAAO,CAAC;CAEvD,OAAO;AACT;AAEA,MAAa,cACX,SACA,EAAE,OAAO,gBAA8C,CAAC,MAChC;CACxB,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,cAAc,WAAW,QAAQ,WAAW,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC;CAEjF,MAAM,UAAU,cACR,cAAc,SAAS,SAAS,WAAW,GACjD;EAAC;EAAS;EAAS;CAAW,CAChC;CAEA,MAAM,WAAW,sBAAsB,SAAS;EAC9C,SAAS,QAAQ,QAAQ,KAAK;EAC9B,OAAO;CACT,CAAC;CAED,OAAO,QAAQ,QAAQ,WAAW;AACpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",