@agentscope-ai/chat 1.1.62 → 1.1.63-beta.1778751563321

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Actions.tsx

@@ -0,0 +1,42 @@
+import { SparkCopyLine } from "@agentscope-ai/icons";
+import { AgentScopeRuntimeContentType, IAgentScopeRuntimeRequest } from "../types";
+import { Bubble } from "@agentscope-ai/chat";
+import { copy } from "../../../../Util/copy";
+import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
+
+function getTextContent(data: IAgentScopeRuntimeRequest): string {
+  return data.input
+    .flatMap(i => i.content)
+    .filter(c => c.type === AgentScopeRuntimeContentType.TEXT)
+    .map(c => (c as { text: string }).text)
+    .join('\n');
+}
+
+export default function RequestActions(props: {
+  data: IAgentScopeRuntimeRequest;
+}) {
+  const requestActionsOptions = useChatAnywhereOptions(v => v.requestActions);
+  if (!requestActionsOptions) return null;
+
+  const text = getTextContent(props.data);
+
+  const defaultActions = text ? [
+    {
+      icon: <SparkCopyLine />,
+      onClick: () => { copy(text); },
+    },
+  ] : [];
+
+  const actions = (requestActionsOptions.list || defaultActions).map(i => ({
+    ...i,
+    onClick: () => { i.onClick?.({ data: props.data }); },
+  }));
+
+  if (!actions.length) return null;
+
+  return (
+    <Bubble.Footer
+      right={<Bubble.Footer.Actions data={actions} />}
+    />
+  );
+}

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Card.tsx

@@ -2,6 +2,7 @@
 import { AgentScopeRuntimeContentType, IAgentScopeRuntimeRequest } from '../types';
 import { useMemo } from 'react';
 import { Bubble } from '@agentscope-ai/chat';
