paul-ai-assistant 0.1.16

package/es/components/ShareModal/index.js

@@ -0,0 +1,185 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useContext, useState } from 'react';
+import { Button, Input, message, Modal, Select } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { AssistantChatContext } from "../../context";
+import { CSECustomIcon } from "../../utils/CSEIconTool";
+import ShareContent from "../ShareContent";
+import "./index.scss";
+var ShareModal = function ShareModal(_ref) {
+  var visible = _ref.visible,
+    onClose = _ref.onClose,
+    onCancelShareMode = _ref.onCancelShareMode,
+    shareLink = _ref.shareLink,
+    data = _ref.data;
+  var _useContext = useContext(AssistantChatContext),
+    cardComponentMap = _useContext.cardComponentMap;
+  var _useState = useState('internal'),
+    _useState2 = _slicedToArray(_useState, 2),
+    shareType = _useState2[0],
+    setShareType = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isCanceling = _useState4[0],
+    setIsCanceling = _useState4[1]; // State to manage canceling process
+
+  // Helper function to extract shareId from shareLink
+  var extractShareId = function extractShareId(link) {
+    if (!link) return null;
+    try {
+      var url = new URL(link);
+      return url.searchParams.get('shareId');
+    } catch (error) {
+      return null;
+    }
+  };
+
+  /** 取消分享 */
+  var cancelShare = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(shareId) {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (shareId) {
+              _context.next = 3;
+              break;
+            }
+            message.error('分享ID无效，无法取消分享');
+            return _context.abrupt("return", false);
+          case 3:
+            _context.prev = 3;
+            _context.next = 6;
+            return customRequest({
+              method: 'DELETE',
+              url: "/cognipilot/api/assistant/chat/message/share?shareId=".concat(shareId),
+              query: {
+                shareId: shareId
+              }
+            });
+          case 6:
+            res = _context.sent;
+            if (!(res.code !== '200')) {
+              _context.next = 12;
+              break;
+            }
+            message.error("\u53D6\u6D88\u5206\u4EAB\u5931\u8D25: ".concat(res.message));
+            return _context.abrupt("return", false);
+          case 12:
+            message.success('分享已取消');
+            return _context.abrupt("return", true);
+          case 14:
+            _context.next = 21;
+            break;
+          case 16:
+            _context.prev = 16;
+            _context.t0 = _context["catch"](3);
+            console.error('取消分享失败:', _context.t0);
+            message.error('取消分享失败，请重试');
+            return _context.abrupt("return", false);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 16]]);
+    }));
+    return function cancelShare(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleCopyLink = function handleCopyLink() {
+    navigator.clipboard.writeText(shareLink);
+    message.success('复制成功!');
+  };
+  var handleCancelShare = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var shareId, cancalSuccess;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setIsCanceling(true);
+            shareId = extractShareId(shareLink);
+            _context2.next = 4;
+            return cancelShare(shareId);
+          case 4:
+            cancalSuccess = _context2.sent;
+            if (cancalSuccess) {
+              onClose(); // Close the modal
+              if (onCancelShareMode) {
+                onCancelShareMode(); // Exit share mode
+              }
+            }
+            setIsCanceling(false);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleCancelShare() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(Modal, {
+    open: visible,
+    onCancel: onClose,
+    className: "share-modal",
+    width: 960,
+    zIndex: 1002,
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "share-modal-header"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "share-modal-title"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "share-modal-mainTitle"
+    }, "\u5BF9\u8BDD\u5206\u4EAB"), /*#__PURE__*/React.createElement("p", {
+      className: "share-modal-subtitle"
+    }, "\u5185\u5BB9\u7531AI\u751F\u6210,\u4EC5\u4F9B\u53C2\u8003"))),
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: "share-modal-footer"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "share-type-selector"
+    }, /*#__PURE__*/React.createElement(Select, {
+      value: shareType,
+      onChange: setShareType,
+      style: {
+        width: 128
+      }
+    }, /*#__PURE__*/React.createElement(Select.Option, {
+      value: "internal"
+    }, "\u5185\u90E8\u5206\u4EAB"), /*#__PURE__*/React.createElement(Select.Option, {
+      value: "public",
+      disabled: true
+    }, "\u516C\u5F00\u5206\u4EAB"))), /*#__PURE__*/React.createElement("div", {
+      className: "share-link-input"
+    }, /*#__PURE__*/React.createElement(Input, {
+      value: shareLink,
+      readOnly: true
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "share-actions"
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: handleCancelShare,
+      loading: isCanceling,
+      className: "cancel-btn"
+    }, "\u53D6\u6D88\u5206\u4EAB"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleCopyLink,
+      className: "copy-btn"
+    }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+      type: "iconchain1-o",
+      size: "small"
+    }), "\u590D\u5236\u94FE\u63A5"))),
+    closable: true,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "share-modal-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "share-modal-body"
+  }, /*#__PURE__*/React.createElement(ShareContent, {
+    selectedData: (data === null || data === void 0 ? void 0 : data.selectedData) || [],
+    cardComponentMap: cardComponentMap
+  }))));
+};
+export default ShareModal;

