@ant-design/agentic-ui 2.0.0

package/dist/Bubble/MessagesContent/icons.js

@@ -0,0 +1,68 @@
+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/Bubble/MessagesContent/icons.tsx
+import React from "react";
+var ReloadIcon = (props) => {
+  const [rotation, setRotation] = React.useState(0);
+  const handleClick = (e) => {
+    var _a;
+    setRotation((prevRotation) => prevRotation + 360);
+    (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+  };
+  const style = __spreadValues({
+    transform: `rotate(${rotation}deg)`,
+    transition: "transform 0.5s ease-in-out"
+  }, props.style);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadProps(__spreadValues({}, props), {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      onClick: handleClick,
+      style,
+      height: "1em",
+      viewBox: "0 0 13.33349609375 13.3330078125"
+    }),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M10.693448046875,2.96932390625L12.195348046875,4.47124390625Q12.289148046875,4.56501390625,12.411648046875,4.61575390625Q12.534148046875,4.66650390625,12.666748046875,4.66650390625Q12.799348046875,4.66650390625,12.921848046875,4.61575390625Q13.044348046875,4.56501390625,13.138148046875,4.47124390625Q13.231948046875,4.37747390625,13.282648046875,4.2549639062499995Q13.333448046875,4.13244390625,13.333448046875,3.99983390625Q13.333448046875,3.86722390625,13.282648046875,3.74471390625Q13.231948046875,3.62220390625,13.138148046875,3.52843390625L11.631448046875,2.02176390625L11.622148046875,2.01256390625Q9.528408046875,-0.00016309375000000959,6.666748046875,-0.00016309375000000959Q3.905328046875,-0.00016309375000000959,1.952708046875,1.95245390625Q0.00008204687500001917,3.90508390625,0.00008204687500001917,6.66650390625Q0.00008104687499999041,9.42793390625,1.952698046875,11.38050390625Q3.905328046875,13.33320390625,6.666748046875,13.33320390625Q9.428168046875,13.33320390625,11.380748046875,11.38050390625Q13.333448046875,9.42793390625,13.333448046875,6.66650390625Q13.333448046875,6.60084390625,13.320648046875,6.53644390625Q13.307748046875,6.47204390625,13.282648046875,6.41138390625Q13.257548046875,6.35071390625,13.221048046875,6.29612390625Q13.184548046875,6.24152390625,13.138148046875,6.19510390625Q13.091748046875,6.14867390625,13.037148046875,6.11219390625Q12.982548046875,6.07571390625,12.921848046875,6.05058390625Q12.861248046875,6.02545390625,12.796848046875,6.01264390625Q12.732448046875,5.99983390625,12.666748046875,5.99983390625Q12.601048046875,5.99983390625,12.536648046875,6.01264390625Q12.472248046875,6.02545390625,12.411648046875,6.05058390625Q12.350948046875,6.07571390625,12.296348046875,6.11219390625Q12.241748046875,6.14867390625,12.195348046875,6.19509390625Q12.148948046875,6.24152390625,12.112448046875,6.29612390625Q12.075948046875,6.35071390625,12.050848046875,6.41138390625Q12.025748046875,6.47204390625,12.012848046875,6.53644390625Q12.000048046875,6.60084390625,12.000048046875,6.66650390625Q12.000048046875,8.87564390625,10.437988046875,10.43774390625Q8.875888046875,11.99980390625,6.666748046875,11.99980390625Q4.457608046875,11.99980390625,2.895508046875,10.43774390625Q1.333415046875,8.87564390625,1.333415046875,6.66650390625Q1.333415046875,4.45736390625,2.895508046875,2.89526390625Q4.457608046875,1.33317090625,6.666748046875,1.33317090625Q8.988298046875,1.33317090625,10.693448046875,2.96932390625Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: 1
+      }
+    )), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.999921953125,3.33317390625L9.333251953125,3.33317390625Q9.267591053125,3.33317390625,9.203191953125,3.34598390625Q9.138792953125,3.35879390625,9.078129953125,3.38391390625Q9.017466953125,3.40904390625,8.962871953125,3.44552390625Q8.908276953125,3.48200390625,8.861847953125,3.52843390625Q8.815417953125,3.57486390625,8.778938953125,3.62945390625Q8.742459953125,3.68405390625,8.717331953125,3.74471390625Q8.692204953125,3.80537390625,8.679394953125,3.86977390625Q8.666584953125,3.93417390625,8.666584953125,3.99983390625Q8.666584953125,4.0654939062499995,8.679394953125,4.12989390625Q8.692204953125,4.1942939062499995,8.717331953125,4.2549639062499995Q8.742459953125,4.31562390625,8.778938953125,4.37021390625Q8.815417953125,4.42481390625,8.861847953125,4.47124390625Q8.908276953125,4.51767390625,8.962871953125,4.55415390625Q9.017466953125,4.59063390625,9.078129953125,4.61575390625Q9.138792953125,4.64088390625,9.203191953125,4.65369390625Q9.267591053125,4.66650390625,9.333251953125,4.66650390625L12.666581953125,4.66650390625L13.333251953125,3.99983390625L13.333251953125,0.66650390625Q13.333251953125,0.60084300625,13.320441953125,0.5364439062499999Q13.307631953125,0.47204490625,13.282501953125,0.41138190625Q13.257381953125,0.35071890625,13.220901953125,0.29612390625Q13.184421953125,0.24152890625,13.137991953124999,0.19509990625Q13.091561953125,0.14866990624999998,13.036961953125001,0.11219090625000006Q12.982371953125,0.07571190625000002,12.921701953125,0.05058390624999998Q12.861041953125,0.025456906249999967,12.796641953125,0.012646906249999978Q12.732241953125,-0.00016309375000000959,12.666581953125,-0.00016309375000000959Q12.600921953124999,-0.00016309375000000959,12.536521953125,0.012646906249999978Q12.472121953125,0.025456906249999967,12.411461953125,0.05058390624999998Q12.350801953125,0.07571190625000002,12.296201953125,0.11219090625000006Q12.241611953125,0.14866990624999998,12.195181953125001,0.19509990625Q12.148751953125,0.24152890625,12.112271953125,0.29612390625Q12.075791953125,0.35071890625,12.050661953125001,0.41138190625Q12.025541953125,0.47204490625,12.012731953125,0.5364439062499999Q11.999921953125,0.60084300625,11.999921953125,0.66650390625L11.999921953125,3.33317390625Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: 1
+      }
+    )))
+  );
+};
+export {
+  ReloadIcon
+};

