paul-ai-assistant 0.1.16

package/es/AssistantChat/AssistantChatApp/index.scss

@@ -0,0 +1,327 @@
+.assistant-chat-paul-ai-app-container {
+  height: 100%;
+
+  .assistant-chat-paul-ai-top-message {
+    padding: 0 12px 12px;
+
+    .assistant-chat-paul-ai-message-card {
+      border: 1px solid #5584ff;
+    }
+  }
+
+  .assistant-chat-paul-ai-list {
+    padding-bottom: 32px;
+    overflow: auto;
+    height: 100%;
+  }
+
+  .chat-app-operation-container {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+
+    .chat-app-operation-icon {
+      font-size: 16px !important;
+      cursor: pointer;
+      margin-right: 8px;
+    }
+
+    .chat-app-operation-icon:hover {
+      color: #999;
+    }
+
+    .chat-feedback .chat-feedback-text {
+      padding: 5px 0;
+    }
+  }
+
+  .chat-feedback .helpful.disable .addon,
+  .chat-feedback .helpful.disable .chat-feedback-after,
+  .chat-feedback .helpful.disable .chat-feedback-before {
+    background-color: #f1f2f4;
+  }
+}
+
+.assistant-chat-paul-ai-message-container {
+  border-radius: 4px;
+  position: relative;
+
+  // 分享模式下为复选框预留空间
+  &.has-checkbox {
+    padding-left: 32px; // 为复选框预留空间
+    padding-right: 12px;
+  }
+
+  // 分享模式下的选中状态
+  &.selected {
+    border-radius: 0;
+
+    // 选中组中的第一个
+    &.selected-first {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+    }
+
+    // 选中组中的最后一个
+    &.selected-last {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+    }
+
+    // 可取消的选中样式（问题或独立回复）
+    &.can-cancel {
+      background-color: #ebf1ff;
+    }
+
+    // 不可取消的选中样式（有对应问题的回复）
+    &.cannot-cancel {
+      background-color: #ebf1ff;
+
+      // 可以通过降低透明度等方式区分
+      opacity: 0.9;
+    }
+  }
+
+  // 选中复选框样式
+  .message-selection-checkbox {
+    position: absolute;
+    top: 12px;
+    left: 8px;
+    z-index: 10;
+
+    .ant-checkbox {
+      top: 0 !important;
+    }
+  }
+
+  // 答案复选框特殊位置（在头像左侧）
+  &.answer-checkbox {
+    .message-selection-checkbox {
+      top: 12px;
+      left: 8px; // 保持与问题相同的位置
+    }
+  }
+
+  // 可取消的选中样式（问题或独立回复）- 蓝色复选框
+  &.selected {
+    .message-selection-checkbox {
+      .ant-checkbox-inner {
+        background-color: #1b58f4;
+        border-color: #1b58f4;
+      }
+    }
+  }
+
+  // 不可取消的选中样式（有对应问题的回复）- 灰色复选框
+  &.cannot-cancel {
+    .message-selection-checkbox {
+      .ant-checkbox-inner {
+        background-color: #a6bfff;
+        border-color: #a6bfff !important;
+      }
+
+      .ant-checkbox-inner::after {
+        border-color: #ebf0ff;
+      }
+    }
+  }
+
+  // 背景颜色渐变消失
+  // animation: colorTransition 3s linear forwards;
+  // @keyframes colorTransition {
+  //   0% {
+  //     background-color: #555;
+  //   }
+  //   100% {
+  //     background-color: inherit;
+  //   }
+  // }
+
+  .assistant-chat-paul-ai-message {
+    padding: 12px 0;
+
+    .assistant-chat-paul-ai-message-meta {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      margin-bottom: 4px;
+
+      // height: 20px;
+      line-height: 18px;
+
+      &.assistant-chat-paul-ai-message-meta-left {
+        margin-bottom: 8px;
+      }
+
+      .assistant-chat-paul-ai-message-header-base {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .assistant-chat-paul-ai-message-header-base-info {
+          display: flex;
+          gap: 4px;
+
+          .assistant-chat-paul-ai-message-header-base-info-name {
+            font-size: 12px;
+            color: #474a52;
+            font-weight: 400;
+          }
+        }
+      }
+
+      .assistant-chat-paul-ai-message-header-info {
+        visibility: hidden;
+      }
+
+      .assistant-chat-paul-ai-message-card-tag {
+        max-width: 120px;
+
+        // margin-right: -8px;
+
+        .assistant-chat-paul-ai-message-header-base-info-icon {
+          width: 20px;
+          height: 20px;
+        }
+      }
+
+      .assistant-chat-paul-ai-message-time {
+        display: box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        color: #81848f;
+        font-size: 12px;
+      }
+
+      .assistant-chat-paul-ai-message-user-name {
+        font-size: 12px;
+        color: #393b3d;
+      }
+    }
+
+    .assistant-chat-paul-ai-message-content {
+      display: flex;
+      width: 100%;
+
+      .assistant-chat-paul-ai-message-card {
+        padding: 12px;
+        background: #fff;
+
+        // box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+        border-radius: 0.25rem;
+        font-size: 14px;
+
+        // border: 1px solid #e6e6e6;
+      }
+    }
+
+    .text-message-content {
+      white-space: pre-wrap;
+      word-break: break-word;
+      max-width: 100%;
+      font-size: 12px;
+      color: #393b3d;
+    }
+  }
+
+  .assistant-chat-paul-ai-message-system {
+    display: flex;
+    justify-content: center;
+  }
+
+  .assistant-chat-paul-ai-message-left {
+    .assistant-chat-paul-ai-message-card-width-100 {
+      width: 100%;
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+
+      //  todo 临时去掉padding
+    }
+
+    .assistant-chat-paul-ai-message-meta {
+      justify-content: space-between;
+    }
+
+    &:hover {
+      .assistant-chat-paul-ai-message-bottom-operations {
+        .operation-card-container {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  .assistant-chat-paul-ai-message-right {
+    display: flex;
+    flex-direction: column;
+    align-items: end;
+
+    .assistant-chat-paul-ai-message-meta {
+      justify-content: flex-end;
+    }
+
+    .assistant-chat-paul-ai-message-content {
+      flex-direction: row-reverse;
+    }
+  }
+
+  .assistant-chat-paul-ai-message-card-purple {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    background: none !important;
+    padding: 0 !important;
+
+    .text-attachments-container,
+    .card-render-error {
+      border-radius: 6px 0 6px 6px !important;
+      background-color: #ebf0ff !important;
+      padding: 12px !important;
+    }
+  }
+
+  // 回复内容下方的操作区域样式
+  .assistant-chat-paul-ai-message-bottom-operations {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .operation-card-container {
+      opacity: 0;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+
+      .magic-icon {
+        cursor: pointer;
+        color: #474a52;
+        font-size: 20px;
+
+        &:hover {
+          color: #1b58f4;
+        }
+
+        &.fill-magic-icon {
+          color: #1b58f4;
+        }
+      }
+
+      .ant-divider-vertical {
+        border-left: 1px solid #d4d6db;
+        height: 20px;
+        margin: 0;
+      }
+    }
+  }
+}
+
+.assistant-chat-paul-ai-message-container:hover
+  .assistant-chat-paul-ai-message
+  .assistant-chat-paul-ai-message-meta {
+  .assistant-chat-paul-ai-message-header-info {
+    visibility: visible;
+  }
+}

package/es/AssistantChat/AssistantChatCard/AgentCardRender/TemplateCard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TemplateCard: (props: any) => React.JSX.Element;
+export default TemplateCard;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/TemplateCard.js

@@ -0,0 +1,125 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { useContext } from 'react';
+import MarkDown from "../../../components/MarkDown";
+import ErrorBoundary from "../../../ErrorBoundary";
+import { JsonParse } from "../../../utils/formatData";
+import { AesCustomLogEventEnum } from "../../../utils/log";
+import AssistentError from "../../AssistentError";
+import TemplateHeader from "./component/TemplateHeader";
+import TemplateParagraph from "./component/TemplateParagraph";
+import TemplateTitle from "./component/TemplateTitle";
+import TraceComponent from "./component/TraceComponent";
+import { AgentCardRenderContext } from "./context";
+import { TemplateHtmlViewer } from "./component/TemplateHtml";
+var ContentsRender = function ContentsRender(props) {
+  var value = props.value,
+    cardValues = props.cardValues;
+  var _ref = (props === null || props === void 0 ? void 0 : props.ctx) || {},
+    commonLog = _ref.commonLog;
+  var _useContext = useContext(AgentCardRenderContext),
+    templateExternalRenderType = _useContext.templateExternalRenderType;
+  var renderContentByType = function renderContentByType(content, index) {
+    var _content$images;
+    var type = content.type;
+    if (templateExternalRenderType && templateExternalRenderType !== null && templateExternalRenderType !== void 0 && templateExternalRenderType[type]) {
+      var _props$ctx;
+      var Component = templateExternalRenderType === null || templateExternalRenderType === void 0 ? void 0 : templateExternalRenderType[type];
+      return /*#__PURE__*/React.createElement(ErrorBoundary, {
+        errorMessage: "\u5361\u7247\u6E32\u67D3\u5F02\u5E38\uFF0C\u7D27\u6025\u95EE\u9898\u8BF7\u8054\u7CFB\u5E73\u53F0\u8D1F\u8D23\u4EBA",
+        Fallback: AssistentError,
+        onLog: function onLog(error) {
+          commonLog === null || commonLog === void 0 || commonLog({
+            eventName: AesCustomLogEventEnum.CARD_RENDER_ERROR,
+            subEventName: "AgentCardRender__Template__".concat(type),
+            dataJson: error === null || error === void 0 ? void 0 : error.message
+          });
+        }
+      }, /*#__PURE__*/React.createElement(Component, _extends({}, content, {
+        ctx: {
+          meta: _objectSpread(_objectSpread({}, props === null || props === void 0 || (_props$ctx = props.ctx) === null || _props$ctx === void 0 ? void 0 : _props$ctx.meta), {}, {
+            index: index
+          })
+        }
+      })));
+    }
+    switch (type) {
+      case 'TITLE':
+        return /*#__PURE__*/React.createElement(TemplateTitle, {
+          value: content,
+          cardValues: cardValues
+        });
+      case 'PARAGRAPH':
+        return /*#__PURE__*/React.createElement(TemplateParagraph, {
+          value: content
+        });
+      case 'MARKDOWN':
+        return /*#__PURE__*/React.createElement(MarkDown, {
+          data: content.text,
+          linkTarget: "_blank"
+        });
+      case 'IMAGE':
+        return /*#__PURE__*/React.createElement("img", {
+          style: {
+            width: '100%'
+          },
+          src: (_content$images = content.images) === null || _content$images === void 0 ? void 0 : _content$images[0]
+        });
+      case 'TRACE':
+        return /*#__PURE__*/React.createElement(TraceComponent, {
+          value: content === null || content === void 0 ? void 0 : content.value
+        });
+      case 'HTML':
+        var htmlContent = content.value.content;
+        return /*#__PURE__*/React.createElement(TemplateHtmlViewer, {
+          example: cardValues,
+          html: htmlContent
+        });
+      case 'DIVIDER':
+        return /*#__PURE__*/React.createElement("hr", null);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, Array.isArray(value) && value.map(function (content, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, renderContentByType(content, index));
+  }));
+};
+var TemplateCard = function TemplateCard(props) {
+  var schema = props.schema,
+    ctx = props.ctx,
+    values = props.values;
+  var schemaJson = JsonParse(schema);
+  var _ref2 = schemaJson || {},
+    data = _ref2.data;
+  var _ref3 = data || {},
+    cardData = _ref3.cardData;
+  var _ref4 = cardData || {},
+    contents = _ref4.contents,
+    header = _ref4.header;
+  var renderContents = function renderContents() {
+    return /*#__PURE__*/React.createElement(ContentsRender, {
+      value: contents,
+      ctx: ctx,
+      cardValues: values
+    });
+  };
+  var renderHeader = function renderHeader() {
+    if (!header) return null;
+    return /*#__PURE__*/React.createElement(TemplateHeader, {
+      value: header
+    });
+  };
+  var renderActions = function renderActions() {
+    return '';
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '12px 20px',
+      // border: '1px solid #ccc',
+      // borderRadius: '10px',
+      width: '100%'
+    }
+  }, renderHeader(), renderContents(), renderActions());
+};
+export default TemplateCard;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/common/types.d.ts

@@ -0,0 +1,3 @@
+export interface ICardRenderProps {
+    [key: string]: any;
+}

package/es/AssistantChat/AssistantChatCard/AgentCardRender/common/types.js

@@ -0,0 +1 @@
+export {};

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const TemplateHeader: ({ value }: {
+    value: any;
+}) => React.JSX.Element;
+export default TemplateHeader;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateHeader.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { getIntlText } from "../utils";
+var TemplateHeader = function TemplateHeader(_ref) {
+  var value = _ref.value;
+  var icon = value.icon,
+    text = value.text,
+    color = value.color;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: color
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: '16px'
+    },
+    src: icon
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      padding: '0 12px',
+      fontSize: '16px'
+    }
+  }, getIntlText(text)));
+};
+export default TemplateHeader;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateHtml.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IHtmlViewerProps {
+    html?: string;
+    example: object;
+}
+export declare const TemplateHtmlViewer: (props: IHtmlViewerProps) => React.JSX.Element;
+export {};

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateHtml.js

