@ant-design/agentic-ui 2.0.0

package/dist/ThoughtChainList/WebSearch.js

@@ -0,0 +1,178 @@
+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/ThoughtChainList/WebSearch.tsx
+import { CloseCircleFilled } from "@ant-design/icons";
+import { Typography } from "antd";
+import React, { useContext, useMemo } from "react";
+import { LoadingSpinnerIcon } from "../components/icons/LoadingSpinnerIcon";
+import { I18nContext } from "../i18n";
+import { DotLoading } from "./DotAni";
+import { MarkdownEditorUpdate } from "./MarkdownEditor";
+var WebSearch = (props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const errorMsg = ((_a = props.output) == null ? void 0 : _a.errorMsg) || ((_c = (_b = props.output) == null ? void 0 : _b.response) == null ? void 0 : _c.error) || ((_e = (_d = props.output) == null ? void 0 : _d.response) == null ? void 0 : _e.errorMsg);
+  const i18n = useContext(I18nContext);
+  return useMemo(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "10px",
+          flexDirection: "column"
+        }
+      },
+      !props.output && !(props == null ? void 0 : props.isFinished) ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            height: "38px",
+            borderRadius: "12px",
+            opacity: 1,
+            wordBreak: "break-all",
+            wordWrap: "break-word",
+            flexDirection: "row",
+            padding: "8px",
+            gap: "10px",
+            alignSelf: "stretch",
+            background: "#FBFCFD",
+            zIndex: 2
+          }
+        },
+        /* @__PURE__ */ React.createElement(LoadingSpinnerIcon, { size: 24 }),
+        (_a2 = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a2.networkQuerying,
+        /* @__PURE__ */ React.createElement(DotLoading, null)
+      ) : null,
+      !errorMsg && props.output ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            wordBreak: "break-all",
+            wordWrap: "break-word",
+            padding: "8px 12px",
+            gap: "10px",
+            alignSelf: "stretch",
+            background: "#FBFCFD",
+            zIndex: 1,
+            borderRadius: "12px"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "10px",
+              borderRadius: "12px",
+              opacity: 1,
+              wordBreak: "break-all",
+              wordWrap: "break-word",
+              flexDirection: "column",
+              alignSelf: "stretch"
+            },
+            className: "code-view"
+          },
+          ((_b2 = props.output) == null ? void 0 : _b2.data) ? /* @__PURE__ */ React.createElement(
+            MarkdownEditorUpdate,
+            __spreadProps(__spreadValues({}, props.markdownRenderProps), {
+              isFinished: props.isFinished,
+              typewriter: !((_d2 = (_c2 = props.output) == null ? void 0 : _c2.response) == null ? void 0 : _d2.error) && !props.isFinished && ((_e2 = props.output) == null ? void 0 : _e2.type) === "TOKEN",
+              initValue: props.output.data.replace(/^>/, "")
+            })
+          ) : /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                padding: "16px",
+                textAlign: "center",
+                color: "#999",
+                fontSize: "14px"
+              }
+            },
+            ((_f2 = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _f2["webSearch.noResults"]) || "无搜索结果"
+          )
+        )
+      ) : null,
+      errorMsg ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            borderRadius: "12px",
+            opacity: 1,
+            display: "flex",
+            padding: "12px 12px",
+            alignSelf: "stretch",
+            background: "#FFEDEC",
+            wordBreak: "break-all",
+            minHeight: 18,
+            wordWrap: "break-word",
+            zIndex: 2,
+            backgroundColor: "#FFEDEC",
+            border: "1px solid rgba(244, 244, 247, 0.7473)",
+            gap: 8,
+            alignItems: "center",
+            justifyContent: "space-between"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 12
+            }
+          },
+          /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+            CloseCircleFilled,
+            {
+              style: {
+                color: "#FF4141",
+                marginRight: 8
+              }
+            }
+          ), /* @__PURE__ */ React.createElement(Typography.Text, null, ((_g = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _g["webSearch.searchFailed"]) || ((_h = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _h.taskExecutionFailed) || "搜索失败，需要修改")),
+          /* @__PURE__ */ React.createElement(
+            Typography,
+            {
+              style: {
+                color: "#FF4141",
+                wordBreak: "break-all",
+                wordWrap: "break-word"
+              }
+            },
+            JSON.stringify(errorMsg)
+          )
+        )
+      ) : null
+    ));
+  }, [props.category, JSON.stringify((_f = props.output) == null ? void 0 : _f.data), props.costMillis]);
+};
+export {
+  WebSearch
+};

package/dist/ThoughtChainList/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ThoughtChainListProps } from './types';
+export type { Chunk, DocMeta, ThoughtChainListProps, WhiteBoxProcessInterface, } from './types';
+/**
+ * ThoughtChainList 组件 - 思维链列表组件
+ *
+ * 该组件用于显示AI的思维链过程，包括思考步骤、工具调用、任务执行等。
+ * 提供完整的思维链可视化功能，支持折叠/展开、状态显示、文档元数据等。
+ *
+ * @component
+ * @description 思维链列表组件，显示AI思维过程
+ * @param {ThoughtChainListProps} props - 组件属性
+ * @param {WhiteBoxProcessInterface[]} props.thoughtChainList - 思维链列表数据
+ * @param {boolean} [props.loading] - 是否显示加载状态
+ * @param {BubbleProps} [props.bubble] - 气泡数据
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {boolean} [props.compact] - 是否使用紧凑模式
+ * @param {MarkdownRenderConfig} [props.markdownRenderProps] - Markdown渲染配置
+ * @param {boolean} [props.finishAutoCollapse=true] - 完成后是否自动折叠
+ * @param {(meta: DocMeta | null) => void} [props.onDocMetaClick] - 文档元数据点击回调
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {Function} [props.titleRender] - 标题渲染函数
+ * @param {Function} [props.extraRender] - 额外内容渲染函数
+ *
+ * @example
+ * ```tsx
+ * <ThoughtChainList
+ *   thoughtChainList={chainData}
+ *   bubble={currentBubble}
+ *   loading={isLoading}
+ *   style={{ marginBottom: 16 }}
+ *   finishAutoCollapse={true}
+ *   onDocMetaClick={(meta) => console.log('文档元数据:', meta)}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的思维链列表组件
+ *
+ * @remarks
+ * - 显示AI思维链过程
+ * - 支持思维链折叠/展开
+ * - 提供状态显示（思考中、完成、中止等）
+ * - 支持文档元数据显示
+ * - 提供时间统计
+ * - 支持自定义渲染
+ * - 提供动画效果
+ * - 支持国际化
+ */
+export declare const ThoughtChainList: React.FC<ThoughtChainListProps>;

package/dist/ThoughtChainList/index.js