package/es/components/ShareModal/index.scss

@@ -0,0 +1,199 @@
+.share-modal {
+  .ant-modal-header {
+    padding: 16px 20px;
+    border-bottom: none;
+    background: transparent;
+  }
+
+  // 确保Modal本身不产生滚动条
+  .ant-modal-content {
+    height: 600px;
+    display: flex;
+    flex-direction: column;
+    background-color: #ffffff;
+    border: 1px solid #dcdee0;
+    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+
+    .ant-modal-close .ant-modal-close-x {
+      font-size: 22px;
+    }
+  }
+
+  .ant-modal-body {
+    flex: 1;
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .ant-modal-footer {
+    padding: 0 20px 16px 20px;
+    border-top: none;
+  }
+
+  .share-modal-content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .share-modal-header {
+    .share-modal-title {
+      .share-modal-mainTitle {
+        font-weight: 500;
+        font-size: 16px;
+        color: #1f2024;
+        line-height: 24px;
+      }
+
+      .share-modal-subtitle {
+        font-weight: 400;
+        font-size: 12px;
+        color: #81848f;
+        line-height: 12px;
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .share-modal-body {
+    flex: 1;
+    padding: 0 48px 16px 48px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    min-height: 0; // 重要：允许flex子项收缩
+
+    .conversation-content {
+      .conversation-message {
+        margin-bottom: 16px;
+        padding: 12px 0;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .message-header {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          margin-bottom: 8px;
+
+          .user-info {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+
+            .user-avatar {
+              width: 24px;
+              height: 24px;
+              border-radius: 50%;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: 500;
+              color: #fff;
+
+              &.user {
+                background-color: #1890ff;
+              }
+
+              &.ai {
+                background-color: #8c8c8c;
+              }
+            }
+
+            .username {
+              font-size: 14px;
+              font-weight: 500;
+              color: #262626;
+            }
+          }
+
+          .timestamp {
+            font-size: 12px;
+            color: #8c8c8c;
+          }
+        }
+
+        .message-content {
+          font-size: 14px;
+          line-height: 1.6;
+          color: #262626;
+          white-space: pre-wrap;
+          word-break: break-word;
+          padding-left: 32px; // 为头像留出空间
+        }
+      }
+    }
+  }
+
+  .share-modal-footer {
+    display: flex;
+    align-items: center;
+    background-color: #ffffff;
+    box-shadow: 0 4px 16px 0 rgba(129, 132, 143, 0.24);
+    border-radius: 8px;
+    padding: 16px;
+
+    .share-type-selector {
+      flex-shrink: 0;
+
+      .ant-select .ant-select-selector .ant-select-selection-item {
+        text-align: left;
+      }
+
+      .ant-select-dropdown .ant-select-item {
+        text-align: left !important;
+      }
+    }
+
+    .share-link-input {
+      flex: 1;
+      margin: 0 8px;
+
+      .ant-input {
+        height: 32px;
+        background-color: #edeef0;
+        border-radius: 2px;
+        font-family: HelveticaNeue;
+        font-weight: 400;
+        font-size: 11px;
+        color: #474a52;
+      }
+    }
+
+    .share-actions {
+      display: flex;
+      gap: 8px;
+      flex-shrink: 0;
+
+      .cancel-btn {
+        width: 88px;
+        background-color: #ffffff;
+        border: 1px solid #d4d6db;
+        border-radius: 2px;
+        font-size: 14px;
+        color: #474a52;
+      }
+
+      .copy-btn {
+        width: 90px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 4px;
+        background-color: #1b58f4;
+        background-image: radial-gradient(
+          circle at 85% 72%,
+          rgba(255, 255, 255, 0.36) 0%,
+          rgba(255, 255, 255, 0) 75%
+        );
+        border-radius: 2px;
+        border: none;
+        margin: 0 !important;
+        padding: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const ShareOperationBar: (props: any) => React.JSX.Element;
+export default ShareOperationBar;

package/es/components/ShareOperationBar/index.js

@@ -0,0 +1,152 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useContext, useState } from 'react';
+import { Button, message } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { AssistantChatContext } from "../../context";
+import { CSECustomIcon } from "../../utils/CSEIconTool";
+import { processAgentCardRenderScreenshot } from "../../utils/screenshot";
+import ShareModal from "../ShareModal";
+import "./index.scss";
+var ShareOperationBar = function ShareOperationBar(props) {
+  var onCancel = props.onCancel,
+    getSelectedMessagesData = props.getSelectedMessagesData;
+  var _useContext = useContext(AssistantChatContext),
+    selectedMessages = _useContext.selectedMessages,
+    chatTitle = _useContext.chatTitle;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    processedData = _useState4[0],
+    setProcessedData = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isProcessing = _useState6[0],
+    setIsProcessing = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    shareLink = _useState8[0],
+    setShareLink = _useState8[1];
+
+  /** 保存分享数据 */
+  var saveShareDataRequest = function saveShareDataRequest(bodyParams) {
+    return customRequest({
+      method: 'POST',
+      url: '/cognipilot/api/assistant/chat/message/share',
+      query: bodyParams
+    });
+  };
+  var handleShare = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _selectedData$, selectedData, dataToShare, shareData, subjectId, bodyData, result;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setIsProcessing(true);
+            _context2.prev = 1;
+            selectedData = (getSelectedMessagesData === null || getSelectedMessagesData === void 0 ? void 0 : getSelectedMessagesData()) || []; // 等待DOM更新后执行截图
+            _context2.next = 5;
+            return new Promise(function (resolve) {
+              return setTimeout(resolve, 500);
+            });
+          case 5:
+            _context2.next = 7;
+            return Promise.all(selectedData.map( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(message) {
+                var dialogId;
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      dialogId = message.dialogId;
+                      _context.next = 3;
+                      return processAgentCardRenderScreenshot(message, dialogId);
+                    case 3:
+                      return _context.abrupt("return", _context.sent);
+                    case 4:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function (_x) {
+                return _ref2.apply(this, arguments);
+              };
+            }()));
+          case 7:
+            dataToShare = _context2.sent;
+            setProcessedData(dataToShare);
+            shareData = {
+              title: chatTitle || '',
+              selectedData: dataToShare
+            };
+            subjectId = (_selectedData$ = selectedData[0]) === null || _selectedData$ === void 0 ? void 0 : _selectedData$.subjectId;
+            bodyData = {
+              subjectId: subjectId,
+              shareContent: shareData
+            };
+            _context2.next = 14;
+            return saveShareDataRequest(bodyData);
+          case 14:
+            result = _context2.sent;
+            if (result && result.data) {
+              setShareLink(result.data.shareUrl);
+            }
+            setModalVisible(true);
+            _context2.next = 23;
+            break;
+          case 19:
+            _context2.prev = 19;
+            _context2.t0 = _context2["catch"](1);
+            console.error('Failed to process share data:', _context2.t0);
+            message.error('分享出了问题:', _context2.t0);
+          case 23:
+            _context2.prev = 23;
+            setIsProcessing(false);
+            return _context2.finish(23);
+          case 26:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 19, 23, 26]]);
+    }));
+    return function handleShare() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleModalClose = function handleModalClose() {
+    setModalVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "assistantChatBottomId",
+    className: "share-operation-bar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "share-operation-actions"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onCancel,
+    className: "cancel-btn"
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: handleShare,
+    className: "share-btn",
+    disabled: !(selectedMessages !== null && selectedMessages !== void 0 && selectedMessages.length) || isProcessing,
+    loading: isProcessing
+  }, !isProcessing && /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconarrow1-o",
+    size: "small"
+  }), "\u5206\u4EAB"))), /*#__PURE__*/React.createElement(ShareModal, {
+    visible: modalVisible,
+    onClose: handleModalClose,
+    onCancelShareMode: onCancel // Pass the parent's onCancel to exit share mode
+    ,
+    data: {
+      title: chatTitle || '',
+      selectedData: processedData.length > 0 ? processedData : (getSelectedMessagesData === null || getSelectedMessagesData === void 0 ? void 0 : getSelectedMessagesData()) || []
+    },
+    shareLink: shareLink
+  }));
+};
+export default ShareOperationBar;