+import Actions from './Actions';
 
 export default function AgentScopeRuntimeRequestCard(props: {
   data: IAgentScopeRuntimeRequest;
@@ -73,6 +74,9 @@ export default function AgentScopeRuntimeRequestCard(props: {
 
   if (!cards?.length) return null;
 
-  return <Bubble role="user" cards={cards}></Bubble>;
+  return <>
+    <Bubble role="user" cards={cards}></Bubble>
+    <Actions data={props.data} />
+  </>;
 }
 

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.tsx

@@ -10,7 +10,6 @@ import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext
 import { useTranslation } from "../../Context/ChatAnywhereI18nContext";
 import React from "react";
 
-
 function Usage(props: {
   input_tokens: string;
   output_tokens: string;
@@ -37,6 +36,7 @@ export default function Tools(props: {
   ];
 
   const replace = useChatAnywhereOptions(v => v.actions?.replace) ?? true;
+  const rightOption = useChatAnywhereOptions(v => v.actions?.right);
 
   const actions = compact([
     ...actionsOptionsList.map(i => {
@@ -62,11 +62,26 @@ export default function Tools(props: {
     } : null,
   ]);
 
+  let rightNode: React.ReactElement | null;
+  if (rightOption === false || (Array.isArray(rightOption) && rightOption.length === 0)) {
+    rightNode = null;
+  } else if (Array.isArray(rightOption)) {
+    const rightActions = rightOption.map(i => {
+      const res = { ...i } as any;
+      if (i.render) {
+        res.children = React.createElement(i.render, { data: props.data });
+      }
+      return { ...res, onClick: () => { i.onClick?.({ data: props.data }); } };
+    });
+    rightNode = <Bubble.Footer.Actions data={rightActions} />;
+  } else {
+    rightNode = <Usage input_tokens={props.data.usage?.input_tokens} output_tokens={props.data.usage?.output_tokens} />;
+  }
 
   if (!AgentScopeRuntimeResponseBuilder.maybeDone(props.data)) return null;
   return <Bubble.Footer
     left={<Bubble.Footer.Actions data={actions} />}
-    right={<Usage input_tokens={props.data.usage?.input_tokens} output_tokens={props.data.usage?.output_tokens} />}
+    right={rightNode}
   />
 }
 

package/components/AgentScopeRuntimeWebUI/core/types/IChatAnywhere.ts

@@ -1,6 +1,7 @@
 import { UploadProps } from 'antd';
 import {
   IAgentScopeRuntimeMessage,
+  IAgentScopeRuntimeRequest,
   IAgentScopeRuntimeResponse,
   IContent,
 } from '../AgentScopeRuntime/types';
@@ -414,17 +415,34 @@ export interface IAgentScopeRuntimeWebUIOptions {
   customToolRenderConfig?: IAgentScopeRuntimeWebUICardsOptions;
 
   /**
-   * @description 操作按钮配置
-   * @descriptionEn Actions configuration
+   * @description 操作按钮配置（助手消息）
+   * @descriptionEn Actions configuration (assistant messages)
    */
   actions?: IAgentScopeRuntimeWebUIActionsOptions;
+
+  /**
+   * @description 用户消息操作按钮配置
+   * @descriptionEn Actions configuration (user messages)
+   */
+  requestActions?: IAgentScopeRuntimeWebUIRequestActionsOptions;
 }
 
-export interface IAgentScopeRuntimeWebUIActionsOptions {
+export interface IAgentScopeRuntimeWebUIRequestActionsOptions {
   /**
    * @description 操作按钮列表
    * @descriptionEn Actions button list
    */
+  list?: {
+    icon?: React.ReactElement;
+    onClick?: ({ data }: { data: IAgentScopeRuntimeRequest }) => void;
+  }[];
+}
+
+export interface IAgentScopeRuntimeWebUIActionsOptions {
+  /**
+   * @description 操作按钮列表（左侧）
+   * @descriptionEn Actions button list (left side)
+   */
   list: {
     icon?: React.ReactElement;
     render?: ({
@@ -435,6 +453,16 @@ export interface IAgentScopeRuntimeWebUIActionsOptions {
     onClick?: ({ data }: { data: IAgentScopeRuntimeResponse }) => void;
   }[];
 
+  /**
+   * @description 右侧操作按钮列表；不传时默认展示 token 用量；传空数组或 false 隐藏右侧
+   * @descriptionEn Right-side actions; defaults to token usage; pass [] or false to hide
+   */
+  right?: false | {
+    icon?: React.ReactElement;
+    render?: ({ data }: { data: IAgentScopeRuntimeResponse }) => React.ReactElement;
+    onClick?: ({ data }: { data: IAgentScopeRuntimeResponse }) => void;
+  }[];
+
   /**
    * @description 是否显示重新生成按钮
    * @descriptionEn Whether to show the replace button

package/components/Bubble/style/list.ts

@@ -20,6 +20,11 @@ export default createGlobalStyle`
   gap: 24px;
   padding: 16px 16px 0 16px;
 
+  > .${(p) => p.theme.prefixCls}-bubble {
+    content-visibility: auto;
+    contain-intrinsic-size: auto 120px;
+  }
+
   &::after {
     display: block;
     content: ' ';

package/components/Markdown/core/index.tsx

@@ -2,10 +2,10 @@ import XMarkdown from '@ant-design/x-markdown';
 import { InnerMarkdownXProps } from '../types';
 import Styles from '../styles';
 import useCursorContent from './hooks/useCursorContent';
-import { useMemo } from 'react';
+import { memo, useMemo } from 'react';
 
 
-export default function (props: InnerMarkdownXProps) {
+export default memo(function InnerMarkdownX(props: InnerMarkdownXProps) {
   const { content: originalContent, cursor, animation, ...rest } = props;
   const content = useCursorContent({
     cursor: cursor,
@@ -33,4 +33,4 @@ export default function (props: InnerMarkdownXProps) {
       }}
     />
   </>;
-};
+});

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Actions.d.ts

@@ -0,0 +1,4 @@
+import { IAgentScopeRuntimeRequest } from "../types";
+export default function RequestActions(props: {
+    data: IAgentScopeRuntimeRequest;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Actions.js

@@ -0,0 +1,50 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { SparkCopyLine } from "@agentscope-ai/icons";
+import { AgentScopeRuntimeContentType } from "../types";
+import { Bubble } from "../../../..";
+import { copy } from "../../../../Util/copy";
+import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+function getTextContent(data) {
+  return data.input.flatMap(function (i) {
+    return i.content;
+  }).filter(function (c) {
+    return c.type === AgentScopeRuntimeContentType.TEXT;
+  }).map(function (c) {
+    return c.text;
+  }).join('\n');
+}
+export default function RequestActions(props) {
+  var requestActionsOptions = useChatAnywhereOptions(function (v) {
+    return v.requestActions;
+  });
+  if (!requestActionsOptions) return null;
+  var text = getTextContent(props.data);
+  var defaultActions = text ? [{
+    icon: /*#__PURE__*/_jsx(SparkCopyLine, {}),
+    onClick: function onClick() {
+      copy(text);
+    }
+  }] : [];
+  var actions = (requestActionsOptions.list || defaultActions).map(function (i) {
+    return _objectSpread(_objectSpread({}, i), {}, {
+      onClick: function onClick() {
+        var _i$onClick;
+        (_i$onClick = i.onClick) === null || _i$onClick === void 0 || _i$onClick.call(i, {
+          data: props.data
+        });
+      }
+    });
+  });
+  if (!actions.length) return null;
+  return /*#__PURE__*/_jsx(Bubble.Footer, {
+    right: /*#__PURE__*/_jsx(Bubble.Footer.Actions, {
+      data: actions
+    })
+  });
+}

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Request/Card.js

@@ -1,7 +1,10 @@
 import { AgentScopeRuntimeContentType } from "../types";
 import { useMemo } from 'react';
 import { Bubble } from "../../../..";
+import Actions from "./Actions";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function AgentScopeRuntimeRequestCard(props) {
   var cards = useMemo(function () {
     return props.data.input[0].content.reduce(function (p, c) {
@@ -92,8 +95,12 @@ export default function AgentScopeRuntimeRequestCard(props) {
     }, []);
   }, [props.data.input]);
   if (!(cards !== null && cards !== void 0 && cards.length)) return null;
-  return /*#__PURE__*/_jsx(Bubble, {
-    role: "user",
-    cards: cards
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Bubble, {
+      role: "user",
+      cards: cards
+    }), /*#__PURE__*/_jsx(Actions, {
+      data: props.data
+    })]
   });
 }

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.js

@@ -28,7 +28,7 @@ function Usage(props) {
   });
 }
 export default function Tools(props) {
-  var _useChatAnywhereOptio, _props$data$usage, _props$data$usage2;
+  var _useChatAnywhereOptio;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var actionsOptionsList = useChatAnywhereOptions(function (v) {
@@ -44,6 +44,10 @@ export default function Tools(props) {
     var _v$actions2;
     return (_v$actions2 = v.actions) === null || _v$actions2 === void 0 ? void 0 : _v$actions2.replace;
   })) !== null && _useChatAnywhereOptio !== void 0 ? _useChatAnywhereOptio : true;
+  var rightOption = useChatAnywhereOptions(function (v) {
+    var _v$actions3;
+    return (_v$actions3 = v.actions) === null || _v$actions3 === void 0 ? void 0 : _v$actions3.right;
+  });
   var actions = compact([].concat(_toConsumableArray(actionsOptionsList.map(function (i) {
     var res = i;
     if (i.render) {
@@ -69,14 +73,41 @@ export default function Tools(props) {
       });
     }
   } : null]));
+  var rightNode;
+  if (rightOption === false || Array.isArray(rightOption) && rightOption.length === 0) {
+    rightNode = null;
+  } else if (Array.isArray(rightOption)) {
+    var rightActions = rightOption.map(function (i) {
+      var res = _objectSpread({}, i);
+      if (i.render) {
+        res.children = /*#__PURE__*/React.createElement(i.render, {
+          data: props.data
+        });
+      }
+      return _objectSpread(_objectSpread({}, res), {}, {
+        onClick: function onClick() {
+          var _i$onClick2;
+          (_i$onClick2 = i.onClick) === null || _i$onClick2 === void 0 || _i$onClick2.call(i, {
+            data: props.data
+          });
+        }
+      });
+    });
+    rightNode = /*#__PURE__*/_jsx(Bubble.Footer.Actions, {
+      data: rightActions
+    });
+  } else {
+    var _props$data$usage, _props$data$usage2;
+    rightNode = /*#__PURE__*/_jsx(Usage, {
+      input_tokens: (_props$data$usage = props.data.usage) === null || _props$data$usage === void 0 ? void 0 : _props$data$usage.input_tokens,
+      output_tokens: (_props$data$usage2 = props.data.usage) === null || _props$data$usage2 === void 0 ? void 0 : _props$data$usage2.output_tokens
+    });
+  }
   if (!AgentScopeRuntimeResponseBuilder.maybeDone(props.data)) return null;
   return /*#__PURE__*/_jsx(Bubble.Footer, {
     left: /*#__PURE__*/_jsx(Bubble.Footer.Actions, {
       data: actions
     }),
-    right: /*#__PURE__*/_jsx(Usage, {
-      input_tokens: (_props$data$usage = props.data.usage) === null || _props$data$usage === void 0 ? void 0 : _props$data$usage.input_tokens,
-      output_tokens: (_props$data$usage2 = props.data.usage) === null || _props$data$usage2 === void 0 ? void 0 : _props$data$usage2.output_tokens
-    })
+    right: rightNode
   });
 }

package/lib/AgentScopeRuntimeWebUI/core/types/IChatAnywhere.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UploadProps } from 'antd';
-import { IAgentScopeRuntimeMessage, IAgentScopeRuntimeResponse, IContent } from '../AgentScopeRuntime/types';
+import { IAgentScopeRuntimeMessage, IAgentScopeRuntimeRequest, IAgentScopeRuntimeResponse, IContent } from '../AgentScopeRuntime/types';
 import { IAgentScopeRuntimeWebUISession } from './ISessions';
 /**
  * @description API 配置选项
@@ -394,16 +394,33 @@ export interface IAgentScopeRuntimeWebUIOptions {
      */
     customToolRenderConfig?: IAgentScopeRuntimeWebUICardsOptions;
     /**
-     * @description 操作按钮配置
-     * @descriptionEn Actions configuration
+     * @description 操作按钮配置（助手消息）
+     * @descriptionEn Actions configuration (assistant messages)
      */
     actions?: IAgentScopeRuntimeWebUIActionsOptions;
+    /**
+     * @description 用户消息操作按钮配置
+     * @descriptionEn Actions configuration (user messages)
+     */
+    requestActions?: IAgentScopeRuntimeWebUIRequestActionsOptions;
 }
-export interface IAgentScopeRuntimeWebUIActionsOptions {
+export interface IAgentScopeRuntimeWebUIRequestActionsOptions {
     /**
      * @description 操作按钮列表
      * @descriptionEn Actions button list
      */
+    list?: {
+        icon?: React.ReactElement;
+        onClick?: ({ data }: {
+            data: IAgentScopeRuntimeRequest;
+        }) => void;
+    }[];
+}
+export interface IAgentScopeRuntimeWebUIActionsOptions {
+    /**
+     * @description 操作按钮列表（左侧）
+     * @descriptionEn Actions button list (left side)
+     */
     list: {
         icon?: React.ReactElement;
         render?: ({ data, }: {
@@ -413,6 +430,19 @@ export interface IAgentScopeRuntimeWebUIActionsOptions {
             data: IAgentScopeRuntimeResponse;
         }) => void;
     }[];
+    /**
+     * @description 右侧操作按钮列表；不传时默认展示 token 用量；传空数组或 false 隐藏右侧
+     * @descriptionEn Right-side actions; defaults to token usage; pass [] or false to hide
+     */
+    right?: false | {
+        icon?: React.ReactElement;
+        render?: ({ data }: {
+            data: IAgentScopeRuntimeResponse;
+        }) => React.ReactElement;
+        onClick?: ({ data }: {
+            data: IAgentScopeRuntimeResponse;
+        }) => void;
+    }[];
     /**
      * @description 是否显示重新生成按钮
      * @descriptionEn Whether to show the replace button

package/lib/Bubble/style/list.js

@@ -1,7 +1,9 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from 'antd-style';
-export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-list-wrapper {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n}\n\n.", "-bubble-list-scroll {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  scrollbar-gutter: stable both-edges;\n}\n\n.", "-bubble-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 16px 16px 0 16px;\n\n  &::after {\n    display: block;\n    content: ' ';\n    height: 16px;\n  }\n\n  &-order-desc {\n    flex-direction: column-reverse;\n\n    &::before {\n      display: block;\n      content: ' ';\n      height: 16px;\n      flex: 0 0 16px;\n    }\n\n    &::after {\n      height: 0;\n      flex: 0 0 0;\n    }\n  }\n\n  &-order-desc-short {\n    height: 0;\n    flex: 1;\n  }\n}\n\n.", "-bubble-list-load-more {\n  display: flex;\n  padding: 16px 0;\n  justify-content: center;\n  align-items: center;\n}\n\n.", "-bubble-list-scroll-to-bottom {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 10px;\n  display: flex;\n  justify-content: center;\n  transition: all 0.2s;\n  z-index: 10;\n\n  &-hide {\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n  }\n\n  &-show {\n    opacity: 1;\n    transform: translateY(0%);\n  }\n\n  button {\n    &:hover {\n      border-color: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n    }\n  }\n}\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-list-wrapper {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n}\n\n.", "-bubble-list-scroll {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  scrollbar-gutter: stable both-edges;\n}\n\n.", "-bubble-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 16px 16px 0 16px;\n\n  > .", "-bubble {\n    content-visibility: auto;\n    contain-intrinsic-size: auto 120px;\n  }\n\n  &::after {\n    display: block;\n    content: ' ';\n    height: 16px;\n  }\n\n  &-order-desc {\n    flex-direction: column-reverse;\n\n    &::before {\n      display: block;\n      content: ' ';\n      height: 16px;\n      flex: 0 0 16px;\n    }\n\n    &::after {\n      height: 0;\n      flex: 0 0 0;\n    }\n  }\n\n  &-order-desc-short {\n    height: 0;\n    flex: 1;\n  }\n}\n\n.", "-bubble-list-load-more {\n  display: flex;\n  padding: 16px 0;\n  justify-content: center;\n  align-items: center;\n}\n\n.", "-bubble-list-scroll-to-bottom {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 10px;\n  display: flex;\n  justify-content: center;\n  transition: all 0.2s;\n  z-index: 10;\n\n  &-hide {\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n  }\n\n  &-show {\n    opacity: 1;\n    transform: translateY(0%);\n  }\n\n  button {\n    &:hover {\n      border-color: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n    }\n  }\n}\n"])), function (p) {
+  return p.theme.prefixCls;
+}, function (p) {
   return p.theme.prefixCls;
 }, function (p) {
   return p.theme.prefixCls;

package/lib/Markdown/core/index.d.ts

@@ -1,2 +1,4 @@
+/// <reference types="react" />
 import { InnerMarkdownXProps } from '../types';
-export default function (props: InnerMarkdownXProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").NamedExoticComponent<InnerMarkdownXProps>;
+export default _default;

package/lib/Markdown/core/index.js

@@ -10,11 +10,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import XMarkdown from '@ant-design/x-markdown';
 import Styles from "../styles";
 import useCursorContent from "./hooks/useCursorContent";
-import { useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function (props) {
+export default /*#__PURE__*/memo(function InnerMarkdownX(props) {
   var originalContent = props.content,
     cursor = props.cursor,
     animation = props.animation,
@@ -37,5 +37,4 @@ export default function (props) {
       streaming: streaming
     }))]
   });
-}
-;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.62",
+  "version": "1.1.63-beta.1778751563321",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [