paul-ai-assistant 0.1.16

package/es/components/LlmMarkDown/MdAmarkReference/index.js

@@ -0,0 +1,300 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useRef, useState } from 'react';
+import { customRequest } from '@alife/goc-request';
+import { previewImg } from '@alife/goc-utils';
+import { Dropdown, message, Spin } from '@alife/magic-basic';
+import { REQUERT_SUCCESS_CODE } from "../../../constants/common";
+import { REFERENCE_TYPE_ENUM, REFERENCE_TYPE_PARAMS } from "../../../constants/reference";
+import { getSelectedText } from "../../../utils/common";
+import { CSECustomIcon } from "../../../utils/CSEIconTool";
+import ReferenceTag from "../../ReferenceTag";
+import "./index.scss";
+var ticketDataType = {
+  customer: 3,
+  // 客户
+  xiaoer: 2 // 小二
+};
+
+// 文档类型
+var docTypes = [REFERENCE_TYPE_ENUM.doc, REFERENCE_TYPE_ENUM.intelligenceKb, REFERENCE_TYPE_ENUM.kb, REFERENCE_TYPE_ENUM.yuque];
+// 工单类型
+var ticketType = REFERENCE_TYPE_ENUM.ticket;
+var POPUP_DISPLAY_DURATION = window.llm_mark_mouse_hover_duration || 3000;
+// 定位到元素
+var locateToElement = function locateToElement(locationId) {
+  var delayTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (!locationId) {
+    return;
+  }
+  setTimeout(function () {
+    try {
+      var parent = document.getElementById('markDownPopContent');
+      var element = parent === null || parent === void 0 ? void 0 : parent.querySelector("#".concat(locationId));
+      if (parent && element) {
+        parent.scrollTo({
+          top: element === null || element === void 0 ? void 0 : element.offsetTop
+        });
+      }
+    } catch (error) {
+      console.error('定位到元素失败');
+    }
+  }, delayTime);
+};
+
+/**
+ * markdown 引用信息展示
+ * @param props
+ * @returns
+ */
+var MdAmarkReference = function MdAmarkReference(props) {
+  var className = props.className,
+    otherProps = props.otherProps,
+    inner = props.inner,
+    goDetailTab = props.goDetailTab,
+    summary = props.summary,
+    ticketId = props.ticketId,
+    dialogId = props.dialogId,
+    findItem = props.findItem,
+    queryParams = props.queryParams,
+    commonLog = props.commonLog;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    htmlContent = _useState6[0],
+    setHtmlContent = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    ticketContent = _useState8[0],
+    setTicketContent = _useState8[1];
+  var locateIdRef = useRef(null);
+  var timeoutIdRef = useRef(null);
+  var popupContentRef = useRef(null);
+  var isDoc = docTypes.includes(findItem === null || findItem === void 0 ? void 0 : findItem.itemType);
+  var isTicket = (findItem === null || findItem === void 0 ? void 0 : findItem.itemType) === ticketType;
+  var typeParams = REFERENCE_TYPE_PARAMS === null || REFERENCE_TYPE_PARAMS === void 0 ? void 0 : REFERENCE_TYPE_PARAMS[findItem === null || findItem === void 0 ? void 0 : findItem.itemType];
+  var onClickAmark = function onClickAmark() {
+    setVisible(false);
+    goDetailTab(findItem);
+  };
+
+  // 划词埋点回调
+  var copyCallBack = function copyCallBack(_event) {
+    var selectedText = getSelectedText();
+    if (selectedText) {
+      commonLog === null || commonLog === void 0 || commonLog({
+        subEventName: 'llm_mark_popup_select_copy',
+        operationType: 'on_copy',
+        dataJson: {
+          dialogId: dialogId,
+          selectedText: selectedText
+        }
+      });
+    }
+  };
+  // 图片预览
+  var handleContentClick = function handleContentClick(e) {
+    var _target$tagName;
+    var target = e === null || e === void 0 ? void 0 : e.target;
+    var nodeName = target === null || target === void 0 || (_target$tagName = target.tagName) === null || _target$tagName === void 0 ? void 0 : _target$tagName.toLowerCase();
+    // 图片预览
+    if (nodeName === 'img') {
+      var src = target === null || target === void 0 ? void 0 : target.getAttribute('src');
+      if (src) {
+        previewImg(src, message.error);
+      }
+    }
+  };
+  // 划词埋点
+  useEffect(function () {
+    if (visible) {
+      setTimeout(function () {
+        var _popupContentRef$curr, _popupContentRef$curr2;
+        popupContentRef === null || popupContentRef === void 0 || (_popupContentRef$curr = popupContentRef.current) === null || _popupContentRef$curr === void 0 || _popupContentRef$curr.addEventListener('copy', copyCallBack);
+        (_popupContentRef$curr2 = popupContentRef.current) === null || _popupContentRef$curr2 === void 0 || _popupContentRef$curr2.addEventListener('click', handleContentClick);
+      }, 10);
+    } else {
+      var _popupContentRef$curr3, _popupContentRef$curr4;
+      popupContentRef === null || popupContentRef === void 0 || (_popupContentRef$curr3 = popupContentRef.current) === null || _popupContentRef$curr3 === void 0 || _popupContentRef$curr3.removeEventListener('copy', copyCallBack);
+      (_popupContentRef$curr4 = popupContentRef.current) === null || _popupContentRef$curr4 === void 0 || _popupContentRef$curr4.removeEventListener('click', handleContentClick);
+    }
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      var _popupContentRef$curr5;
+      popupContentRef === null || popupContentRef === void 0 || (_popupContentRef$curr5 = popupContentRef.current) === null || _popupContentRef$curr5 === void 0 || _popupContentRef$curr5.removeEventListener('copy', copyCallBack);
+    };
+  }, []);
+
+  // 角标卡片出现超3s埋点
+  useEffect(function () {
+    if (visible && !loading && (htmlContent || Array.isArray(ticketContent) && ticketContent.length > 0)) {
+      clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = setTimeout(function () {
+        commonLog === null || commonLog === void 0 || commonLog({
+          subEventName: 'llm_mark_popup_display',
+          operationType: 'to_use',
+          dataJson: {
+            dialogId: dialogId,
+            url: findItem === null || findItem === void 0 ? void 0 : findItem.url
+          }
+        });
+      }, POPUP_DISPLAY_DURATION);
+    } else {
+      clearTimeout(timeoutIdRef.current);
+    }
+    return function () {
+      clearTimeout(timeoutIdRef.current);
+    };
+  }, [visible, loading, htmlContent, ticketContent]);
+  useEffect(function () {
+    if (visible) {
+      if (isDoc && !htmlContent || isTicket && !ticketContent) {
+        setLoading(true);
+        customRequest({
+          method: 'POST',
+          url: '/customerIntelligence/innerApi/v1/copilot/chat/ref/info',
+          query: {
+            summary: summary,
+            dataId: findItem === null || findItem === void 0 ? void 0 : findItem.dataId,
+            uuid: findItem === null || findItem === void 0 ? void 0 : findItem.uuid,
+            indexInContent: queryParams === null || queryParams === void 0 ? void 0 : queryParams.indexInContent,
+            type: findItem === null || findItem === void 0 ? void 0 : findItem.itemType,
+            dialogId: dialogId,
+            bizId: ticketId
+          }
+        }).then(function (res) {
+          if ((res === null || res === void 0 ? void 0 : res.code) === REQUERT_SUCCESS_CODE) {
+            var _ref = (res === null || res === void 0 ? void 0 : res.data) || {},
+              _htmlContent = _ref.htmlContent,
+              _ticketContent = _ref.ticketContent,
+              locationId = _ref.locationId;
+            if (isDoc && _htmlContent) {
+              locateIdRef.current = locationId || 'ref_mk_1';
+              setHtmlContent(_htmlContent);
+            }
+            if (isTicket && _ticketContent) {
+              locateIdRef.current = "dialog-".concat(locationId);
+              setTicketContent(_ticketContent);
+            }
+            locateToElement(locateIdRef.current, 10);
+          }
+        }).finally(function () {
+          setLoading(false);
+        });
+      } else if (isDoc && htmlContent || isTicket && ticketContent) {
+        locateToElement(locateIdRef.current, 100);
+      }
+    }
+  }, [visible]);
+
+  // 渲染html文档
+  var renderHtmlContent = function renderHtmlContent() {
+    return htmlContent ? /*#__PURE__*/React.createElement("div", {
+      className: "html-content-box gcc-mark-down aigc-content-markdown",
+      dangerouslySetInnerHTML: {
+        __html: htmlContent
+      }
+    }) : null;
+  };
+  // 渲染对话
+  var renderTicketContent = function renderTicketContent() {
+    if (Array.isArray(ticketContent) && ticketContent.length > 0) {
+      return ticketContent.map(function (item) {
+        var _ref2 = item || {},
+          content = _ref2.content,
+          role = _ref2.role,
+          highlight = _ref2.highlight,
+          _dialogId = _ref2.dialogId;
+        return /*#__PURE__*/React.createElement("div", {
+          id: "dialog-".concat(_dialogId),
+          key: _dialogId,
+          className: "ticket-content-box"
+        }, /*#__PURE__*/React.createElement("img", {
+          src: role === ticketDataType.xiaoer ? 'https://img.alicdn.com/imgextra/i4/O1CN01FM2jQS1gXD1ZArQ6M_!!6000000004151-2-tps-96-96.png' : 'https://img.alicdn.com/imgextra/i2/O1CN014pzZNz1Jgbz4GtJo0_!!6000000001058-2-tps-96-96.png',
+          className: "role-type-img"
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "ticket-content-text ".concat(highlight ? 'ticket-content-highlight' : ''),
+          dangerouslySetInnerHTML: {
+            __html: content
+          }
+        }));
+      });
+    } else {
+      return null;
+    }
+  };
+  var showContent = function showContent() {
+    var content;
+    if (isDoc) {
+      content = renderHtmlContent();
+    }
+    if (isTicket) {
+      content = renderTicketContent();
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "markdown-reference-popup"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "markdown-reference-popup-top ".concat(!content && 'no-border-bottom')
+    }, /*#__PURE__*/React.createElement(ReferenceTag, {
+      icon: typeParams === null || typeParams === void 0 ? void 0 : typeParams.icon,
+      name: typeParams === null || typeParams === void 0 ? void 0 : typeParams.title,
+      enableMinWidth: false
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "title-text",
+      onClick: onClickAmark
+    }, findItem === null || findItem === void 0 ? void 0 : findItem.title), /*#__PURE__*/React.createElement(CSECustomIcon, {
+      size: "small",
+      type: "iconyoujiantou",
+      onClick: onClickAmark
+    })), (isDoc || isTicket) && /*#__PURE__*/React.createElement("div", {
+      id: "markDownPopContent",
+      ref: popupContentRef,
+      className: "".concat(!content && !loading && 'empty-content', " markdown-reference-popup-content thin-scrollbar")
+    }, /*#__PURE__*/React.createElement(Spin, {
+      spinning: loading,
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, content)));
+  };
+  return /*#__PURE__*/React.createElement(Dropdown
+  // open={visible}
+  // onOpenChange={(_visible, _type: any) => {
+  //   let needSetVisible = true;
+  //   if (visible) {
+  //     if (['overlay', 'esc', 'docClick'].includes(_type)) {
+  //       // 页面中的点击行为，只有当图片预览时，不关闭浮层
+  //       const element = document.querySelector('.viewer-container');
+  //       if (element) {
+  //         needSetVisible = false;
+  //       }
+  //     }
+  //   }
+  //   if (needSetVisible) {
+  //     setVisible(_visible);
+  //   }
+  // }}
+  , {
+    placement: "topLeft",
+    overlay: showContent()
+  }, /*#__PURE__*/React.createElement("a", _extends({
+    className: className
+  }, otherProps, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onClickAmark();
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(visible ? 'markdown-reference-inner-active' : '')
+  }, inner)));
+};
+export default MdAmarkReference;

