paul-ai-assistant 0.1.16

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/index.scss

@@ -0,0 +1,98 @@
+.file-attachments-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 8px;
+  align-items: flex-end;
+
+  .file-attachment-item {
+    display: flex;
+    align-items: center;
+    background: #ffffff;
+    border: 1px solid #e6e8eb;
+    border-radius: 6px;
+    padding: 6px 8px;
+    max-width: 260px;
+    box-sizing: border-box;
+    position: relative;
+    cursor: pointer;
+
+    .file-attachment-img {
+      width: 24px;
+      height: 24px;
+      margin-right: 8px;
+      font-size: 24px;
+    }
+
+    .file-attachment-download-icon {
+      display: none;
+      z-index: 2;
+    }
+
+    &:hover {
+      .file-attachment-download-icon {
+        display: block;
+        position: absolute;
+        padding: 10px;
+        background: linear-gradient(270deg, #fff, #fff 55%, hsla(0, 0%, 100%, 0.4));
+        right: 2px;
+        font-size: 16px;
+        color: #81848f;
+        cursor: pointer;
+      }
+    }
+
+    &.attachment-image-item-container {
+      padding: 0;
+
+      .image-operation-icons {
+        display: none;
+      }
+
+      &:hover {
+        .image-operation-icons {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          transition: opacity 0.3s;
+          background: rgba(0, 0, 0, 0.5);
+          border-radius: 6px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+
+          .image-preview-icon,
+          .image-download-icon {
+            font-size: 16px;
+            color: #ffffff;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+
+  .file-attachment-item-info {
+    flex: 1;
+    overflow: hidden;
+
+    .file-attachment-item-name {
+      font-weight: 500;
+      font-size: 12px;
+      color: #474a52;
+      line-height: 14px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .file-attachment-item-size {
+      font-size: 12px;
+      color: #b8bbc2;
+      line-height: 12px;
+    }
+  }
+}

package/es/AssistantChat/AssistantChatCard/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AgentCardRender } from './AgentCardRender';
+export { default as AgentCommonCard } from './AgentCommonCard';
+export { default as LlmGenerateCard } from './LlmGenerateCard';
+export { default as LlmGenerateCardV5 } from './LlmGenerateCardV5';
+export { default as UserQueryCardRender } from './UserQueryCardRender';

package/es/AssistantChat/AssistantChatCard/index.js

@@ -0,0 +1,10 @@
+// Agent schema渲染卡片
+export { default as AgentCardRender } from "./AgentCardRender";
+// 工具执行结果卡片
+export { default as AgentCommonCard } from "./AgentCommonCard";
+// 工具执行结果卡片
+export { default as LlmGenerateCard } from "./LlmGenerateCard";
+// 智能辅助卡片V5
+export { default as LlmGenerateCardV5 } from "./LlmGenerateCardV5";
+// 问题卡片
+export { default as UserQueryCardRender } from "./UserQueryCardRender";

package/es/AssistantChat/AssistantChatInput/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IAssistantBottomProps, IAssistantBottomRef } from '../../interface/IChatBottom';
+import './index.scss';
+declare const _default: React.ForwardRefExoticComponent<IAssistantBottomProps & React.RefAttributes<IAssistantBottomRef>>;
+export default _default;

package/es/AssistantChat/AssistantChatInput/index.js

@@ -0,0 +1,172 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Input } from '@alife/magic-basic';
+import { StopO } from '@alife/magic-icons';
+import ModelSelect from "../../components/ModelSelect";
+import SendMessageSvgIcon from "../../components/SendMessageSvgIcon";
+import { ENTER_KEY_CODE } from "../../constants/common";
+import { AssistantChatContext } from "../../context";
+import { CSECustomIcon } from "../../utils/CSEIconTool";
+import "./index.scss";
+var AssistantChatInput = function AssistantChatInput(_, ref) {
+  var _toolConfig$agentConf;
+  var _useContext = useContext(AssistantChatContext),
+    inputFormSchema = _useContext.inputFormSchema,
+    selectCopilotToolRef = _useContext.selectCopilotToolRef,
+    placeholder = _useContext.placeholder,
+    inputProps = _useContext.inputProps,
+    stopLlmMessage = _useContext.stopLlmMessage,
+    onClickSendMessage = _useContext.onClickSendMessage,
+    toolRender = _useContext.toolRender,
+    bottomAppRender = _useContext.bottomAppRender,
+    agentClearContext = _useContext.agentClearContext,
+    extBottomRender = _useContext.extBottomRender,
+    extBottomFixedRender = _useContext.extBottomFixedRender,
+    toolConfig = _useContext.toolConfig,
+    textAreaRef = _useContext.textAreaRef,
+    onChangeInputValue = _useContext.onChangeInputValue,
+    onChangeInputDiasbled = _useContext.onChangeInputDiasbled,
+    modeSelectConfig = _useContext.modeSelectConfig,
+    _useContext$showExter = _useContext.showExternalThinkMode,
+    showExternalThinkMode = _useContext$showExter === void 0 ? true : _useContext$showExter,
+    messages = _useContext.messages,
+    messagesLoading = _useContext.messagesLoading;
+  var _useState = useState(placeholder || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputPlaceholder = _useState2[0],
+    setInputPlaceholder = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showClearIcon = _useState4[0],
+    setShowClearIcon = _useState4[1];
+
+  // 消息发送
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sendMessageValue = _useState6[0],
+    setSendValue = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    sendMessageDisabled = _useState8[0],
+    setSendDisabled = _useState8[1];
+  var sendMessageValueRef = useRef('');
+  var sendMessageDisabledRef = useRef(false);
+  var setSendMessageValue = function setSendMessageValue(_v) {
+    setSendValue(_v);
+    sendMessageValueRef.current = _v;
+  };
+  var setSendMessageDisabled = function setSendMessageDisabled(_v) {
+    setSendDisabled(_v);
+    sendMessageDisabledRef.current = _v;
+  };
+
+  // 监听输入框value变化
+  useEffect(function () {
+    onChangeInputValue === null || onChangeInputValue === void 0 || onChangeInputValue(sendMessageValue);
+  }, [sendMessageValue, onChangeInputValue]);
+
+  // 监听输入框disabled变化
+  useEffect(function () {
+    onChangeInputDiasbled === null || onChangeInputDiasbled === void 0 || onChangeInputDiasbled(sendMessageDisabled);
+  }, [sendMessageDisabled, onChangeInputDiasbled]);
+  var inputAutoFocus = function inputAutoFocus() {
+    var _textAreaRef$current;
+    textAreaRef === null || textAreaRef === void 0 || (_textAreaRef$current = textAreaRef.current) === null || _textAreaRef$current === void 0 || (_textAreaRef$current = _textAreaRef$current.getInputNode()) === null || _textAreaRef$current === void 0 || _textAreaRef$current.focus();
+  };
+  var disableClearAgentContext = toolConfig === null || toolConfig === void 0 || (_toolConfig$agentConf = toolConfig.agentConfig) === null || _toolConfig$agentConf === void 0 ? void 0 : _toolConfig$agentConf.disableClearAgentContext;
+  useImperativeHandle(ref, function () {
+    return {
+      setPlaceholder: setInputPlaceholder,
+      focusInput: inputAutoFocus,
+      sendMessageValue: sendMessageValueRef.current,
+      setSendMessageValue: setSendMessageValue,
+      sendMessageDisabled: sendMessageDisabledRef.current,
+      setSendMessageDisabled: setSendMessageDisabled
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    id: "assistantChatBottomId",
+    className: "assistant-chat-paul-ai-input"
+  }, toolRender === null || toolRender === void 0 ? void 0 : toolRender(), /*#__PURE__*/React.createElement("div", {
+    className: "assistant-chat-paul-ai-bottom-reply-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "assistant-chat-paul-ai-bottom-reply"
+  }, !inputFormSchema && /*#__PURE__*/React.createElement("div", {
+    className: "assistant-chat-paul-ai-bottom-reply-input"
+  }, /*#__PURE__*/React.createElement(Input.TextArea, _extends({
+    ref: textAreaRef,
+    value: sendMessageValue,
+    placeholder: inputPlaceholder,
+    hasBorder: false,
+    style: {
+      width: '100%'
+    },
+    composition: true,
+    maxLength: 1000,
+    disabled: sendMessageDisabled,
+    onChange: function onChange(e) {
+      setSendMessageValue === null || setSendMessageValue === void 0 || setSendMessageValue(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      // 回车 发送消息，command+回车/ctrl+回车 换行
+      var keyCode = (e === null || e === void 0 ? void 0 : e.keyCode) || (e === null || e === void 0 ? void 0 : e.which) || (e === null || e === void 0 ? void 0 : e.charCode);
+      var ctrlKey = (e === null || e === void 0 ? void 0 : e.ctrlKey) || (e === null || e === void 0 ? void 0 : e.metaKey) || (e === null || e === void 0 ? void 0 : e.shiftKey);
+      if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter' && keyCode === ENTER_KEY_CODE) {
+        e === null || e === void 0 || e.preventDefault();
+        if (!ctrlKey) {
+          onClickSendMessage === null || onClickSendMessage === void 0 || onClickSendMessage();
+        } else {
+          try {
+            var _e$target, _e$target2;
+            var start = Number(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.selectionStart);
+            var end = Number(e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.selectionEnd);
+            var tmpMessage = "".concat(sendMessageValue === null || sendMessageValue === void 0 ? void 0 : sendMessageValue.slice(0, start), "\n").concat(sendMessageValue === null || sendMessageValue === void 0 ? void 0 : sendMessageValue.slice(end));
+            setSendMessageValue === null || setSendMessageValue === void 0 || setSendMessageValue(tmpMessage);
+
+            // setState异步执行，在回调中设置光标位置
+            setTimeout(function () {
+              textAreaRef.current.getInputNode().selectionStart = start + 1;
+              textAreaRef.current.getInputNode().selectionEnd = start + 1;
+            }, 0);
+          } catch (error) {
+            setSendMessageValue === null || setSendMessageValue === void 0 || setSendMessageValue("".concat(sendMessageValue, "\n"));
+          }
+        }
+      }
+    }
+  }, inputProps))), /*#__PURE__*/React.createElement("div", {
+    className: "assistant-chat-paul-ai-bottom-reply-send-btn"
+  }, !disableClearAgentContext && showClearIcon ? /*#__PURE__*/React.createElement("span", {
+    className: "clear-context",
+    onClick: function onClick() {
+      agentClearContext === null || agentClearContext === void 0 || agentClearContext();
+    }
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    style: {
+      fontSize: 14
+    },
+    type: "iconqingchushangxiawen",
+    size: "small"
+  }), "\u6E05\u9664\u4E0A\u4E0B\u6587") : null, showExternalThinkMode && /*#__PURE__*/React.createElement("div", {
+    className: "model-and-to-kb-box"
+  }, /*#__PURE__*/React.createElement(ModelSelect, {
+    visible: !selectCopilotToolRef.current,
+    modeSelectConfig: modeSelectConfig
+  }), !selectCopilotToolRef.current ? extBottomRender === null || extBottomRender === void 0 ? void 0 : extBottomRender() : null), extBottomFixedRender === null || extBottomFixedRender === void 0 ? void 0 : extBottomFixedRender(sendMessageDisabled), /*#__PURE__*/React.createElement("div", {
+    className: "send-btn-container"
+  }, sendMessageDisabled ? /*#__PURE__*/React.createElement(StopO, {
+    className: "send-btn-icon",
+    onClick: function onClick() {
+      stopLlmMessage === null || stopLlmMessage === void 0 || stopLlmMessage();
+    },
+    size: "large",
+    color: "#2F58EA"
+  }) : /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      onClickSendMessage === null || onClickSendMessage === void 0 || onClickSendMessage();
+    },
+    className: "send-btn-box"
+  }, /*#__PURE__*/React.createElement(SendMessageSvgIcon, null), ' '))))), bottomAppRender && !((messages === null || messages === void 0 ? void 0 : messages.length) > 0) && (bottomAppRender === null || bottomAppRender === void 0 ? void 0 : bottomAppRender(messagesLoading)));
+};
+export default /*#__PURE__*/forwardRef(AssistantChatInput);