package/dist/Bubble/MessagesContent/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { BubbleProps, MessageBubbleData } from '../type';
+export declare const LOADING_FLAT = "...";
+/**
+ * BubbleMessageDisplay 组件 - 聊天气泡消息显示组件
+ *
+ * 该组件负责渲染聊天气泡中的消息内容，支持多种内容类型的显示，
+ * 包括Markdown、异常消息、加载状态等。提供完整的交互功能。
+ *
+ * @component
+ * @description 聊天气泡消息显示组件，处理各种消息内容的渲染
+ * @param {BubbleProps & {content: MessageBubbleData['content'], bubbleListItemExtraStyle?: React.CSSProperties}} props - 组件属性
+ * @param {string} props.content - 消息内容
+ * @param {React.CSSProperties} [props.bubbleListItemExtraStyle] - 额外样式
+ * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
+ * @param {boolean} [props.readonly] - 是否只读模式
+ * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 渲染配置
+ * @param {BubbleMetaData} [props.avatar] - 头像元数据
+ *
+ * @example
+ * ```tsx
+ * <BubbleMessageDisplay
+ *   content="这是一条消息内容"
+ *   readonly={false}
+ *   bubbleRef={bubbleRef}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的消息显示组件
+ *
+ * @remarks
+ * - 组件会自动处理 Markdown 内容的渲染
+ * - 支持异常消息的特殊展示
+ * - 提供完整的交互操作（点赞、点踩、复制等）
+ * - 可以通过 extraRender 完全自定义额外操作区域
+ *
+ * @see {@link BubbleProps} 了解更多关于聊天项属性的信息
+ * @see {@link BaseChatProps} 了解更多关于基础聊天属性的信息
+ */
+export declare const BubbleMessageDisplay: React.FC<BubbleProps & {
+    content: MessageBubbleData['content'];
+    bubbleListItemExtraStyle?: React.CSSProperties;
+    contentAfterDom?: React.ReactNode;
+}>;

package/dist/Bubble/MessagesContent/index.js

