@agentscope-ai/chat 1.1.52-beta.1772956668643 → 1.1.52

package/components/AgentScopeRuntimeWebUI/core/Chat/Welcome/index.tsx

@@ -1,12 +1,8 @@
-import { useProviderContext } from "@agentscope-ai/chat";
 import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
-import { Avatar } from 'antd';
-import Style from './styles';
-import { SparkRightArrowLine } from "@agentscope-ai/icons";
+import WelcomePrompts from '../../../../WelcomePrompts';
 
 export default function Welcome(props: { onSubmit: (data: { query: string; fileList?: any[] }) => void }) {
   const welcomeOptions = useChatAnywhereOptions(v => v.welcome);
-  const prefixCls = useProviderContext().getPrefixCls('chat-anywhere-welcome-default');
 
   if (!welcomeOptions) return null;
 
@@ -20,48 +16,15 @@ export default function Welcome(props: { onSubmit: (data: { query: string; fileL
     onSubmit: props.onSubmit,
   });
 
-
   const { greeting, avatar, prompts, description } = otherWelcomeOptions;
 
-  return <>
-    <Style />
-    <div className={prefixCls}>
-      {
-        avatar && <Avatar src={avatar} shape="square" size={64} />
-      }
-      {
-        greeting && <div className={`${prefixCls}-greeting`}>{greeting}</div>
-      }
-      {
-        description && <div className={`${prefixCls}-description`}>{description}</div>
-      }
-      {
-        prompts?.length > 0 && <div className={`${prefixCls}-prompts`}>
-          {
-            prompts.map(item => {
-              const prompt = typeof item === 'string' ? { label: item, value: item } : {
-                ...item,
-                label: item.label || item.value,
-                value: item.value,
-              };
-
-              return <Prompt key={prompt.value} prompt={prompt} onSubmit={props.onSubmit} />
-            })
-          }
-        </div>
-      }
-    </div>
-  </>;
+  return (
+    <WelcomePrompts
+      greeting={greeting}
+      avatar={avatar}
+      description={description}
+      prompts={prompts}
+      onClick={query => props.onSubmit({ query })}
+    />
+  );
 }
-
-function Prompt(props: { prompt: { label: string; value: string; icon?: React.ReactElement }, onSubmit: (data: { query: string; fileList?: any[] }) => void }) {
-  const prefixCls = useProviderContext().getPrefixCls('chat-anywhere-welcome-default');
-
-  return <div className={`${prefixCls}-prompt`} onClick={() => props.onSubmit({ query: props.prompt.value })}>
-    <img className={`${prefixCls}-prompt-icon`} src="https://img.alicdn.com/imgextra/i3/O1CN01822qqr1PVyaK7MYtn_!!6000000001847-2-tps-40-40.png" alt=""></img>
-    <span className={`${prefixCls}-prompt-label`}>
-      {props.prompt.label}
-    </span>
-    <SparkRightArrowLine />
-  </div>
-}

package/components/Sender/index.tsx

@@ -259,7 +259,7 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
   const [zoom, setZoom] = useState(zoomable ? false : undefined);
   const [focus, setFocus] = useState(false);
   const autoSize = React.useMemo(() => {
-    return zoom ? { maxRows: 10, minRows: 10 } : { maxRows: 10, minRows: initialRows };
+    return zoom ? { maxRows: 5, minRows: 5 } : { maxRows: 5, minRows: initialRows };
   }, [zoomable, zoom]);
 
   const { direction, getPrefixCls } = useProviderContext();

package/components/WelcomePrompts/demo/basic.tsx

@@ -0,0 +1,17 @@
+import { WelcomePrompts } from '@agentscope-ai/chat';
+
+export default function () {
+  return (
+    <WelcomePrompts
+      avatar="https://gw.alicdn.com/imgextra/i1/O1CN01n7R7cy1MkE5OYeXV9_!!6000000001472-55-tps-24-24.svg"
+      greeting="你好，我是 AgentScope 助手"
+      description="我可以帮助你解答各种问题，快来试试吧"
+      prompts={[
+        '如何快速上手 AgentScope？',
+        '帮我生成一段 Python 代码',
+        { label: '介绍一下多智能体协作', value: '什么是多智能体协作？它有哪些应用场景？' },
+      ]}
+      onClick={(query) => console.log('clicked:', query)}
+    />
+  );
+}

package/components/WelcomePrompts/index.en-US.md

@@ -0,0 +1,19 @@
+---
+order: 3
+
+group:
+  title: Display
+  order: 1
+title: WelcomePrompts
+description: A welcome component for displaying greetings, descriptions, and prompt shortcuts
+---
+
+<DemoTitle title="WelcomePrompts" desc="A welcome component for displaying greetings, descriptions, and prompt shortcuts"></DemoTitle>
+
+<code src="./demo/basic.tsx">Example</code>
+
+<Install>import { WelcomePrompts } from '@agentscope-ai/chat'</Install>
+
+#### API
+
+<ApiParser source="./index.tsx" id="IWelcomePromptsProps"></ApiParser>

package/components/WelcomePrompts/index.tsx

@@ -0,0 +1,89 @@
+import React from 'react';
+import { Avatar } from 'antd';
+import { useProviderContext } from '@agentscope-ai/chat';
+import { SparkRightArrowLine } from '@agentscope-ai/icons';
+import Style from './style';
+
+export interface IWelcomePromptsProps {
+  /**
+   * @description 欢迎语
+   * @descriptionEn Greeting text
+   */
+  greeting?: string | React.ReactElement;
+  /**
+   * @description 描述信息
+   * @descriptionEn Description text
+   */
+  description?: string | React.ReactElement;
+  /**
+   * @description 头像
+   * @descriptionEn Avatar
+   */
+  avatar?: string | React.ReactElement;
+  /**
+   * @description 提示语列表
+   * @descriptionEn Prompt list
+   */
+  prompts?: (
+    | { label?: string; value: string; icon?: React.ReactElement }
+    | string
+  )[];
+  /**
+   * @description 点击提示语时的回调
+   * @descriptionEn Callback when a prompt is clicked
+   */
+  onClick?: (query: string) => void;
+}
+
+export default function WelcomePrompts(props: IWelcomePromptsProps) {
+  const { greeting, avatar, description, prompts, onClick } = props;
+  const prefixCls = useProviderContext().getPrefixCls('welcome-prompts');
+
+  return <>
+    <Style />
+    <div className={prefixCls}>
+      {avatar && (
+        typeof avatar === 'string'
+          ? <Avatar src={avatar} shape="square" size={64} />
+          : avatar
+      )}
+      {greeting && <div className={`${prefixCls}-greeting`}>{greeting}</div>}
+      {description && <div className={`${prefixCls}-description`}>{description}</div>}
+      {prompts?.length > 0 && (
+        <div className={`${prefixCls}-prompts`}>
+          {prompts.map(item => {
+            const prompt = typeof item === 'string'
+              ? { label: item, value: item }
+              : { ...item, label: item.label || item.value, value: item.value };
+
+            return (
+              <Prompt key={prompt.value} prompt={prompt} prefixCls={prefixCls} onClick={onClick} />
+            );
+          })}
+        </div>
+      )}
+    </div>
+  </>;
+}
+
+function Prompt(props: {
+  prompt: { label: string; value: string; icon?: React.ReactElement };
+  prefixCls: string;
+  onClick?: (query: string) => void;
+}) {
+  const { prefixCls } = props;
+
+  return (
+    <div className={`${prefixCls}-prompt`} onClick={() => props.onClick?.(props.prompt.value)}>
+      <img
+        className={`${prefixCls}-prompt-icon`}
+        src="https://img.alicdn.com/imgextra/i3/O1CN01822qqr1PVyaK7MYtn_!!6000000001847-2-tps-40-40.png"
+        alt=""
+      />
+      <span className={`${prefixCls}-prompt-label`}>
+        {props.prompt.label}
+      </span>
+      <SparkRightArrowLine />
+    </div>
+  );
+}

package/components/WelcomePrompts/index.zh-CN.md

@@ -0,0 +1,19 @@
+---
+order: 3
+
+group:
+  title: 展示
+  order: 1
+title: WelcomePrompts 欢迎提示
+description: 欢迎提示组件，用于展示欢迎语、描述和快捷提示列表
+---
+
+<DemoTitle title="WelcomePrompts 欢迎提示" desc="欢迎提示组件，用于展示欢迎语、描述和快捷提示列表"></DemoTitle>
+
+<code src="./demo/basic.tsx">基本用法</code>
+
+<Install>import { WelcomePrompts } from '@agentscope-ai/chat'</Install>
+
+#### API
+
+<ApiParser source="./index.tsx" id="IWelcomePromptsProps"></ApiParser>

package/components/WelcomePrompts/style.ts

@@ -0,0 +1,62 @@
+import { createGlobalStyle } from 'antd-style';
+
+export default createGlobalStyle`
+.${(p) => p.theme.prefixCls}-welcome-prompts {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+
+  &-greeting {
+   color: ${({ theme }) => theme.colorText};
+   font-size: 16px;
+   line-height: 26px;
+   font-weight: 500;
+  }
+
+  &-description {
+    color: ${({ theme }) => theme.colorTextSecondary};
+    font-size: 12px;
+    line-height: 18px;
+  }
+
+  &-prompts {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 10px;
+    width: 360px;
+    margin: 10px auto;
+  }
+
+  &-prompt {
+    height: 42px;
+    display: flex;
+    align-items: center;
+    background-color: ${({ theme }) => theme.colorFillQuaternary};
+    color: ${({ theme }) => theme.colorText};
+    font-size: 14px;
+    padding: 10px 16px;
+    border-radius: 8px;
+    cursor: pointer;
+    gap: 12px;
+
+    &-icon {
+      width: 20px;
+      height: 20px;
+    }
+
+    &-label {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    &:hover {
+      background-color: ${({ theme }) => theme.colorFillTertiary};
+    }
+  }
+}
+`;

package/components/index.ts

@@ -91,3 +91,8 @@ export {
   type IAssetsPreviewProps,
 } from './AssetsPreview';
 export { Sandbox as GenerativeUISandbox } from './GenerativeUI';
+
+export {
+  default as WelcomePrompts,
+  type IWelcomePromptsProps,
+} from './WelcomePrompts';

package/lib/AgentScopeRuntimeWebUI/core/Chat/Welcome/index.js

@@ -1,25 +1,13 @@
-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); }
 var _excluded = ["render"];