package/es/AssistantChat/AssistantChatInput/index.scss

@@ -0,0 +1,85 @@
+.assistant-chat-paul-ai-input {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+
+  .assistant-chat-paul-ai-bottom-reply-container {
+    width: 100%;
+    // box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
+    border-radius: 4px 4px 0 0;
+  }
+
+  .assistant-chat-paul-ai-bottom-reply {
+    width: 100%;
+    background-color: #fff;
+    border: 1px solid #d4d6db;
+    border-radius: 6px;
+    margin-bottom: 16px;
+    padding: 12px;
+
+    .assistant-chat-paul-ai-bottom-reply-input {
+      width: 100%;
+
+      textarea {
+        height: 78px;
+        border: none;
+        padding: 6px 0;
+        box-shadow: none;
+        resize: none;
+      }
+
+      textarea:focus {
+        box-shadow: none !important;
+      }
+
+      .ant-input:focus {
+        box-shadow: none !important;
+      }
+
+      .next-input.next-input-textarea textarea {
+        padding: 0;
+      }
+    }
+
+    .ant-input.ant-input-disabled {
+      background-color: #fff;
+    }
+
+    .assistant-chat-paul-ai-bottom-reply-send-btn {
+      display: flex;
+      justify-content: end;
+      position: relative;
+      width: 100%;
+      height: 32px;
+
+      .clear-context {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        color: #555;
+        font-family: HelveticaNeue;
+        cursor: pointer;
+        position: absolute;
+        left: 0;
+      }
+      .model-and-to-kb-box {
+        flex: 1;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: end;
+      }
+      .send-btn-container {
+        // flex: 1;
+        text-align: right;
+      }
+      .send-btn-icon {
+        cursor: pointer;
+        font-size: 32px;
+      }
+      .send-btn-box {
+        cursor: pointer;
+        height: 100%;
+      }
+    }
+  }
+}