@@ -0,0 +1,387 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/MessagesContent/index.tsx
+import { ExportOutlined } from "@ant-design/icons";
+import { Popover, Tooltip, Typography } from "antd";
+import React, { useContext, useMemo } from "react";
+import { ActionIconBox } from "../../components/ActionIconBox";
+import { I18nContext } from "../../i18n";
+import { MarkdownEditor, useRefFunction } from "../../index";
+import { BubbleConfigContext } from "../BubbleConfigProvide";
+import { BubbleExtra } from "./BubbleExtra";
+import { DocInfoList } from "./DocInfo";
+import { EXCEPTION } from "./EXCEPTION";
+import { MarkdownPreview } from "./MarkdownPreview";
+var LOADING_FLAT = "...";
+var BubbleMessageDisplay = (_a) => {
+  var _b = _a, { content, bubbleRef, readonly, contentAfterDom } = _b, props = __objRest(_b, ["content", "bubbleRef", "readonly", "contentAfterDom"]);
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const context = useContext(BubbleConfigContext);
+  const { locale } = useContext(I18nContext);
+  const [isExtraNull, setIsExtraNull] = React.useState(false);
+  const [nodeList, setNodeList] = React.useState([]);
+  const funRender = useRefFunction((props2) => {
+    const node = nodeList.find((item) => item.placeholder === props2.identifier);
+    return node;
+  });
+  const typing = useMemo(() => {
+    var _a3, _b3, _c2, _d2, _e2;
+    return ((_a3 = props.originData) == null ? void 0 : _a3.isAborted) !== true && ((_b3 = props.originData) == null ? void 0 : _b3.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;
+  }, [
+    (_a2 = props.originData) == null ? void 0 : _a2.isAborted,
+    (_b2 = props.originData) == null ? void 0 : _b2.isFinished,
+    (_d = (_c = props.originData) == null ? void 0 : _c.extra) == null ? void 0 : _d.isHistory
+  ]);
+  const beforeContent = useMemo(() => {
+    var _a3;
+    return ((_a3 = props.bubbleRenderConfig) == null ? void 0 : _a3.beforeMessageRender) ? props.bubbleRenderConfig.beforeMessageRender(props, null) : null;
+  }, [(_e = props.bubbleRenderConfig) == null ? void 0 : _e.beforeMessageRender, typing, props.originData]);
+  const afterContent = useMemo(() => {
+    var _a3;
+    const userAfter = ((_a3 = props.bubbleRenderConfig) == null ? void 0 : _a3.afterMessageRender) ? props.bubbleRenderConfig.afterMessageRender(props, contentAfterDom) : contentAfterDom;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, userAfter);
+  }, [
+    (_f = props.bubbleRenderConfig) == null ? void 0 : _f.afterMessageRender,
+    typing,
+    props.originData,
+    (_g = props.bubbleRenderConfig) == null ? void 0 : _g.afterMessageRender,
+    contentAfterDom,
+    typing
+  ]);
+  const memo = useMemo(() => {
+    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+    if (content === LOADING_FLAT || !((_a3 = props.originData) == null ? void 0 : _a3.isFinished) && !content) {
+      if (((_b3 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _b3.alwaysRender) !== true) {
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              padding: (context == null ? void 0 : context.compact) ? "8px" : "12px",
+              lineHeight: "24px",
+              display: "flex",
+              alignItems: "center",
+              gap: 8
+            },
+            className: "agent-item-default-content",
+            "data-testid": "message-content"
+          },
+          (locale == null ? void 0 : locale["chat.message.thinking"]) || "思考中..."
+        );
+      }
+      return null;
+    }
+    const defaultExtra = ((_c2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _c2.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+      BubbleExtra,
+      {
+        placement: props.placement,
+        style: props.bubbleListItemExtraStyle,
+        readonly,
+        rightRender: (_d2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _d2.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 _a4, _b4, _c3;
+          try {
+            yield (_a4 = props.onDisLike) == null ? void 0 : _a4.call(props, props.originData);
+            (_c3 = (_b4 = bubbleRef == null ? void 0 : bubbleRef.current) == null ? void 0 : _b4.setMessageItem) == null ? void 0 : _c3.call(_b4, props.id, {
+              feedback: "thumbsDown"
+            });
+          } catch (error) {
+          }
+        }) : void 0,
+        bubble: props,
+        onRenderExtraNull: (isNull) => setIsExtraNull(isNull),
+        onLike: props.onLike ? () => __async(void 0, null, function* () {
+          var _a4, _b4, _c3;
+          try {
+            yield (_a4 = props.onLike) == null ? void 0 : _a4.call(props, props.originData);
+            (_c3 = (_b4 = bubbleRef == null ? void 0 : bubbleRef.current) == null ? void 0 : _b4.setMessageItem) == null ? void 0 : _c3.call(_b4, props.id, {
+              feedback: "thumbsUp"
+            });
+          } catch (error) {
+          }
+        }) : void 0
+      }
+    );
+    const extra = ((_e2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e2.extraRender) !== false && ((_f2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _f2.extraRender) ? (_h2 = (_g2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _g2.extraRender) == null ? void 0 : _h2.call(
+      _g2,
+      props,
+      defaultExtra
+    ) : defaultExtra;
+    if (content === "..." || React.isValidElement(content) || props.placement !== "left" || ((_l2 = (_k2 = (_j2 = (_i2 = props == null ? void 0 : props.originData) == null ? void 0 : _i2.extra) == null ? void 0 : _j2.tags) == null ? void 0 : _k2.includes) == null ? void 0 : _l2.call(_k2, "REJECT_TO_ANSWER")) || ((_m = props.originData) == null ? void 0 : _m.role) === "bot") {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            lineHeight: "24px"
+          },
+          className: "agent-item-default-content",
+          "data-testid": "message-box-content",
+          onDoubleClick: props.onDoubleClick
+        },
+        /* @__PURE__ */ React.createElement(
+          MarkdownPreview,
+          {
+            beforeContent,
+            afterContent,
+            placement: props.placement,
+            markdownRenderConfig: props.markdownRenderConfig,
+            isFinished: true,
+            style: ((_n = props.originData) == null ? void 0 : _n.role) === "bot" ? {} : {
+              color: "#343A45"
+            },
+            extra,
+            typing: false,
+            originData: props.originData,
+            content: (_o = props.originData) == null ? void 0 : _o.content
+          }
+        )
+      );
+    }
+    if (((_q = (_p = props.originData) == null ? void 0 : _p.extra) == null ? void 0 : _q.answerStatus) === "EXCEPTION" || ((_s = (_r = props.originData) == null ? void 0 : _r.extra) == null ? void 0 : _s.answerStatus) && !((_t = props.originData) == null ? void 0 : _t.content)) {
+      return /* @__PURE__ */ React.createElement(
+        EXCEPTION,
+        {
+          content: props.originData.content,
+          originData: props.originData,
+          extra: isExtraNull ? null : extra
+        }
+      );
+    }
+    const docInfoList = [(_v = (_u = props == null ? void 0 : props.originData) == null ? void 0 : _u.extra) == null ? void 0 : _v.white_box_process].flat(
+      1
+    );
+    let docInfoDom = null;
+    if (Array.isArray(docInfoList) && docInfoList.length > 0 && (docInfoList == null ? void 0 : docInfoList.some((item) => {
+      var _a4, _b4;
+      return (((_b4 = (_a4 = item == null ? void 0 : item.output) == null ? void 0 : _a4.chunks) == null ? void 0 : _b4.length) || 0) > 0;
+    })) && ((_w = props.docListProps) == null ? void 0 : _w.enable) !== false) {
+      docInfoDom = /* @__PURE__ */ React.createElement(
+        DocInfoList,
+        __spreadProps(__spreadValues({
+          options: docInfoList.map((item) => {
+            var _a4;
+            return (_a4 = item.output) == null ? void 0 : _a4.chunks;
+          }).flat(1).filter((item) => item)
+        }, props.docListProps), {
+          reference_url_info_list: ((_x = props.docListProps) == null ? void 0 : _x.reference_url_info_list) || ((_z = (_y = props.originData) == null ? void 0 : _y.extra) == null ? void 0 : _z.reference_url_info_list) || []
+        })
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      MarkdownPreview,
+      {
+        markdownRenderConfig: props.markdownRenderConfig,
+        isFinished: (_A = props.originData) == null ? void 0 : _A.isFinished,
+        beforeContent,
+        afterContent,
+        fncProps: __spreadValues({
+          render: (mdProps, _) => {
+            var _a4, _b4, _c3, _d3, _e3, _f3, _g3, _h3;
+            const reference_url_info_list = ((_b4 = (_a4 = props.originData) == null ? void 0 : _a4.extra) == null ? void 0 : _b4.reference_url_info_list) || [];
+            const item = reference_url_info_list.find(
+              (item2) => item2.placeholder === `[${mdProps.children}]` || item2.placeholder === `[^${mdProps.children}]`
+            ) || funRender(mdProps);
+            if (!item)
+              return;
+            if (!(item == null ? void 0 : item.origin_text))
+              return null;
+            return /* @__PURE__ */ React.createElement(
+              Popover,
+              {
+                title: /* @__PURE__ */ React.createElement(
+                  "div",
+                  {
+                    style: __spreadValues({
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      fontSize: "1em"
+                    }, ((_d3 = (_c3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _c3.PopoverProps) == null ? void 0 : _d3.titleStyle) || {})
+                  },
+                  /* @__PURE__ */ React.createElement("div", null, (locale == null ? void 0 : locale["chat.message.referenceDocument"]) || "参考文档"),
+                  (item == null ? void 0 : item.origin_url) ? /* @__PURE__ */ React.createElement(
+                    ActionIconBox,
+                    {
+                      title: (locale == null ? void 0 : locale["chat.message.viewOriginal"]) || "查看原文",
+                      tooltipProps: (_e3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _e3.TooltipProps,
+                      onClick: () => {
+                        var _a5, _b5, _c4, _d4;
+                        if ((_b5 = (_a5 = props.markdownRenderConfig) == null ? void 0 : _a5.fncProps) == null ? void 0 : _b5.onOriginUrlClick) {
+                          (_d4 = (_c4 = props.markdownRenderConfig) == null ? void 0 : _c4.fncProps) == null ? void 0 : _d4.onOriginUrlClick(
+                            item.origin_url
+                          );
+                          return;
+                        }
+                        window.open(item.origin_url);
+                      }
+                    },
+                    /* @__PURE__ */ React.createElement(ExportOutlined, null)
+                  ) : null
+                ),
+                content: /* @__PURE__ */ React.createElement(
+                  "div",
+                  {
+                    style: __spreadValues({
+                      width: 400,
+                      display: "flex",
+                      maxHeight: 400,
+                      overflow: "auto",
+                      flexDirection: "column",
+                      gap: 12
+                    }, ((_g3 = (_f3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _f3.PopoverProps) == null ? void 0 : _g3.contentStyle) || {})
+                  },
+                  /* @__PURE__ */ React.createElement(
+                    MarkdownEditor,
+                    {
+                      style: {
+                        padding: 0,
+                        width: "100%"
+                      },
+                      tableConfig: {
+                        actions: {
+                          fullScreen: "modal"
+                        }
+                      },
+                      readonly: true,
+                      contentStyle: {
+                        padding: 0,
+                        width: "100%"
+                      },
+                      initValue: (_h3 = item == null ? void 0 : item.origin_text) == null ? void 0 : _h3.trim()
+                    }
+                  ),
+                  (item == null ? void 0 : item.docId) && item.doc_name ? /* @__PURE__ */ React.createElement(
+                    Tooltip,
+                    {
+                      mouseEnterDelay: 0.3,
+                      title: /* @__PURE__ */ React.createElement(Typography.Text, { copyable: { text: item.docId } }, item.docId)
+                    },
+                    /* @__PURE__ */ React.createElement(
+                      "div",
+                      {
+                        style: {
+                          borderRadius: "20px",
+                          opacity: 1,
+                          display: "flex",
+                          flexDirection: "row",
+                          alignItems: "center",
+                          padding: "10px",
+                          gap: "10px",
+                          alignSelf: "stretch",
+                          background: "#FBFCFD",
+                          cursor: "pointer",
+                          zIndex: 1
+                        }
+                      },
+                      /* @__PURE__ */ React.createElement(
+                        "img",
+                        {
+                          style: {
+                            width: 24
+                          },
+                          src: "https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original"
+                        }
+                      ),
+                      /* @__PURE__ */ React.createElement(
+                        "div",
+                        {
+                          style: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            WebkitBoxOrient: "vertical",
+                            WebkitLineClamp: 2,
+                            display: "-webkit-box"
+                          }
+                        },
+                        item == null ? void 0 : item.doc_name
+                      )
+                    )
+                  ) : null
+                )
+              },
+              _
+            );
+          },
+          onFootnoteDefinitionChange: (nodeList2) => {
+            setNodeList(nodeList2);
+          }
+        }, ((_B = props.markdownRenderConfig) == null ? void 0 : _B.fncProps) || {}),
+        typing,
+        placement: props.placement,
+        docListNode: docInfoDom,
+        extra: isExtraNull ? null : extra,
+        htmlRef: props.bubbleListRef,
+        content: ((_C = props.originData) == null ? void 0 : _C.isFinished) ? ((_D = props.originData) == null ? void 0 : _D.content) || (locale == null ? void 0 : locale["chat.message.generateFailed"]) || "生成回答失败，请重试" : ((_E = props.originData) == null ? void 0 : _E.content) || "",
+        originData: props.originData
+      }
+    );
+  }, [
+    content,
+    (_h = props == null ? void 0 : props.originData) == null ? void 0 : _h.feedback,
+    (_i = props.originData) == null ? void 0 : _i.isFinished,
+    (_j = props.originData) == null ? void 0 : _j.isAborted,
+    isExtraNull,
+    props.deps,
+    (_k = props.bubbleRenderConfig) == null ? void 0 : _k.beforeMessageRender,
+    (_l = props.bubbleRenderConfig) == null ? void 0 : _l.afterMessageRender
+  ]);
+  return memo;
+};
+export {
+  BubbleMessageDisplay,
+  LOADING_FLAT
+};

package/dist/Bubble/MessagesContent/types.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { TooltipProps } from 'antd';
+/**
+ * 聊天项的自定义配置接口
+ * @interface CustomConfig
+ */
+export interface CustomConfig {
+    /**
+     * 提示框配置
+     * @description 用于配置聊天项中的提示框属性
+     * @optional
+     */
+    TooltipProps?: TooltipProps;
+    /**
+     * 弹出框配置
+     * @description 用于配置聊天项中的弹出框属性
+     */
+    PopoverProps?: {
+        /**
+         * 弹出框标题的样式
+         * @description 用于自定义弹出框标题的样式
+         * @optional
+         */
+        titleStyle?: React.CSSProperties;
+        /**
+         * 弹出框内容的样式
+         * @description 用于自定义弹出框内容的样式
+         * @optional
+         */
+        contentStyle?: React.CSSProperties;
+    };
+}

package/dist/Bubble/Title.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { BubbleProps, MessageBubbleData } from './type';
+/**
+ * Props for the BubbleChatTitle component.
+ */
+export interface TitleProps {
+    /**
+     * The title of the chat item's avatar.
+     */
+    title: React.ReactNode;
+    /**
+     * The placement of the chat item.
+     */
+    placement?: BubbleProps['placement'];
+    /**
+     * The time of the chat item.
+     */
+    time?: MessageBubbleData['updateAt'] | MessageBubbleData['createAt'];
+    /**
+     * Additional class name for the component.
+     */
+    className?: string;
+    /**
+     * Prefix class name for the component.
+     */
+    prefixClass?: string;
+    /**
+     * Inline style for the component.
+     */
+    style?: React.CSSProperties;
+    bubbleNameClassName?: string;
+    quote?: React.ReactNode;
+}
+/**
+ * BubbleTitle 组件 - 聊天气泡标题组件
+ *
+ * 该组件用于显示聊天气泡的标题信息，包括标题文本和时间。
+ * 支持左右布局，当鼠标悬停时显示时间信息。
+ *
+ * @component
+ * @description 聊天气泡标题组件，显示标题和时间信息
+ * @param {TitleProps} props - 组件属性
+ * @param {React.ReactNode} [props.title] - 标题内容
+ * @param {string | number | Date} [props.time] - 时间信息
+ * @param {'left' | 'right'} [props.placement='left'] - 布局方向
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {string} [props.prefixClass] - 前缀类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ *
+ * @example
+ * ```tsx
+ * <BubbleTitle
+ *   title="用户消息"
+ *   time={new Date()}
+ *   placement="left"
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的标题组件
+ */
+export declare const BubbleTitle: React.FC<TitleProps>;