package/es/components/LlmMarkDown/MdAmarkReference/index.scss

@@ -0,0 +1,122 @@
+.markdown-reference-popup {
+  width: 320px;
+  background-color: #fff;
+  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  font-size: 12px;
+
+  .markdown-reference-popup-top {
+    padding: 8px 12px;
+    display: flex;
+    align-items: center;
+    border-bottom: #dcdee0 1px solid;
+
+    .title-tag {
+      margin-right: 4px;
+      height: 20px;
+      line-height: 20px;
+      padding: 0 4px;
+      border-radius: 3px;
+      flex-shrink: 0;
+      font-size: 12px;
+      color: #0070d2;
+      background-color: #edf3f7;
+
+      .type-tag-icon {
+        font-size: 16px !important;
+        margin-top: -2px;
+        margin-right: 4px;
+      }
+    }
+
+    .title-text {
+      flex: 1;
+      cursor: pointer;
+      font-weight: 500;
+      font-size: 14px;
+      color: #18191a;
+
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+    }
+    .title-text:hover {
+      color: #0070d2;
+    }
+  }
+
+  .markdown-reference-popup-content {
+    padding: 0 12px;
+    margin: 12px 0;
+    overflow-y: auto;
+    height: 260px;
+    position: relative;
+    word-break: break-all;
+
+    .next-loading-masker {
+      width: 100% !important;
+    }
+    .html-content-box {
+      em {
+        background-color: rgba(0, 100, 200, 0.15) !important;
+        font-style: normal;
+      }
+      img {
+        width: 100%;
+      }
+      code {
+        display: block;
+        overflow: auto;
+      }
+    }
+  }
+  .empty-content {
+    height: 0!important;
+    padding: 0!important;
+    margin: 0!important;
+  }
+  .blank_content {
+    line-height: 260px;
+    text-align: center;
+  }
+
+  .ticket-content-box:last-child {
+    margin-bottom: 0;
+  }
+  .ticket-content-box {
+    display: flex;
+    margin-bottom: 5px;
+
+    em {
+      color: #ff6a00;
+      font-style: normal;
+    }
+
+    .role-type-img {
+      width: 16px;
+      height: 16px;
+      margin-right: 4px;
+      margin-top: 1px;
+    }
+    .ticket-content-text {
+      word-break: break-all;
+    }
+  }
+  .ticket-content-highlight {
+    background-color: rgba(0, 100, 200, 0.15) !important;
+  }
+}
+
+.markdown-reference-inner-active {
+  .sup-corner {
+    background-color: #edf3f7 !important;
+    color: #0070d2 !important;
+  }
+}
+
+.no-border-bottom {
+  border-bottom: none!important;
+}