package/es/AssistantChat/AssistantToolApp/const.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 判断右边消息
+ * @param role
+ * @returns
+ */
+export declare const isUser: (role: number) => boolean;
+/**
+ * 判断是否结束节点
+ * @param message
+ * @returns
+ */
+export declare const isEndNode: (message: any) => boolean;

package/es/AssistantChat/AssistantToolApp/const.js

@@ -0,0 +1,22 @@
+import { ROLE_TYPE } from "../AssistantChatApp/const";
+
+/**
+ * 判断右边消息
+ * @param role
+ * @returns
+ */
+export var isUser = function isUser(role) {
+  // role===2为用户提问
+  return role === ROLE_TYPE.WORKER;
+};
+/**
+ * 判断是否结束节点
+ * @param message
+ * @returns
+ */
+export var isEndNode = function isEndNode(message) {
+  var _props$;
+  var _ref = (message === null || message === void 0 ? void 0 : message.dataInfo) || {},
+    props = _ref.props;
+  return Array.isArray(props) && props.length > 0 && ((_props$ = props[0]) === null || _props$ === void 0 || (_props$ = _props$.value) === null || _props$ === void 0 ? void 0 : _props$.messageType) === 'message';
+};

package/es/AssistantChat/AssistantToolApp/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/es/AssistantChat/AssistantToolApp/index.js

@@ -0,0 +1,159 @@
+import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
+import { useSize } from 'ahooks';
+import classNames from 'classnames';
+import { AssistantChatContext } from "../../context";
+import { CSECustomIcon } from "../../utils/CSEIconTool";
+import CardMatchRender from "../AssistantChatApp/CardMatchRender";
+import { getToBottom as _getToBottom } from "../AssistantChatApp/const";
+import { AGENT_EXECUTION_STATUS } from "../AssistantChatCard/AgentExecutionCard";
+import { isEndNode, isUser } from "./const";
+import "./index.scss";
+var AssistantToolApp = function AssistantToolApp(_, ref) {
+  var _useSize;
+  var _useContext = useContext(AssistantChatContext),
+    data = _useContext.messages;
+  var chatListRef = useRef(null);
+  var stopScrollToEndRef = useRef(false);
+  var timerRef = useRef(null);
+  var showChatCard = function showChatCard(message) {
+    var _ref = message || {},
+      dataInfo = _ref.dataInfo,
+      dialogId = _ref.dialogId,
+      userInfo = _ref.userInfo;
+    var _ref2 = dataInfo || {},
+      component = _ref2.component,
+      props = _ref2.props;
+    var hasAgentExecute = Array.isArray(component) && (component === null || component === void 0 ? void 0 : component.some(function (item) {
+      return item.name === 'AgentExecutionCard';
+    }));
+    var executed = Array.isArray(props) && props.every(function (card) {
+      var _card$value, _card$value2;
+      return card !== null && card !== void 0 && (_card$value = card.value) !== null && _card$value !== void 0 && _card$value.processList ? card === null || card === void 0 || (_card$value2 = card.value) === null || _card$value2 === void 0 || (_card$value2 = _card$value2.processList) === null || _card$value2 === void 0 ? void 0 : _card$value2.every(function (item) {
+        return item.status !== AGENT_EXECUTION_STATUS.RUNNING;
+      }) : true;
+    });
+    if (hasAgentExecute && executed) return null;
+    var showMessageByType = function showMessageByType() {
+      // 用户消息
+      if (isUser(userInfo === null || userInfo === void 0 ? void 0 : userInfo.role)) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classNames('assistant-tool-paul-ai-message-card', 'assistant-tool-paul-ai-message-card-width-100', 'assistant-tool-paul-ai-message-card-user-text')
+        }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+          className: "assistant-tool-paul-ai-message-card-user-text-icon",
+          size: "small",
+          type: "iconzhengque"
+        }), /*#__PURE__*/React.createElement(CardMatchRender, {
+          currMessage: message
+        }));
+      }
+      // 结束节点
+      if (isEndNode(message)) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classNames('assistant-tool-paul-ai-message-card', 'assistant-tool-paul-ai-message-card-width-100', 'assistant-tool-paul-ai-message-card-end-node')
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "assistant-tool-paul-ai-message-card-end-node-container"
+        }, /*#__PURE__*/React.createElement(CardMatchRender, {
+          currMessage: message
+        })));
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('assistant-tool-paul-ai-message-card', 'assistant-tool-paul-ai-message-card-width-100', 'assistant-tool-paul-ai-message-card-base')
+      }, /*#__PURE__*/React.createElement(CardMatchRender, {
+        currMessage: message
+      }));
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "assistant-tool-paul-ai-message-container",
+      id: dialogId,
+      key: dialogId
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "assistant-tool-paul-ai-message assistant-tool-paul-ai-message-left"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "assistant-tool-paul-ai-message-content"
+    }, showMessageByType())));
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      setStopScrollToEnd: function setStopScrollToEnd(stopScrollToEnd) {
+        stopScrollToEndRef.current = stopScrollToEnd;
+      },
+      scrollToEnd: function scrollToEnd(scrollData) {
+        var _ref3 = scrollData || {},
+          _ref3$smooth = _ref3.smooth,
+          smooth = _ref3$smooth === void 0 ? true : _ref3$smooth,
+          _ref3$scrollDelay = _ref3.scrollDelay,
+          scrollDelay = _ref3$scrollDelay === void 0 ? 500 : _ref3$scrollDelay;
+        setTimeout(function () {
+          if (chatListRef !== null && chatListRef !== void 0 && chatListRef.current) {
+            var _chatListRef$current, _chatListRef$current2;
+            chatListRef === null || chatListRef === void 0 || (_chatListRef$current = chatListRef.current) === null || _chatListRef$current === void 0 || _chatListRef$current.scrollTo({
+              top: (chatListRef === null || chatListRef === void 0 || (_chatListRef$current2 = chatListRef.current) === null || _chatListRef$current2 === void 0 ? void 0 : _chatListRef$current2.scrollHeight) || 0,
+              behavior: smooth ? 'smooth' : 'auto'
+            });
+          }
+        }, scrollDelay);
+      },
+      scrollToEndThrottle: function scrollToEndThrottle() {
+        // 节流
+        if (!(timerRef !== null && timerRef !== void 0 && timerRef.current)) {
+          timerRef.current = setTimeout(function () {
+            if (chatListRef !== null && chatListRef !== void 0 && chatListRef.current && !(stopScrollToEndRef !== null && stopScrollToEndRef !== void 0 && stopScrollToEndRef.current)) {
+              var _chatListRef$current3, _chatListRef$current4;
+              chatListRef === null || chatListRef === void 0 || (_chatListRef$current3 = chatListRef.current) === null || _chatListRef$current3 === void 0 || _chatListRef$current3.scrollTo({
+                top: (chatListRef === null || chatListRef === void 0 || (_chatListRef$current4 = chatListRef.current) === null || _chatListRef$current4 === void 0 ? void 0 : _chatListRef$current4.scrollHeight) || 0,
+                behavior: 'smooth'
+              });
+            } else {
+              clearTimeout(timerRef === null || timerRef === void 0 ? void 0 : timerRef.current);
+            }
+            timerRef.current = null;
+          }, 0);
+        }
+      },
+      showSingleMessage: function showSingleMessage(message) {
+        return showChatCard(message);
+      },
+      getToBottom: function getToBottom() {
+        return _getToBottom(chatListRef === null || chatListRef === void 0 ? void 0 : chatListRef.current);
+      },
+      getScrollInfo: function getScrollInfo() {
+        return {
+          get isTop() {
+            var _chatListRef$current5;
+            return (chatListRef === null || chatListRef === void 0 || (_chatListRef$current5 = chatListRef.current) === null || _chatListRef$current5 === void 0 ? void 0 : _chatListRef$current5.scrollTop) < 12;
+          },
+          get isBottom() {
+            return _getToBottom(chatListRef === null || chatListRef === void 0 ? void 0 : chatListRef.current) < 12;
+          },
+          get scrollOffset() {
+            var _chatListRef$current6;
+            return chatListRef === null || chatListRef === void 0 || (_chatListRef$current6 = chatListRef.current) === null || _chatListRef$current6 === void 0 ? void 0 : _chatListRef$current6.scrollTop;
+          },
+          get scrollSize() {
+            var _chatListRef$current7;
+            return chatListRef === null || chatListRef === void 0 || (_chatListRef$current7 = chatListRef.current) === null || _chatListRef$current7 === void 0 ? void 0 : _chatListRef$current7.scrollHeight;
+          },
+          get viewportSize() {
+            var _chatListRef$current8;
+            return chatListRef === null || chatListRef === void 0 || (_chatListRef$current8 = chatListRef.current) === null || _chatListRef$current8 === void 0 ? void 0 : _chatListRef$current8.clientHeight;
+          }
+        };
+      }
+    };
+  });
+
+  // 智能交互框底部输入栏高度
+  var assistantChatTopMessageHeight = ((_useSize = useSize(document.getElementById('assistantChatTopMessageId'))) === null || _useSize === void 0 ? void 0 : _useSize.height) || 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "assistant-tool-paul-ai-app-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: chatListRef,
+    className: "assistant-tool-paul-ai-list",
+    style: {
+      height: "calc(100% - ".concat(assistantChatTopMessageHeight, "px)")
+    }
+  }, Array.isArray(data) && data.length > 0 && (data === null || data === void 0 ? void 0 : data.map(function (message) {
+    return showChatCard(message);
+  }))));
+};
+export default /*#__PURE__*/forwardRef(AssistantToolApp);