-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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useProviderContext } from "../../../..";
 import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
-import { Avatar } from 'antd';
-import Style from "./styles";
-import { SparkRightArrowLine } from "@agentscope-ai/icons";
+import WelcomePrompts from "../../../../WelcomePrompts";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function Welcome(props) {
   var welcomeOptions = useChatAnywhereOptions(function (v) {
     return v.welcome;
   });
-  var prefixCls = useProviderContext().getPrefixCls('chat-anywhere-welcome-default');
   if (!welcomeOptions) return null;
   var render = welcomeOptions.render,
     otherWelcomeOptions = _objectWithoutProperties(welcomeOptions, _excluded);
@@ -34,54 +22,15 @@ export default function Welcome(props) {
     avatar = otherWelcomeOptions.avatar,
     prompts = otherWelcomeOptions.prompts,
     description = otherWelcomeOptions.description;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
-      className: prefixCls,
-      children: [avatar && /*#__PURE__*/_jsx(Avatar, {
-        src: avatar,
-        shape: "square",
-        size: 64
-      }), greeting && /*#__PURE__*/_jsx("div", {
-        className: "".concat(prefixCls, "-greeting"),
-        children: greeting
-      }), description && /*#__PURE__*/_jsx("div", {
-        className: "".concat(prefixCls, "-description"),
-        children: description
-      }), (prompts === null || prompts === void 0 ? void 0 : prompts.length) > 0 && /*#__PURE__*/_jsx("div", {
-        className: "".concat(prefixCls, "-prompts"),
-        children: prompts.map(function (item) {
-          var prompt = typeof item === 'string' ? {
-            label: item,
-            value: item
-          } : _objectSpread(_objectSpread({}, item), {}, {
-            label: item.label || item.value,
-            value: item.value
-          });
-          return /*#__PURE__*/_jsx(Prompt, {
-            prompt: prompt,
-            onSubmit: props.onSubmit
-          }, prompt.value);
-        })
-      })]
-    })]
-  });
-}
-function Prompt(props) {
-  var prefixCls = useProviderContext().getPrefixCls('chat-anywhere-welcome-default');
-  return /*#__PURE__*/_jsxs("div", {
-    className: "".concat(prefixCls, "-prompt"),
-    onClick: function onClick() {
+  return /*#__PURE__*/_jsx(WelcomePrompts, {
+    greeting: greeting,
+    avatar: avatar,
+    description: description,
+    prompts: prompts,
+    onClick: function onClick(query) {
       return props.onSubmit({
-        query: props.prompt.value
+        query: query
       });
-    },
-    children: [/*#__PURE__*/_jsx("img", {
-      className: "".concat(prefixCls, "-prompt-icon"),
-      src: "https://img.alicdn.com/imgextra/i3/O1CN01822qqr1PVyaK7MYtn_!!6000000001847-2-tps-40-40.png",
-      alt: ""
-    }), /*#__PURE__*/_jsx("span", {
-      className: "".concat(prefixCls, "-prompt-label"),
-      children: props.prompt.label
-    }), /*#__PURE__*/_jsx(SparkRightArrowLine, {})]
+    }
   });
 }

package/lib/Sender/index.js

@@ -92,10 +92,10 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setFocus = _useState4[1];
   var autoSize = React.useMemo(function () {
     return zoom ? {
-      maxRows: 10,
-      minRows: 10
+      maxRows: 5,
+      minRows: 5
     } : {
-      maxRows: 10,
+      maxRows: 5,
       minRows: initialRows
     };
   }, [zoomable, zoom]);

package/lib/WelcomePrompts/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface IWelcomePromptsProps {
+    /**
+     * @description 欢迎语
+     * @descriptionEn Greeting text
+     */
+    greeting?: string | React.ReactElement;
+    /**
+     * @description 描述信息
+     * @descriptionEn Description text
+     */
+    description?: string | React.ReactElement;
+    /**
+     * @description 头像
+     * @descriptionEn Avatar
+     */
+    avatar?: string | React.ReactElement;
+    /**
+     * @description 提示语列表
+     * @descriptionEn Prompt list
+     */
+    prompts?: ({
+        label?: string;
+        value: string;
+        icon?: React.ReactElement;
+    } | string)[];
+    /**
+     * @description 点击提示语时的回调
+     * @descriptionEn Callback when a prompt is clicked
+     */
+    onClick?: (query: string) => void;
+}
+export default function WelcomePrompts(props: IWelcomePromptsProps): import("react/jsx-runtime").JSX.Element;

package/lib/WelcomePrompts/index.js

@@ -0,0 +1,72 @@
+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 React from 'react';
+import { Avatar } from 'antd';
+import { useProviderContext } from "./..";
+import { SparkRightArrowLine } from '@agentscope-ai/icons';
+import Style from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function WelcomePrompts(props) {
+  var greeting = props.greeting,
+    avatar = props.avatar,
+    description = props.description,
+    prompts = props.prompts,
+    onClick = props.onClick;
+  var prefixCls = useProviderContext().getPrefixCls('welcome-prompts');
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: prefixCls,
+      children: [avatar && (typeof avatar === 'string' ? /*#__PURE__*/_jsx(Avatar, {
+        src: avatar,
+        shape: "square",
+        size: 64
+      }) : avatar), greeting && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-greeting"),
+        children: greeting
+      }), description && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-description"),
+        children: description
+      }), (prompts === null || prompts === void 0 ? void 0 : prompts.length) > 0 && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-prompts"),
+        children: prompts.map(function (item) {
+          var prompt = typeof item === 'string' ? {
+            label: item,
+            value: item
+          } : _objectSpread(_objectSpread({}, item), {}, {
+            label: item.label || item.value,
+            value: item.value
+          });
+          return /*#__PURE__*/_jsx(Prompt, {
+            prompt: prompt,
+            prefixCls: prefixCls,
+            onClick: onClick
+          }, prompt.value);
+        })
+      })]
+    })]
+  });
+}
+function Prompt(props) {
+  var prefixCls = props.prefixCls;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(prefixCls, "-prompt"),
+    onClick: function onClick() {
+      var _props$onClick;
+      return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, props.prompt.value);
+    },
+    children: [/*#__PURE__*/_jsx("img", {
+      className: "".concat(prefixCls, "-prompt-icon"),
+      src: "https://img.alicdn.com/imgextra/i3/O1CN01822qqr1PVyaK7MYtn_!!6000000001847-2-tps-40-40.png",
+      alt: ""
+    }), /*#__PURE__*/_jsx("span", {
+      className: "".concat(prefixCls, "-prompt-label"),
+      children: props.prompt.label
+    }), /*#__PURE__*/_jsx(SparkRightArrowLine, {})]
+  });
+}