@@ -0,0 +1,58 @@
+import React, { useEffect, useRef } from 'react';
+var SandboxedHtmlLoader = function SandboxedHtmlLoader(_ref) {
+  var htmlContent = _ref.htmlContent,
+    uuid = _ref.uuid;
+  var containerRef = useRef(uuid);
+  useEffect(function () {
+    if (containerRef.current) {
+      // 清空容器内容
+      containerRef.current.innerHTML = '';
+
+      // 插入 HTML 内容
+      containerRef.current.innerHTML = htmlContent;
+
+      // 创建沙箱环境
+      var sandbox = {
+        window: {
+          cs: 22222
+        },
+        document: containerRef.current.ownerDocument
+      };
+
+      // 手动执行 <script> 标签中的代码
+      var scripts = containerRef.current.querySelectorAll('script');
+      try {
+        scripts === null || scripts === void 0 || scripts.forEach(function (script) {
+          var code = (script === null || script === void 0 ? void 0 : script.textContent) || '';
+          // 在沙箱环境中执行脚本
+          new Function('sandbox', "\n            with (sandbox) {\n              ".concat(code, "\n            }\n          "))(sandbox);
+        });
+      } catch (error) {
+        console.error('Error executing script:', error);
+      }
+    }
+  }, [htmlContent]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef
+  });
+};
+export var TemplateHtmlViewer = function TemplateHtmlViewer(props) {
+  var html = props.html,
+    example = props.example;
+  var htmlContent = html;
+  // const handled = htmlContent.replace(/{{{global.param}}}/g, example)
+  var handled = htmlContent;
+  try {
+    for (var key in example) {
+      if (example[key]) {
+        handled = htmlContent.replace(key, example[key]);
+      }
+    }
+  } catch (e) {
+    console.error('example 解析失败', e);
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SandboxedHtmlLoader, {
+    htmlContent: handled,
+    uuid: 2
+  }));
+};

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateParagraph.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TemplateParagraph: (props: any) => React.JSX.Element;
+export default TemplateParagraph;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateParagraph.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { getIntlText } from "../utils";
+var TemplateParagraph = function TemplateParagraph(props) {
+  var _props$value = props === null || props === void 0 ? void 0 : props.value,
+    text = _props$value.text;
+  return /*#__PURE__*/React.createElement("div", null, getIntlText(text));
+};
+export default TemplateParagraph;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TemplateTitle: (props: any) => React.JSX.Element;
+export default TemplateTitle;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TemplateTitle.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { getIntlText } from "../utils";
+var TemplateTitle = function TemplateTitle(props) {
+  var _props$value = props === null || props === void 0 ? void 0 : props.value,
+    text = _props$value.text;
+  var cardValues = props.cardValues;
+  return /*#__PURE__*/React.createElement("h3", null, getIntlText(text, cardValues));
+};
+export default TemplateTitle;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TraceComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TraceComponent: (props: any) => React.JSX.Element;
+export default TraceComponent;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/component/TraceComponent.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { CheckCircleF, CloseF, XconsoleLoadingF } from '@alife/magic-icons';
+var TraceComponent = function TraceComponent(props) {
+  var value = props.value;
+  var renderStatus = function renderStatus(status) {
+    switch (status) {
+      case 'success':
+        return /*#__PURE__*/React.createElement(CheckCircleF, {
+          style: {
+            color: '#1DC11D'
+          }
+        });
+      case 'error':
+        return /*#__PURE__*/React.createElement(CloseF, {
+          style: {
+            color: '#FF3333'
+          }
+        });
+      case 'warning':
+        return /*#__PURE__*/React.createElement(XconsoleLoadingF, {
+          spin: true
+        });
+      default:
+        return '';
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, Array.isArray(value) && value.map(function (item, index) {
+    var status = item.status,
+      title = item.title,
+      description = item.description;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        padding: '4px'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginRight: '4px'
+      }
+    }, renderStatus(status)), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginRight: '4px'
+      }
+    }, title), /*#__PURE__*/React.createElement("span", null, description));
+  }));
+};
+export default TraceComponent;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { IBaseAgentSchemaFormProps } from '../../../../components/AgentSchemaForm/_interface';
+import type { ICardRenderProps } from '../common/types';
+export interface IBaseAgentCardRenderProps extends IBaseAgentSchemaFormProps {
+    summary?: string;
+    cardType?: 'FORM' | 'TEMPLATE' | 'ALFA';
+}
+export interface AgentCardRenderProps extends IBaseAgentCardRenderProps {
+    classname?: string;
+    onSubmitConfig?: {
+        url?: string;
+        text?: string;
+        style?: any;
+        onSubmit?: (v: any, enableSubmit?: () => void) => void;
+    };
+    templateExternalRenderType?: any;
+    formComponentMap?: any;
+    MemoryMicroComponent?: any;
+    enableCard?: boolean;
+    config?: {
+        schema: any;
+        type: 'FORM' | 'TEMPLATE' | 'ALFA';
+    };
+}
+export interface AgentCardRenderProviderProps extends AgentCardRenderProps {
+    children?: React.ReactNode;
+}
+export declare const AgentCardRenderContext: React.Context<ICardRenderProps>;
+export declare const AgentCardRenderProvider: (props: AgentCardRenderProviderProps) => React.JSX.Element;