package/es/components/LlmMarkDown/index.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import './index.scss';
+export interface ILlmMarkDownProps {
+    content?: string;
+    references?: any[];
+    finished?: boolean;
+    ticketId?: number;
+    dialogId?: number;
+    bizMessageId?: any;
+    onClickReference?: (params: {
+        reference?: any;
+        type?: string;
+        url: string;
+        title: string;
+    }) => void;
+    commonLog?: any;
+    markDownProps?: any;
+    markDownExtComponentMap?: object;
+    getALinkInterception?: (params: any) => ReactNode;
+    /** 获取API主机地址的方法 */
+    getApiHost?: () => string;
+}
+/**
+ * LLM markdown 组件
+ * @param props
+ * @returns
+ */
+declare const LlmMarkDown: (props: ILlmMarkDownProps) => React.JSX.Element;
+export default LlmMarkDown;

package/es/components/LlmMarkDown/index.js

@@ -0,0 +1,202 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["node", "_className", "children", "finished", "references", "summary"];
+import React, { useCallback } from 'react';
+import { Tooltip } from '@alife/magic-basic';
+import { formatMarkdownData, JsonStringify } from "../../utils/formatData";
+import { parseLlmComponentUrl } from "../../utils/parseUrl";
+import MarkDown from "../MarkDown";
+import MdAmarkGuess from "./MdAmarkGuess";
+import MdAmarkReference from "./MdAmarkReference";
+import "./index.scss";
+/**
+ * LLM markdown 组件
+ * @param props
+ * @returns
+ */
+var LlmMarkDown = function LlmMarkDown(props) {
+  var _ref = props || {},
+    bizMessageId = _ref.bizMessageId,
+    content = _ref.content,
+    references = _ref.references,
+    finished = _ref.finished,
+    ticketId = _ref.ticketId,
+    dialogId = _ref.dialogId,
+    onClickReference = _ref.onClickReference,
+    getALinkInterception = _ref.getALinkInterception,
+    commonLog = _ref.commonLog,
+    markDownProps = _ref.markDownProps,
+    _ref$markDownExtCompo = _ref.markDownExtComponentMap,
+    markDownExtComponentMap = _ref$markDownExtCompo === void 0 ? {} : _ref$markDownExtCompo,
+    getApiHost = _ref.getApiHost;
+  var apiHost = getApiHost === null || getApiHost === void 0 ? void 0 : getApiHost();
+  var markdownData = formatMarkdownData(content, apiHost);
+
+  /**
+   * 跳转详情页
+   */
+  var goDetailTab = function goDetailTab(item) {
+    var data = {
+      reference: item,
+      type: item === null || item === void 0 ? void 0 : item.itemType,
+      url: item === null || item === void 0 ? void 0 : item.url,
+      title: item === null || item === void 0 ? void 0 : item.title
+    };
+    if (onClickReference && typeof onClickReference === 'function') {
+      onClickReference(data);
+    } else if (data !== null && data !== void 0 && data.url) {
+      window.open(data === null || data === void 0 ? void 0 : data.url);
+    }
+    commonLog === null || commonLog === void 0 || commonLog({
+      subEventName: 'llm_generate_answer_url_click',
+      operationType: 'on_click',
+      dataJson: _objectSpread({
+        dialogId: dialogId,
+        bizMessageId: bizMessageId
+      }, data)
+    });
+  };
+  var onClickAmarkUrl = function onClickAmarkUrl(data) {
+    if (onClickReference && typeof onClickReference === 'function') {
+      onClickReference(data);
+    } else if (data !== null && data !== void 0 && data.url) {
+      window.open(data === null || data === void 0 ? void 0 : data.url);
+    }
+    commonLog === null || commonLog === void 0 || commonLog({
+      subEventName: 'llm_generate_answer_url_click',
+      operationType: 'on_click',
+      dataJson: _objectSpread({
+        dialogId: dialogId,
+        bizMessageId: bizMessageId
+      }, data)
+    });
+  };
+  var renderMarkDownAmark = useCallback(function (amarkProps) {
+    var _children$toString, _llmComponent$queryPa2;
+    var _ref2 = amarkProps || {},
+      node = _ref2.node,
+      _ref2$_className = _ref2._className,
+      _className = _ref2$_className === void 0 ? 'cursor-pointer' : _ref2$_className,
+      children = _ref2.children,
+      _finished = _ref2.finished,
+      _references = _ref2.references,
+      summary = _ref2.summary,
+      _props = _objectWithoutProperties(_ref2, _excluded);
+    var amarkTitle = Array.isArray(children) ? children[0] : children;
+    var amarkUrl = _props === null || _props === void 0 ? void 0 : _props.href;
+
+    // 已预处理将[]移至a标签内，判断children是否符合正则/^\[\d+\]$/;, 如：[1]
+    var inner = /^\[\d+\]$/.test(children) ? /*#__PURE__*/React.createElement("sup", {
+      className: "sup-corner"
+    }, children === null || children === void 0 || (_children$toString = children.toString()) === null || _children$toString === void 0 ? void 0 : _children$toString.replace(/\[(\d+)\]/g, '$1')) : children;
+    var interception = getALinkInterception === null || getALinkInterception === void 0 ? void 0 : getALinkInterception(amarkProps);
+    if (interception) {
+      return interception;
+    }
+    var llmComponent = parseLlmComponentUrl(amarkUrl);
+
+    // 猜问 点击处理
+    if ((llmComponent === null || llmComponent === void 0 ? void 0 : llmComponent.component) === 'guess') {
+      return /*#__PURE__*/React.createElement(MdAmarkGuess, {
+        className: _className,
+        otherProps: _props,
+        inner: inner,
+        finished: _finished,
+        query: children === null || children === void 0 ? void 0 : children.toString()
+      });
+    }
+
+    // 未结束则不处理参考来源
+    if (!_finished) {
+      return /*#__PURE__*/React.createElement("a", _extends({
+        className: _className
+      }, _props, {
+        onClick: function onClick(e) {
+          e.preventDefault();
+          onClickAmarkUrl({
+            url: amarkUrl,
+            title: amarkTitle
+          });
+        }
+      }), inner);
+    }
+    var findItem = Array.isArray(_references) && (_references === null || _references === void 0 ? void 0 : _references.length) > 0 && (_references === null || _references === void 0 ? void 0 : _references.find(function (item) {
+      if ((llmComponent === null || llmComponent === void 0 ? void 0 : llmComponent.component) === 'reference') {
+        var _llmComponent$queryPa;
+        // 如果是reference组件，则根据dataId匹配
+        return item && (item === null || item === void 0 ? void 0 : item.dataId) === (llmComponent === null || llmComponent === void 0 || (_llmComponent$queryPa = llmComponent.queryParams) === null || _llmComponent$queryPa === void 0 ? void 0 : _llmComponent$queryPa.dataId);
+      }
+      return item && item.url === amarkUrl;
+    }));
+    if (!findItem) {
+      return /*#__PURE__*/React.createElement("a", _extends({
+        className: _className
+      }, _props, {
+        onClick: function onClick(e) {
+          e.preventDefault();
+          onClickAmarkUrl({
+            url: amarkUrl,
+            title: amarkTitle
+          });
+        }
+      }), inner);
+    }
+    // 角标定位卡片
+    if ((llmComponent === null || llmComponent === void 0 ? void 0 : llmComponent.component) === 'reference' && llmComponent !== null && llmComponent !== void 0 && (_llmComponent$queryPa2 = llmComponent.queryParams) !== null && _llmComponent$queryPa2 !== void 0 && _llmComponent$queryPa2.indexInContent) {
+      return /*#__PURE__*/React.createElement(MdAmarkReference, {
+        key: encodeURIComponent(amarkUrl),
+        className: _className,
+        otherProps: _props,
+        inner: inner,
+        goDetailTab: goDetailTab,
+        summary: summary,
+        ticketId: ticketId,
+        dialogId: dialogId,
+        findItem: findItem,
+        queryParams: llmComponent === null || llmComponent === void 0 ? void 0 : llmComponent.queryParams,
+        commonLog: commonLog
+      });
+    }
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      title: /*#__PURE__*/React.createElement("a", {
+        style: {
+          cursor: 'pointer'
+        },
+        onClick: function onClick(e) {
+          e.preventDefault();
+          goDetailTab(findItem);
+        }
+      }, findItem === null || findItem === void 0 ? void 0 : findItem.title),
+      placement: "topLeft",
+      overlayClassName: "llm-markdown-tooltip"
+    }, /*#__PURE__*/React.createElement("a", _extends({
+      className: _className
+    }, _props, {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        goDetailTab(findItem);
+      }
+    }), inner));
+  }, []);
+  var detail = JsonStringify({
+    dialogId: dialogId
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "llm-content-markdown",
+    "data-log-detail": detail
+  }, /*#__PURE__*/React.createElement(MarkDown, _extends({
+    data: markdownData,
+    linkTarget: "_blank",
+    components: _objectSpread({
+      a: function a(aprops) {
+        return renderMarkDownAmark(_objectSpread(_objectSpread({}, aprops), {}, {
+          references: references,
+          finished: finished,
+          summary: content
+        }));
+      }
+    }, markDownExtComponentMap)
+  }, markDownProps)));
+};
+export default LlmMarkDown;

package/es/components/LlmMarkDown/index.scss

@@ -0,0 +1,23 @@
+.llm-content-markdown {
+  color: #393b3d;
+  position: relative;
+
+  .sup-corner {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: top;
+    top: 2px;
+    margin: 0 2px;
+    width: 16px;
+    height: 16px;
+    text-decoration-color: transparent;
+    outline: transparent solid 1px;
+    background-color: #edeeef;
+    color: #5e6164;
+    font-weight: 500;
+    text-indent: 0;
+    font-size: 10px;
+  }
+}