package/lib/WelcomePrompts/style.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
+export default _default;

package/lib/WelcomePrompts/style.js

@@ -0,0 +1,21 @@
+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.", "-welcome-prompts {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n\n  &-greeting {\n   color: ", ";\n   font-size: 16px;\n   line-height: 26px;\n   font-weight: 500;\n  }\n\n  &-description {\n    color: ", ";\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  &-prompts {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-top: 10px;\n    width: 360px;\n    margin: 10px auto;\n  }\n\n  &-prompt {\n    height: 42px;\n    display: flex;\n    align-items: center;\n    background-color: ", ";\n    color: ", ";\n    font-size: 14px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    cursor: pointer;\n    gap: 12px;\n\n    &-icon {\n      width: 20px;\n      height: 20px;\n    }\n\n    &-label {\n      flex: 1;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n}\n"])), function (p) {
+  return p.theme.prefixCls;
+}, function (_ref) {
+  var theme = _ref.theme;
+  return theme.colorText;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colorTextSecondary;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colorFillQuaternary;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colorText;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colorFillTertiary;
+});

package/lib/index.d.ts

@@ -28,3 +28,4 @@ export { default as Markdown, type MarkdownProps as IMarkdownProps, type Markdow
 export { default as AIGC } from './AIGC';
 export { default as AssetsPreview, type IAssetsPreviewProps, } from './AssetsPreview';
 export { Sandbox as GenerativeUISandbox } from './GenerativeUI';
+export { default as WelcomePrompts, type IWelcomePromptsProps, } from './WelcomePrompts';

package/lib/index.js

@@ -26,4 +26,5 @@ export { default as Welcome } from "./Welcome";
 export { default as Markdown } from "./Markdown";
 export { default as AIGC } from "./AIGC";
 export { default as AssetsPreview } from "./AssetsPreview";
-export { Sandbox as GenerativeUISandbox } from "./GenerativeUI";
+export { Sandbox as GenerativeUISandbox } from "./GenerativeUI";
+export { default as WelcomePrompts } from "./WelcomePrompts";

package/package.json

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