@ant-design/agentic-ui 2.0.0

package/dist/BackTo/icons/TopIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TopIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/BackTo/icons/TopIcon.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/BackTo/icons/TopIcon.tsx
+import React from "react";
+var TopIcon = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      version: "1.1",
+      width: "1rem",
+      height: "1rem",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M8.666666746139526,4.942806746139526L12.195256746139526,8.471406746139525C12.320286746139526,8.596426746139526,12.489856746139527,8.666666746139526,12.666666746139526,8.666666746139526C13.034866746139526,8.666666746139526,13.333366746139527,8.368186746139527,13.333366746139527,7.9999967461395265C13.333366746139527,7.823186746139527,13.263066746139526,7.653616746139527,13.138066746139526,7.5285967461395265L8.471946746139526,2.8624707461395262L8.471406746139525,2.8619287461395264C8.469956746139527,2.8604767461395264,8.468496746139525,2.859032746139526,8.467036746139527,2.857596746139526C8.337426746139526,2.7303101461395265,8.168706746139527,2.6666667461395264,7.9999967461395265,2.6666667461395264C7.909606746139526,2.6666667461395264,7.823416746139526,2.6846571461395263,7.744806746139527,2.7172526461395266C7.666176746139526,2.7497856461395265,7.592516746139526,2.7980107461395263,7.5285967461395265,2.8619287461395264L2.8619287461395264,7.5285967461395265C2.7369045461395265,7.653616746139527,2.6666667461395264,7.823186746139527,2.6666667461395264,7.9999967461395265C2.6666667461395264,8.368186746139527,2.9651437461395265,8.666666746139526,3.3333337461395263,8.666666746139526C3.5101447461395265,8.666666746139526,3.679716746139526,8.596426746139526,3.8052167461395263,8.470926746139526L7.333336746139526,4.942806746139526L7.333336746139526,12.666666746139526C7.333336746139526,13.034866746139526,7.631806746139526,13.333366746139527,7.9999967461395265,13.333366746139527C8.368186746139527,13.333366746139527,8.666666746139526,13.034866746139526,8.666666746139526,12.666666746139526L8.666666746139526,4.942806746139526Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: "0.800000011920929"
+      }
+    )))
+  );
+};
+export {
+  TopIcon
+};

package/dist/BackTo/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type { BackBottomProps } from './BackBottom';
+export type { BackTopProps } from './BackTop';
+export declare const BackTo: {
+    Top: import("react").ForwardRefExoticComponent<import("./BackTop").BackTopProps & import("react").RefAttributes<import("./ScrollVisibleButton").ScrollVisibleButtonRef>>;
+    Bottom: import("react").ForwardRefExoticComponent<import("./BackBottom").BackBottomProps & import("react").RefAttributes<import("./ScrollVisibleButton").ScrollVisibleButtonRef>>;
+};

package/dist/BackTo/index.js

@@ -0,0 +1,10 @@
+// src/BackTo/index.tsx
+import { BackBottom } from "./BackBottom";
+import { BackTop } from "./BackTop";
+var BackTo = {
+  Top: BackTop,
+  Bottom: BackBottom
+};
+export {
+  BackTo
+};