package/es/components/ShareOperationBar/index.scss

@@ -0,0 +1,47 @@
+.share-operation-bar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  height: 80px;
+  background-color: #fff;
+  box-shadow: 0 2px 16px 0 rgba(129, 132, 143, 0.24);
+
+  .share-operation-actions {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+
+    .cancel-btn {
+      width: 80px;
+      height: 40px;
+      font-size: 14px;
+      color: #474a52;
+      background-color: #fff;
+      border: 1px solid #d4d6db;
+      border-radius: 2px;
+    }
+
+    .share-btn {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      height: 40px;
+      width: 80px;
+      background-color: #1b58f4;
+      background-image: radial-gradient(
+        circle at 85% 72%,
+        rgba(255, 255, 255, 0.36) 0%,
+        rgba(255, 255, 255, 0) 75%
+      );
+      border-radius: 2px;
+      border: none;
+
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.scss';
+interface ITextContentProps {
+    msg: string;
+    textContentLabel?: string;
+    msgCollapseLength?: number;
+}
+/**
+ * 文本内容
+ * @param props
+ * @returns
+ */
+declare const TextContent: React.FC<ITextContentProps>;
+export default TextContent;

package/es/components/TextContent/index.js

@@ -0,0 +1,37 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button } from '@alife/magic-basic';
+import { ArrowDownO, ArrowTopO } from '@alife/magic-icons';
+import { formatTextContentHtml } from "../../utils/formatData";
+import "./index.scss";
+/**
+ * 文本内容
+ * @param props
+ * @returns
+ */
+var TextContent = function TextContent(props) {
+  var msg = props.msg,
+    textContentLabel = props.textContentLabel,
+    _props$msgCollapseLen = props.msgCollapseLength,
+    msgCollapseLength = _props$msgCollapseLen === void 0 ? 2000 : _props$msgCollapseLen;
+  var initialCondition = typeof msg === 'string' && msg.length > msgCollapseLength;
+  var _useState = useState(initialCondition),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapse = _useState2[0],
+    setCollapse = _useState2[1];
+  var toggleCollapse = function toggleCollapse() {
+    setCollapse(!collapse);
+  };
+  var dom = /*#__PURE__*/React.createElement("div", {
+    className: collapse ? 'text-content--collapse' : ''
+  }, textContentLabel, formatTextContentHtml(msg));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "text-content"
+  }, dom, /*#__PURE__*/React.createElement("div", {
+    className: "operation ".concat(initialCondition ? '' : 'operation--hidden')
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: toggleCollapse
+  }, collapse ? '查看更多' : '收起', collapse ? /*#__PURE__*/React.createElement(ArrowDownO, null) : /*#__PURE__*/React.createElement(ArrowTopO, null))));
+};
+export default TextContent;

package/es/components/TextContent/index.scss

@@ -0,0 +1,31 @@
+.text-content {
+  white-space: pre-wrap;
+  line-height: 20px;
+  word-break: break-word;
+  color: #393b3d;
+
+  &--collapse {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 5;
+    -webkit-box-orient: vertical;
+  }
+
+  .operation {
+    text-align: center;
+    font-size: 12px;
+
+    &--hidden {
+      display: none;
+    }
+
+    .next-divider {
+      margin: 12px 0;
+    }
+
+    .next-icon {
+      margin-right: 8px;
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Card: ({ title, result }: {
+    title?: string;
+    result?: string;
+}) => React.JSX.Element;
+export default Card;