package/es/AssistantChat/AssistantToolApp/index.scss

@@ -0,0 +1,76 @@
+.assistant-tool-paul-ai-app-container {
+  height: 100%;
+
+  .assistant-tool-paul-ai-list {
+    overflow: auto;
+    height: 100%;
+  }
+}
+.assistant-tool-paul-ai-message-container {
+  .assistant-tool-paul-ai-message {
+    margin-top: 16px;
+
+    .assistant-tool-paul-ai-message-content {
+      display: flex;
+      width: 100%;
+
+      .assistant-tool-paul-ai-message-card {
+        font-size: 12px;
+        border-radius: 4px;
+      }
+
+      .assistant-tool-paul-ai-message-card-width-100 {
+        width: 100%;
+      }
+
+      .assistant-tool-paul-ai-message-card-base {
+        padding: 16px;
+        background-image: linear-gradient(
+          90deg,
+          rgba(0, 100, 200, 0.06) 0%,
+          rgba(0, 100, 200, 0) 100%
+        );
+        border-radius: 4px;
+      }
+
+      .assistant-tool-paul-ai-message-card-end-node {
+        padding: 8px;
+        background-color: #ffffff;
+        background-image: linear-gradient(
+          180deg,
+          rgba(135, 141, 255, 0.2) 0%,
+          rgba(190, 193, 255, 0.2) 100%
+        );
+        border-radius: 8px;
+
+        .assistant-tool-paul-ai-message-card-end-node-container {
+          background-image: linear-gradient(180deg, #f6faff 0%, #ffffff 19%, #ffffff 100%);
+          box-shadow: 0 2px 19px 0 rgba(26, 97, 188, 0.16);
+          border-radius: 4px;
+          padding: 16px;
+        }
+      }
+
+      .assistant-tool-paul-ai-message-card-user-text {
+        font-weight: 500;
+        font-size: 14px;
+        color: #333333;
+        line-height: 24px;
+        display: flex;
+
+        .assistant-tool-paul-ai-message-card-user-text-icon {
+          color: #333333;
+          margin-top: 2px;
+        }
+      }
+    }
+
+    .text-message-content {
+      white-space: pre-wrap;
+      word-break: break-word;
+      max-width: 100%;
+      font-size: 12px;
+      color: #393b3d;
+    }
+  }
+}

package/es/AssistantChat/AssistantToolExecutionApp/const.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 判断右边消息
+ * @param role
+ * @returns
+ */
+export declare const isLlm: (role: number) => boolean;
+export declare const checkExecuteCard: (message: any) => boolean;