@@ -0,0 +1,463 @@
+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;
+};
+
+// src/ThoughtChainList/index.tsx
+import { CloseCircleFilled } from "@ant-design/icons";
+import {
+  ChevronsDownUp,
+  ChevronsUpDown,
+  CircleCheckBig,
+  Loader,
+  Sparkles
+} from "@sofa-design/icons";
+import { ConfigProvider, Descriptions, Drawer, Typography } from "antd";
+import classNames from "classnames";
+import dayjs from "dayjs";
+import duration from "dayjs/plugin/duration";
+import { motion } from "framer-motion";
+import { merge } from "lodash-es";
+import React, { useContext, useEffect, useMemo } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { ActionIconBox } from "../components/ActionIconBox";
+import { useAutoScroll } from "../hooks/useAutoScroll";
+import { I18nContext } from "../i18n";
+import { DotLoading } from "./DotAni";
+import { FlipText } from "./FlipText";
+import { useStyle } from "./style";
+import { ThoughtChainListItem } from "./ThoughtChainListItem";
+import { TitleInfo } from "./TitleInfo";
+try {
+  dayjs.extend(duration);
+} catch (error) {
+  console.warn("Failed to extend dayjs with duration plugin:", error);
+}
+var ThoughtChainTitle = React.memo(
+  (_a) => {
+    var _b = _a, {
+      prefixCls,
+      hashId,
+      collapse,
+      compact,
+      endStatusDisplay,
+      onCollapseToggle,
+      locale
+    } = _b, props = __objRest(_b, [
+      "prefixCls",
+      "hashId",
+      "collapse",
+      "compact",
+      "endStatusDisplay",
+      "onCollapseToggle",
+      "locale"
+    ]);
+    const extra = /* @__PURE__ */ React.createElement(
+      ActionIconBox,
+      {
+        title: collapse ? (locale == null ? void 0 : locale.expand) || "展开" : (locale == null ? void 0 : locale.collapse) || "收起",
+        onClick: onCollapseToggle
+      },
+      !collapse ? /* @__PURE__ */ React.createElement(ChevronsDownUp, null) : /* @__PURE__ */ React.createElement(ChevronsUpDown, null)
+    );
+    const dom = /* @__PURE__ */ React.createElement(
+      motion.div,
+      {
+        className: classNames(`${prefixCls}-title`, hashId, {
+          [`${prefixCls}-title-collapse`]: collapse,
+          [`${prefixCls}-title-compact`]: compact
+        })
+      },
+      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-title-content`, hashId) }, /* @__PURE__ */ React.createElement(
+        Sparkles,
+        {
+          "data-testid": "magic-icon",
+          style: {
+            width: 15,
+            height: 15,
+            color: "#0CE0AD"
+          }
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: classNames(`${prefixCls}-title-progress`, hashId),
+          style: {
+            fontSize: "1em"
+          }
+        },
+        endStatusDisplay
+      )),
+      /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-title-extra`, hashId) }, props.titleExtraRender ? props.titleExtraRender(extra) : extra)
+    );
+    if (props.titleRender) {
+      return props.titleRender(dom);
+    }
+    return dom;
+  }
+);
+var DocumentDrawer = React.memo(({ docMeta, onClose, locale }) => {
+  return /* @__PURE__ */ React.createElement(
+    Drawer,
+    {
+      title: (locale == null ? void 0 : locale.preview) + " " + (docMeta == null ? void 0 : docMeta.doc_name),
+      open: !!docMeta,
+      onClose,
+      width: "40vw"
+    },
+    /* @__PURE__ */ React.createElement(
+      Descriptions,
+      {
+        column: 1,
+        items: [
+          {
+            label: (locale == null ? void 0 : locale["common.name"]) || "名称",
+            span: 1,
+            children: (docMeta == null ? void 0 : docMeta.doc_name) || (docMeta == null ? void 0 : docMeta.answer)
+          },
+          {
+            label: (locale == null ? void 0 : locale["common.updateTime"]) || "更新时间",
+            span: 1,
+            children: dayjs(docMeta == null ? void 0 : docMeta.upload_time).format(
+              "YYYY-MM-DD HH:mm:ss"
+            )
+          },
+          {
+            label: (locale == null ? void 0 : locale["common.type"]) || "类型",
+            span: 1,
+            children: docMeta == null ? void 0 : docMeta.type
+          },
+          (docMeta == null ? void 0 : docMeta.origin_text) ? {
+            label: (locale == null ? void 0 : locale["common.content"]) || "内容",
+            span: 1,
+            children: docMeta == null ? void 0 : docMeta.origin_text
+          } : null
+        ].filter(Boolean)
+      }
+    )
+  );
+});
+var ThoughtChainContent = React.memo(
+  (_a) => {
+    var _b = _a, {
+      prefixCls,
+      hashId,
+      collapse,
+      compact,
+      thoughtChainList,
+      bubble,
+      loading,
+      markdownRenderProps,
+      onDocMetaClick,
+      instanceId
+    } = _b, props = __objRest(_b, [
+      "prefixCls",
+      "hashId",
+      "collapse",
+      "compact",
+      "thoughtChainList",
+      "bubble",
+      "loading",
+      "markdownRenderProps",
+      "onDocMetaClick",
+      "instanceId"
+    ]);
+    const { containerRef } = useAutoScroll({
+      SCROLL_TOLERANCE: 30
+    });
+    const processedItems = useMemo(() => {
+      if (collapse)
+        return [];
+      return thoughtChainList.map((item, index) => {
+        var _a2, _b2, _c, _d, _e;
+        let info = item.info;
+        let icon = /* @__PURE__ */ React.createElement(Loader, null);
+        let isFinished = false;
+        if ((item.output || (bubble == null ? void 0 : bubble.isFinished)) && ((_a2 = item.output) == null ? void 0 : _a2.type) !== "TOKEN" && ((_b2 = item.output) == null ? void 0 : _b2.type) !== "RUNNING") {
+          isFinished = true;
+          icon = /* @__PURE__ */ React.createElement(CircleCheckBig, null);
+        }
+        if ((_c = item.output) == null ? void 0 : _c.errorMsg) {
+          icon = /* @__PURE__ */ React.createElement(
+            CloseCircleFilled,
+            {
+              style: {
+                color: "red"
+              }
+            }
+          );
+        }
+        return __spreadProps(__spreadValues({
+          key: index.toString()
+        }, item), {
+          info,
+          isFinished,
+          status: !item.output || ((_d = item.output) == null ? void 0 : _d.type) === "RUNNING" || ((_e = item.output) == null ? void 0 : _e.type) === "TOKEN" ? "loading" : "success",
+          icon
+        });
+      });
+    }, [thoughtChainList, bubble == null ? void 0 : bubble.isFinished, collapse]);
+    return /* @__PURE__ */ React.createElement(
+      motion.div,
+      {
+        className: classNames(
+          `${prefixCls}-content`,
+          {
+            [`${prefixCls}-content-collapse`]: collapse,
+            [`${prefixCls}-content-compact`]: compact
+          },
+          hashId
+        ),
+        ref: containerRef
+      },
+      /* @__PURE__ */ React.createElement(
+        motion.div,
+        {
+          role: "list",
+          className: classNames(`${prefixCls}-content-list`, hashId),
+          variants: {
+            hidden: {
+              opacity: 0,
+              transition: {
+                when: "afterChildren"
+              }
+            },
+            visible: {
+              opacity: 1,
+              transition: {
+                staggerChildren: 0.3,
+                when: "beforeChildren"
+              }
+            }
+          },
+          whileInView: "visible",
+          initial: "hidden",
+          animate: "visible"
+        },
+        processedItems.map((item, index) => {
+          var _a2;
+          const info = (_a2 = item.info) == null ? void 0 : _a2.split(/(\$\{\w+\})/);
+          if (!info)
+            return null;
+          return /* @__PURE__ */ React.createElement(
+            ErrorBoundary,
+            {
+              fallback: /* @__PURE__ */ React.createElement(Typography.Paragraph, { code: true }, /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, JSON.stringify(
+                thoughtChainList.at(index) || {
+                  message: "error"
+                },
+                null,
+                2
+              )))),
+              key: `${instanceId}-${item.runId || "no-runid"}-${index}`
+            },
+            /* @__PURE__ */ React.createElement(
+              ThoughtChainListItem,
+              {
+                index,
+                markdownRenderProps: merge(markdownRenderProps, {
+                  codeProps: {
+                    showLineNumbers: false,
+                    showGutter: false,
+                    fontSize: 12
+                  }
+                }),
+                bubble,
+                thoughtChainListItem: item,
+                hashId,
+                isFinished: item.isFinished || !loading && !!(bubble == null ? void 0 : bubble.endTime),
+                setDocMeta: onDocMetaClick,
+                prefixCls,
+                titleRender: props.titleRender,
+                titleExtraRender: props.titleExtraRender,
+                contentRender: props.contentRender
+              }
+            )
+          );
+        })
+      )
+    );
+  }
+);
+var ThoughtChainList = React.memo(
+  (props) => {
+    var _a, _b;
+    const { locale } = useContext(I18nContext);
+    const {
+      thoughtChainList,
+      loading,
+      //@ts-ignore
+      bubble = props.chatItem,
+      style,
+      compact,
+      markdownRenderProps,
+      finishAutoCollapse = true,
+      onDocMetaClick
+    } = props;
+    const context = useContext(ConfigProvider.ConfigContext);
+    const [collapse, setCollapse] = React.useState(false);
+    const prefixCls = context == null ? void 0 : context.getPrefixCls("thought-chain-list");
+    const { wrapSSR, hashId } = useStyle(prefixCls);
+    const [docMeta, setDocMeta] = React.useState(null);
+    const instanceId = "ThoughtChainList";
+    useEffect(() => {
+      if ((bubble == null ? void 0 : bubble.isFinished) && finishAutoCollapse !== false) {
+        setCollapse(true);
+      }
+    }, [bubble == null ? void 0 : bubble.isFinished, finishAutoCollapse]);
+    const handleCollapseToggle = React.useCallback(() => {
+      setCollapse(!collapse);
+    }, [collapse]);
+    const handleDocMetaClose = React.useCallback(() => {
+      setDocMeta(null);
+      onDocMetaClick == null ? void 0 : onDocMetaClick(null);
+    }, [onDocMetaClick]);
+    const handleDocMetaClick = React.useCallback(
+      (meta) => {
+        setDocMeta(meta);
+        onDocMetaClick == null ? void 0 : onDocMetaClick(meta);
+      },
+      [onDocMetaClick]
+    );
+    const endStatusDisplay = useMemo(() => {
+      var _a2, _b2, _c, _d, _e;
+      const time = (((bubble == null ? void 0 : bubble.endTime) || 0) - ((bubble == null ? void 0 : bubble.createAt) || 0)) / 1e3;
+      if (!loading && (bubble == null ? void 0 : bubble.isAborted)) {
+        if (time > 0) {
+          return `${locale == null ? void 0 : locale.taskAborted}, ${locale == null ? void 0 : locale.totalTimeUsed} ${time.toFixed(2)}s`;
+        }
+        return locale == null ? void 0 : locale.taskAborted;
+      }
+      if (!loading && (bubble == null ? void 0 : bubble.isFinished)) {
+        if (time > 0) {
+          if (bubble == null ? void 0 : bubble.isFinished) {
+            return `${locale == null ? void 0 : locale.taskComplete}, ${locale == null ? void 0 : locale.totalTimeUsed} ${time.toFixed(2)}s`;
+          }
+          return /* @__PURE__ */ React.createElement(
+            FlipText,
+            {
+              word: `${locale == null ? void 0 : locale.taskComplete}, ${locale == null ? void 0 : locale.totalTimeUsed} ${time.toFixed(2)}s`
+            }
+          );
+        }
+        return /* @__PURE__ */ React.createElement(FlipText, { word: locale == null ? void 0 : locale.taskComplete });
+      }
+      return /* @__PURE__ */ React.createElement("div", null, thoughtChainList.at(-1) && collapse ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        TitleInfo,
+        {
+          title: (_a2 = thoughtChainList.at(-1)) == null ? void 0 : _a2.info,
+          costMillis: (_b2 = thoughtChainList.at(-1)) == null ? void 0 : _b2.costMillis,
+          category: ((_c = thoughtChainList.at(-1)) == null ? void 0 : _c.category) || "",
+          prefixCls,
+          hashId,
+          isFinished: false,
+          collapse: true,
+          meta: ((_e = (_d = thoughtChainList.at(-1)) == null ? void 0 : _d.meta) == null ? void 0 : _e.data) || {}
+        }
+      ), loading && /* @__PURE__ */ React.createElement(DotLoading, null)) : /* @__PURE__ */ React.createElement("div", null, locale == null ? void 0 : locale.thinking, /* @__PURE__ */ React.createElement(DotLoading, null)));
+    }, [
+      loading,
+      collapse,
+      (_b = (_a = thoughtChainList == null ? void 0 : thoughtChainList.at) == null ? void 0 : _a.call(thoughtChainList, -1)) == null ? void 0 : _b.category,
+      bubble == null ? void 0 : bubble.isFinished,
+      bubble == null ? void 0 : bubble.isAborted,
+      bubble == null ? void 0 : bubble.endTime,
+      bubble == null ? void 0 : bubble.createAt,
+      locale
+    ]);
+    return wrapSSR(
+      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        DocumentDrawer,
+        {
+          docMeta,
+          onClose: handleDocMetaClose,
+          locale
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}`, hashId), style }, /* @__PURE__ */ React.createElement(
+        motion.div,
+        {
+          transition: { duration: 0.3 },
+          className: classNames(`${prefixCls}-container`, hashId, {
+            [`${prefixCls}-container-loading`]: !(bubble == null ? void 0 : bubble.isFinished)
+          })
+        },
+        /* @__PURE__ */ React.createElement(
+          ThoughtChainTitle,
+          {
+            prefixCls,
+            hashId,
+            collapse,
+            compact,
+            endStatusDisplay,
+            onCollapseToggle: handleCollapseToggle,
+            locale,
+            titleRender: props.titleRender ? (defaultDom) => {
+              var _a2;
+              return (_a2 = props.titleRender) == null ? void 0 : _a2.call(props, props, defaultDom);
+            } : void 0,
+            titleExtraRender: props.titleExtraRender ? (defaultDom) => {
+              var _a2;
+              return (_a2 = props.titleExtraRender) == null ? void 0 : _a2.call(props, props, defaultDom);
+            } : void 0
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              backgroundColor: "#FFF",
+              position: "relative",
+              borderRadius: "6px 12px 12px 12px",
+              zIndex: 9
+            }
+          },
+          /* @__PURE__ */ React.createElement(
+            ThoughtChainContent,
+            __spreadValues({
+              prefixCls,
+              hashId,
+              collapse,
+              compact,
+              thoughtChainList,
+              bubble,
+              loading,
+              markdownRenderProps,
+              onDocMetaClick: handleDocMetaClick,
+              instanceId
+            }, props.thoughtChainItemRender)
+          )
+        )
+      )))
+    );
+  }
+);
+export {
+  ThoughtChainList
+};

package/dist/ThoughtChainList/style.d.ts

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