package/dist/BackTo/style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const prefixCls = "back-to";
+export declare function useStyle(prefixCls?: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/BackTo/style.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/BackTo/style.ts
+import {
+  useEditorStyleRegister
+} from "../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      position: "fixed",
+      bottom: 48,
+      zIndex: 1e3,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: 32,
+      height: 32,
+      insetInlineEnd: 24,
+      color: "var(--color-gray-text-secondary)",
+      fontSize: 16,
+      background: "var(--color-gray-bg-card-white)",
+      border: "none",
+      boxShadow: "var(--shadow-control-base)",
+      borderRadius: "50%",
+      cursor: "pointer",
+      transition: "all 0.2s ease-in-out",
+      ["&-content"]: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        textAlign: "center",
+        overflow: "hidden"
+      },
+      ["&:hover"]: {
+        boxShadow: "var(--shadow-control-lg)"
+      },
+      ["&:active"]: {
+        boxShadow: "var(--shadow-control-base)",
+        transform: "scale(0.95)"
+      }
+    }
+  };
+};
+var prefixCls = "back-to";
+function useStyle(prefixCls2) {
+  return useEditorStyleRegister("back-to", (token) => {
+    const backToToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls2}`
+    });
+    return [genStyle(backToToken)];
+  });
+}
+export {
+  prefixCls,
+  useStyle
+};

package/dist/Bubble/AIBubble.d.ts

@@ -0,0 +1,46 @@
+import { MutableRefObject } from 'react';
+import React from 'react';
+import type { BubbleProps } from './type';
+export declare const runRender: (render: any, props: BubbleProps, defaultDom: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined, ...rest: undefined[]) => any;
+/**
+ * AIBubble 组件 - AI消息气泡组件
+ *
+ * 该组件专门用于显示AI助手发送的消息，采用左侧布局，支持完整的交互功能。
+ * AI消息通常需要显示头像、标题、加载状态、以及各种操作按钮（点赞、点踩、复制等）。
+ *
+ * @component
+ * @description AI消息气泡组件，专门处理AI助手发送的消息
+ * @param {BubbleProps & {deps?: any[], bubbleRef?: MutableRefObject<any>}} props - 组件属性
+ * @param {string} [props.placement='left'] - 气泡位置，固定为 'left'
+ * @param {BubbleAvatarProps} [props.avatar] - 头像配置
+ * @param {string | number | Date} [props.time] - 消息时间
+ * @param {React.ReactNode} [props.children] - 消息内容
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 气泡渲染配置
+ * @param {BubbleClassNames} [props.classNames] - 自定义类名配置
+ * @param {BubbleStyles} [props.styles] - 自定义样式配置
+ * @param {Function} [props.onAvatarClick] - 头像点击回调
+ * @param {any[]} [props.deps] - 依赖数组
+ * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
+ *
+ * @example
+ * ```tsx
+ * <AIBubble
+ *   avatar={{
+ *     avatar: "https://example.com/ai.jpg",
+ *     title: "AI助手"
+ *   }}
+ *   time={new Date()}
+ *   style={itemStyle}
+ * >
+ *   这是AI助手的回复
+ * </AIBubble>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的AI消息气泡组件
+ */
+export declare const AIBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;

package/dist/Bubble/AIBubble.js

@@ -0,0 +1,470 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/Bubble/AIBubble.tsx
+import { memo, useContext, useMemo } from "react";
+import { Loader } from "@sofa-design/icons";
+import { ConfigProvider, Flex } from "antd";
+import cx from "classnames";
+import React from "react";
+import { BubbleAvatar } from "./Avatar";
+import { BubbleBeforeNode } from "./before";
+import { BubbleConfigContext } from "./BubbleConfigProvide";
+import { BubbleFileView } from "./FileView";
+import { BubbleMessageDisplay } from "./MessagesContent";
+import { MessagesContext } from "./MessagesContent/BubbleContext";
+import { BubbleExtra } from "./MessagesContent/BubbleExtra";
+import { useStyle } from "./style";
+import { BubbleTitle } from "./Title";
+var runRender = (render, props, defaultDom, ...rest) => {
+  if (render) {
+    return render(props, defaultDom, ...rest);
+  }
+  return defaultDom;
+};
+var AIBubble = memo((props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I;
+  const {
+    onAvatarClick,
+    className,
+    style,
+    bubbleRenderConfig,
+    classNames,
+    styles
+  } = props;
+  const typing = useMemo(() => {
+    var _a2, _b2, _c2, _d2, _e2;
+    return ((_a2 = props.originData) == null ? void 0 : _a2.isAborted) !== true && ((_b2 = props.originData) == null ? void 0 : _b2.isFinished) === false && ((_d2 = (_c2 = props == null ? void 0 : props.originData) == null ? void 0 : _c2.extra) == null ? void 0 : _d2.isHistory) === void 0 && ((_e2 = props.originData) == null ? void 0 : _e2.isFinished) !== void 0;
+  }, [
+    (_a = props.originData) == null ? void 0 : _a.isAborted,
+    (_b = props.originData) == null ? void 0 : _b.isFinished,
+    (_d = (_c = props.originData) == null ? void 0 : _c.extra) == null ? void 0 : _d.isHistory
+  ]);
+  const preMessageSameRole = useMemo(() => {
+    var _a2, _b2, _c2, _d2;
+    if (((_a2 = props.preMessage) == null ? void 0 : _a2.role) === void 0 || ((_b2 = props.originData) == null ? void 0 : _b2.role) === void 0) {
+      return false;
+    }
+    return ((_c2 = props.preMessage) == null ? void 0 : _c2.role) === ((_d2 = props.originData) == null ? void 0 : _d2.role);
+  }, [props.preMessage, props.originData]);
+  const [hidePadding, setHidePadding] = React.useState(false);
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const context = useContext(BubbleConfigContext);
+  const { compact, standalone, locale } = context || {};
+  const prefixClass = getPrefixCls("agent");
+  const time = ((_e = props == null ? void 0 : props.originData) == null ? void 0 : _e.createAt) || props.time;
+  const avatar = ((_f = props == null ? void 0 : props.originData) == null ? void 0 : _f.meta) || props.avatar;
+  const { wrapSSR, hashId } = useStyle(prefixClass);
+  const placement = "left";
+  const titleDom = useMemo(() => {
+    return runRender(
+      bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
+      props,
+      /* @__PURE__ */ React.createElement(
+        BubbleTitle,
+        {
+          bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
+          className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
+          style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
+          prefixClass: cx(`${prefixClass}-bubble-title`),
+          title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+          placement,
+          time
+        }
+      )
+    );
+  }, [
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
+    classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
+    (_g = props.originData) == null ? void 0 : _g.updateAt,
+    time,
+    styles == null ? void 0 : styles.bubbleListItemTitleStyle,
+    avatar == null ? void 0 : avatar.title,
+    placement
+  ]);
+  const avatarDom = useMemo(
+    () => runRender(
+      bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.avatarRender,
+      props,
+      /* @__PURE__ */ React.createElement(
+        BubbleAvatar,
+        {
+          className: classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
+          avatar: avatar == null ? void 0 : avatar.avatar,
+          background: avatar == null ? void 0 : avatar.backgroundColor,
+          title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+          onClick: onAvatarClick,
+          prefixCls: `${prefixClass}-bubble-avatar`,
+          style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
+        }
+      )
+    ),
+    [
+      avatar == null ? void 0 : avatar.backgroundColor,
+      avatar == null ? void 0 : avatar.title,
+      (_h = props.originData) == null ? void 0 : _h.updateAt,
+      avatar == null ? void 0 : avatar.avatar,
+      classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
+      styles == null ? void 0 : styles.bubbleListItemAvatarStyle
+    ]
+  );
+  const messageContent = /* @__PURE__ */ React.createElement(
+    BubbleMessageDisplay,
+    {
+      markdownRenderConfig: props.markdownRenderConfig,
+      docListProps: props.docListProps,
+      bubbleListRef: props.bubbleListRef,
+      bubbleListItemExtraStyle: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+      bubbleRef: props.bubbleRef,
+      content: (_i = props == null ? void 0 : props.originData) == null ? void 0 : _i.content,
+      key: (_j = props == null ? void 0 : props.originData) == null ? void 0 : _j.id,
+      "data-id": (_k = props == null ? void 0 : props.originData) == null ? void 0 : _k.id,
+      avatar: (_l = props == null ? void 0 : props.originData) == null ? void 0 : _l.meta,
+      readonly: (_m = props.readonly) != null ? _m : false,
+      onReply: props.onReply,
+      id: props.id,
+      originData: props.originData,
+      placement,
+      time: ((_n = props.originData) == null ? void 0 : _n.updateAt) || ((_o = props.originData) == null ? void 0 : _o.createAt),
+      onDisLike: props.onDisLike,
+      onLike: props.onLike,
+      customConfig: (_p = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _p.customConfig,
+      pure: props.pure,
+      onCancelLike: props.onCancelLike,
+      shouldShowCopy: props.shouldShowCopy,
+      fileViewEvents: props.fileViewEvents,
+      fileViewConfig: props.fileViewConfig,
+      renderFileMoreAction: props.renderFileMoreAction,
+      shouldShowVoice: props.shouldShowVoice,
+      bubbleRenderConfig: props.bubbleRenderConfig,
+      contentAfterDom: (((_r = (_q = props == null ? void 0 : props.originData) == null ? void 0 : _q.fileMap) == null ? void 0 : _r.size) || 0) > 0 ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: __spreadValues({
+            minWidth: standalone ? "min(296px,100%)" : "0px",
+            paddingLeft: 12
+          }, styles == null ? void 0 : styles.bubbleListItemExtraStyle),
+          className: cx(
+            `${prefixClass}-bubble-after`,
+            `${prefixClass}-bubble-after-${placement}`,
+            `${prefixClass}-bubble-after-ai`,
+            // AI消息 after 特定样式
+            hashId
+          ),
+          "data-testid": "message-after"
+        },
+        /* @__PURE__ */ React.createElement(
+          BubbleFileView,
+          {
+            placement,
+            bubbleListRef: props.bubbleListRef,
+            bubble: props
+          }
+        )
+      ) : null
+    }
+  );
+  const childrenDom = useMemo(() => {
+    return runRender(bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
+  }, [
+    (_s = props.originData) == null ? void 0 : _s.content,
+    (_t = props.originData) == null ? void 0 : _t.feedback,
+    (_u = props.originData) == null ? void 0 : _u.isAborted,
+    (_v = props.originData) == null ? void 0 : _v.isFinished,
+    props.deps
+  ]);
+  const contentBeforeDom = useMemo(() => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const _ = props;
+    let render = /* @__PURE__ */ React.createElement(BubbleBeforeNode, { bubble: props });
+    if (_.placement !== "left")
+      render = null;
+    if (((_a2 = _.originData) == null ? void 0 : _a2.role) === "bot")
+      render = null;
+    if (((_b2 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _b2.enable) === false)
+      render = null;
+    const taskList = [(_d2 = (_c2 = _ == null ? void 0 : _.originData) == null ? void 0 : _c2.extra) == null ? void 0 : _d2.white_box_process].flat(
+      2
+    ).filter((item) => item == null ? void 0 : item.info);
+    if (taskList.length < 1 && !((_e2 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _e2.alwaysRender)) {
+      render = null;
+    }
+    return runRender(bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender, props, render);
+  }, [
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
+    props.placement,
+    (_w = props.originData) == null ? void 0 : _w.role,
+    (_y = (_x = props.originData) == null ? void 0 : _x.extra) == null ? void 0 : _y.white_box_process,
+    (_z = props.originData) == null ? void 0 : _z.isAborted,
+    (_A = props.originData) == null ? void 0 : _A.isFinished,
+    (_B = props.originData) == null ? void 0 : _B.updateAt,
+    (_C = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _C.enable,
+    (_D = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _D.alwaysRender,
+    (_E = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _E.render,
+    props.deps
+  ]);
+  const contentAfterDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
+    props,
+    null
+  );
+  const itemDom = wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      BubbleConfigContext.Provider,
+      {
+        value: {
+          compact,
+          standalone: !!standalone,
+          locale,
+          bubble: props
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        Flex,
+        {
+          className: cx(
+            hashId,
+            className,
+            `${prefixClass}-bubble`,
+            `${prefixClass}-bubble-${placement}`,
+            `${prefixClass}-bubble-ai`,
+            // 添加AI消息特定的类名
+            {
+              [`${prefixClass}-bubble-compact`]: compact
+            },
+            classNames == null ? void 0 : classNames.bubbleClassName
+          ),
+          style,
+          vertical: true,
+          id: props.id,
+          "data-id": props.id,
+          gap: 12
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style,
+            className: cx(
+              `${prefixClass}-bubble-container`,
+              `${prefixClass}-bubble-container-${placement}`,
+              hashId
+            )
+          },
+          preMessageSameRole ? null : /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cx(
+                `${prefixClass}-bubble-avatar-title`,
+                `${prefixClass}-bubble-avatar-title-${placement}`,
+                `${prefixClass}-bubble-avatar-title-ai`,
+                // AI消息头像标题特定样式
+                classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+                hashId,
+                {
+                  [`${prefixClass}-bubble-avatar-title-pure`]: props.pure
+                }
+              )
+            },
+            avatarDom,
+            titleDom
+          ),
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: 4,
+                flexDirection: "column",
+                alignItems: "flex-start"
+                // AI消息内容左对齐
+              },
+              className: cx(
+                `${prefixClass}-bubble-container`,
+                `${prefixClass}-bubble-container-${placement}`,
+                `${prefixClass}-bubble-container-ai`,
+                // AI消息容器特定样式
+                {
+                  [`${prefixClass}-bubble-container-pure`]: props.pure
+                },
+                classNames == null ? void 0 : classNames.bubbleContainerClassName,
+                hashId
+              ),
+              "data-testid": "chat-message"
+            },
+            contentBeforeDom ? /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+                className: cx(
+                  `${prefixClass}-bubble-before`,
+                  `${prefixClass}-bubble-before-${placement}`,
+                  `${prefixClass}-bubble-before-ai`,
+                  // AI消息 before 特定样式
+                  hashId
+                ),
+                "data-testid": "message-before"
+              },
+              contentBeforeDom
+            ) : null,
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: __spreadValues({
+                  minWidth: standalone ? "min(16px,100%)" : "0px"
+                }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
+                className: cx(
+                  `${prefixClass}-bubble-content`,
+                  `${prefixClass}-bubble-content-${placement}`,
+                  `${prefixClass}-bubble-content-ai`,
+                  // AI消息内容特定样式
+                  {
+                    [`${prefixClass}-bubble-content-pure`]: props.pure
+                  },
+                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
+                  hashId
+                ),
+                onDoubleClick: props.onDoubleClick,
+                "data-testid": "message-content"
+              },
+              childrenDom
+            ),
+            contentAfterDom
+          )
+        )
+      )
+    )
+  );
+  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    MessagesContext.Provider,
+    {
+      value: {
+        message: props.originData,
+        hidePadding,
+        setHidePadding,
+        setMessage: (message) => {
+          var _a2, _b2, _c2;
+          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
+            _b2,
+            props.id,
+            message
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_I = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _I.call(
+      bubbleRenderConfig,
+      props,
+      {
+        avatar: /* @__PURE__ */ React.createElement(
+          BubbleAvatar,
+          {
+            avatar: avatar == null ? void 0 : avatar.avatar,
+            title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name)
+          }
+        ),
+        title: titleDom,
+        header: /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cx(
+              `${prefixClass}-bubble-avatar-title`,
+              `${prefixClass}-bubble-avatar-title-${placement}`,
+              `${prefixClass}-bubble-avatar-title-ai`,
+              classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+              hashId
+            )
+          },
+          avatarDom,
+          typing && /* @__PURE__ */ React.createElement(Loader, { style: { fontSize: 16 } }),
+          titleDom
+        ),
+        extra: ((_F = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _F.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+          BubbleExtra,
+          {
+            pure: true,
+            style: (_G = props.styles) == null ? void 0 : _G.bubbleListItemExtraStyle,
+            readonly: props.readonly,
+            rightRender: (_H = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _H.extraRightRender,
+            onReply: props.onReply,
+            onCancelLike: props.onCancelLike,
+            shouldShowCopy: props.shouldShowCopy,
+            useSpeech: props.useSpeech,
+            shouldShowVoice: props.shouldShowVoice,
+            onDisLike: props.onDisLike ? () => __async(void 0, null, function* () {
+              var _a2, _b2, _c2, _d2;
+              try {
+                yield (_a2 = props.onDisLike) == null ? void 0 : _a2.call(props, props.originData);
+                (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(
+                  _c2,
+                  props.id,
+                  {
+                    feedback: "thumbsDown"
+                  }
+                );
+              } catch (error) {
+              }
+            }) : void 0,
+            bubble: props,
+            onLike: props.onLike ? () => __async(void 0, null, function* () {
+              var _a2, _b2, _c2, _d2;
+              try {
+                yield (_a2 = props.onLike) == null ? void 0 : _a2.call(props, props.originData);
+                (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(
+                  _c2,
+                  props.id,
+                  {
+                    feedback: "thumbsUp"
+                  }
+                );
+              } catch (error) {
+              }
+            }) : void 0
+          }
+        ),
+        messageContent,
+        itemDom
+      },
+      itemDom
+    )) || itemDom)
+  );
+});
+export {
+  AIBubble,
+  runRender
+};