@agentscope-ai/chat 1.1.45-beta.1766038189989 → 1.1.45-beta.1766049774988

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.tsx +2 -2
  2. package/components/ImageGenerator/index.tsx +4 -5
  3. package/components/ImageGenerator/style.ts +13 -8
  4. package/components/OperateCard/preset/Rag.tsx +4 -4
  5. package/components/OperateCard/style.ts +5 -0
  6. package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.js +5 -2
  7. package/lib/ImageGenerator/index.js +4 -3
  8. package/lib/ImageGenerator/style.js +1 -1
  9. package/lib/OperateCard/preset/Rag.d.ts +2 -1
  10. package/lib/OperateCard/preset/Rag.js +3 -5
  11. package/lib/OperateCard/style.js +1 -1
  12. package/package.json +1 -1
package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.tsx CHANGED
@@ -2,7 +2,7 @@ import { SparkCopyLine, SparkReplaceLine } from "@agentscope-ai/icons";
2
2
  import { IAgentScopeRuntimeResponse } from "../types";
3
3
  import AgentScopeRuntimeResponseBuilder from "./Builder";
4
4
  import { Bubble } from "@agentscope-ai/chat";
5
- import { copy } from "@agentscope-ai/design";
5
+ import { copy, Tooltip } from "@agentscope-ai/design";
6
6
  import compact from 'lodash/compact';
7
7
  import { emit } from "../../Context/useChatAnywhereEventEmitter";
8
8
  import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
@@ -47,7 +47,7 @@ export default function Tools(props: {
47
47
  }
48
48
  }),
49
49
  props.isLast ? {
50
- icon: <SparkReplaceLine />,
50
+ icon: <Tooltip title="重新生成"><SparkReplaceLine /></Tooltip>,
51
51
  onClick: () => {
52
52
  emit({
53
53
  type: 'handleReplace',
package/components/ImageGenerator/index.tsx CHANGED
@@ -66,17 +66,16 @@ const ImageGenerator: React.FC<IImageGeneratorProps> = (props) => {
66
66
  const { block, skeletonText, width = 320, height = 320, src, loadingText = 'Painting...', doneText = 'Paint Completed' } = props;
67
67
 
68
68
  const skeleton = props.skeleton || <div className={`${prefixCls}-default-skeleton`} style={{ width: '100%', height: '100%' }}>
69
- <img
69
+ <div
70
70
  className={`${prefixCls}-default-skeleton-bg`}
71
- src="https://img.alicdn.com/imgextra/i2/O1CN01jwLfwV1hPiHfJjQXM_!!6000000004270-2-tps-1155-763.png"
72
- alt=""
73
- />
71
+ >
72
+ <div className={`${prefixCls}-default-skeleton-bg-animate`} />
73
+ </div>
74
74
  <div className={`${prefixCls}-default-skeleton-content`}>
75
75
  <img
76
76
  className={`${prefixCls}-default-skeleton-icon`}
77
77
  src="https://img.alicdn.com/imgextra/i2/O1CN01M1X8yM1MWUC7u3Go5_!!6000000001442-54-tps-72-72.apng"
78
78
  />
79
-
80
79
  {
81
80
  skeletonText && <div className={`${prefixCls}-default-skeleton-text`}>{skeletonText}</div>
82
81
  }
package/components/ImageGenerator/style.ts CHANGED
@@ -44,14 +44,19 @@ export default createGlobalStyle`
44
44
 
45
45
  &-bg {
46
46
  position: absolute;
47
- top: 50%;
48
- left: 50%;
49
- transform: translate(-50%, -50%) rotate(0deg);
50
- width: 100vmax;
51
- height: 100vmax;
52
- object-fit: cover;
53
- animation: ${(p) => p.theme.prefixCls}spin 6s linear infinite;
54
- pointer-events: none;
47
+ inset: 0;
48
+
49
+
50
+ &-animate {
51
+ position: absolute;
52
+ top: 50%;
53
+ left: 50%;
54
+ width: 250%;
55
+ height: 250%;
56
+ transform: translate(-50%, -50%) rotate(0deg);
57
+ animation: ${(p) => p.theme.prefixCls}spin 6s linear infinite;
58
+ background: radial-gradient(103.37% 63.46% at 108.3% 0%, rgba(122, 239, 214, 0.60) 0%, rgba(122, 239, 214, 0.00) 100%), radial-gradient(176.66% 108.46% at -9.16% 114.87%, #938CD4 0%, #E4E2FD 100%), #E4E2FD;
59
+ }
55
60
  }
56
61
 
57
62
  &-icon {
package/components/OperateCard/preset/Rag.tsx CHANGED
@@ -3,7 +3,7 @@ import { Empty, IconButton, Tag } from '@agentscope-ai/design';
3
3
  import { SparkBookLine, SparkDownLine, SparkUpLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
4
4
  import { ConfigProvider, Flex, Image } from 'antd';
5
5
  import { Locale } from "antd/es/locale";
6
- import { useState } from 'react';
6
+ import { ReactNode, useState } from 'react';
7
7
 
8
8
  export interface IRagProps {
9
9
  /**
@@ -41,7 +41,7 @@ export interface IRagProps {
41
41
  * @default []
42
42
  */
43
43
  list: {
44
- score?: number | string;
44
+ score?: number | string | ReactNode;
45
45
  title: string;
46
46
  content: string;
47
47
  footer: string;
@@ -94,7 +94,7 @@ function Item({ item }) {
94
94
  </span>
95
95
  <span style={{ flex: 1 }}></span>
96
96
  {
97
- item.score && <Tag color="blue">{item.score}</Tag>
97
+ item.score || null
98
98
  }
99
99
 
100
100
  <IconButton
@@ -106,7 +106,7 @@ function Item({ item }) {
106
106
  </div>
107
107
  {
108
108
  open && <div className={`${prefixCls}-rag-item-content`}>
109
- <div>{item.content}</div>
109
+ <div className={`${prefixCls}-rag-item-content-text`}>{item.content}</div>
110
110
 
111
111
  {
112
112
  item.images &&
package/components/OperateCard/style.ts CHANGED
@@ -261,6 +261,11 @@ export default createGlobalStyle`
261
261
  padding: 8px;
262
262
  border-radius: 6px;
263
263
  background-color: ${(p) => p.theme.colorFillTertiary};
264
+
265
+ &-text {
266
+ font-size: 12px;
267
+ line-height: 20px;
268
+ }
264
269
  }
265
270
 
266
271
  &-images {
package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Actions.js CHANGED
@@ -13,7 +13,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
13
13
  import { SparkCopyLine, SparkReplaceLine } from "@agentscope-ai/icons";
14
14
  import AgentScopeRuntimeResponseBuilder from "./Builder";
15
15
  import { Bubble } from "../../../..";
16
- import { copy } from "@agentscope-ai/design";
16
+ import { copy, Tooltip } from "@agentscope-ai/design";
17
17
  import compact from 'lodash/compact';
18
18
  import { emit } from "../../Context/useChatAnywhereEventEmitter";
19
19
  import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
@@ -50,7 +50,10 @@ export default function Tools(props) {
50
50
  }
51
51
  });
52
52
  })), [props.isLast ? {
53
- icon: /*#__PURE__*/_jsx(SparkReplaceLine, {}),
53
+ icon: /*#__PURE__*/_jsx(Tooltip, {
54
+ title: "\u91CD\u65B0\u751F\u6210",
55
+ children: /*#__PURE__*/_jsx(SparkReplaceLine, {})
56
+ }),
54
57
  onClick: function onClick() {
55
58
  emit({
56
59
  type: 'handleReplace',
package/lib/ImageGenerator/index.js CHANGED
@@ -28,10 +28,11 @@ var ImageGenerator = function ImageGenerator(props) {
28
28
  width: '100%',
29
29
  height: '100%'
30
30
  },
31
- children: [/*#__PURE__*/_jsx("img", {
31
+ children: [/*#__PURE__*/_jsx("div", {
32
32
  className: "".concat(prefixCls, "-default-skeleton-bg"),
33
- src: "https://img.alicdn.com/imgextra/i2/O1CN01jwLfwV1hPiHfJjQXM_!!6000000004270-2-tps-1155-763.png",
34
- alt: ""
33
+ children: /*#__PURE__*/_jsx("div", {
34
+ className: "".concat(prefixCls, "-default-skeleton-bg-animate")
35
+ })
35
36
  }), /*#__PURE__*/_jsxs("div", {
36
37
  className: "".concat(prefixCls, "-default-skeleton-content"),
37
38
  children: [/*#__PURE__*/_jsx("img", {
package/lib/ImageGenerator/style.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { createGlobalStyle } from 'antd-style';
4
- export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n .", "-image {\n border-radius: 8px;\n filter: blur(20px);\n animation: ", "clearBlur 1s ease forwards;\n overflow: hidden;\n }\n\n\n &-wrapper {\n overflow: hidden;\n }\n\n\n &-text {\n position: relative;\n display: flex;\n gap: 8px;\n height: 40px;\n align-items: center;\n font-size: 14px;\n line-height: 26px;\n color: ", ";\n\n\n &-success {\n color: ", ";\n font-size: 20px;\n }\n }\n\n &-default-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n\n &-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(0deg);\n width: 100vmax;\n height: 100vmax;\n object-fit: cover;\n animation: ", "spin 6s linear infinite;\n pointer-events: none;\n }\n\n &-icon {\n width: 32px;\n height: 32px;\n } \n\n &-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: center;\n justify-content: center;\n z-index: 1;\n \n }\n\n &-text {\n margin-top: 8px;\n font-size: 14px;\n color: ", ";\n }\n }\n}\n\n\n\n@keyframes ", "clearBlur {\n from {\n filter: blur(20px);\n }\n to {\n filter: blur(0);\n }\n}\n\n@keyframes ", "spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n}\n"])), function (p) {
4
+ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n .", "-image {\n border-radius: 8px;\n filter: blur(20px);\n animation: ", "clearBlur 1s ease forwards;\n overflow: hidden;\n }\n\n\n &-wrapper {\n overflow: hidden;\n }\n\n\n &-text {\n position: relative;\n display: flex;\n gap: 8px;\n height: 40px;\n align-items: center;\n font-size: 14px;\n line-height: 26px;\n color: ", ";\n\n\n &-success {\n color: ", ";\n font-size: 20px;\n }\n }\n\n &-default-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n\n &-bg {\n position: absolute;\n inset: 0;\n \n\n &-animate {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 250%;\n height: 250%;\n transform: translate(-50%, -50%) rotate(0deg);\n animation: ", "spin 6s linear infinite;\n background: radial-gradient(103.37% 63.46% at 108.3% 0%, rgba(122, 239, 214, 0.60) 0%, rgba(122, 239, 214, 0.00) 100%), radial-gradient(176.66% 108.46% at -9.16% 114.87%, #938CD4 0%, #E4E2FD 100%), #E4E2FD;\n }\n }\n\n &-icon {\n width: 32px;\n height: 32px;\n } \n\n &-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: center;\n justify-content: center;\n z-index: 1;\n \n }\n\n &-text {\n margin-top: 8px;\n font-size: 14px;\n color: ", ";\n }\n }\n}\n\n\n\n@keyframes ", "clearBlur {\n from {\n filter: blur(20px);\n }\n to {\n filter: blur(0);\n }\n}\n\n@keyframes ", "spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n}\n"])), function (p) {
5
5
  return p.theme.prefixCls;
6
6
  }, function (p) {
7
7
  return p.theme.prefixCls;
package/lib/OperateCard/preset/Rag.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  export interface IRagProps {
2
3
  /**
3
4
  * @description 标题
@@ -34,7 +35,7 @@ export interface IRagProps {
34
35
  * @default []
35
36
  */
36
37
  list: {
37
- score?: number | string;
38
+ score?: number | string | ReactNode;
38
39
  title: string;
39
40
  content: string;
40
41
  footer: string;
package/lib/OperateCard/preset/Rag.js CHANGED
@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
5
5
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
7
  import { OperateCard, useProviderContext } from "../..";
8
- import { IconButton, Tag } from '@agentscope-ai/design';
8
+ import { IconButton } from '@agentscope-ai/design';
9
9
  import { SparkBookLine, SparkDownLine, SparkUpLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
10
10
  import { ConfigProvider, Flex, Image } from 'antd';
11
11
  import { useState } from 'react';
@@ -56,10 +56,7 @@ function Item(_ref2) {
56
56
  style: {
57
57
  flex: 1
58
58
  }
59
- }), item.score && /*#__PURE__*/_jsx(Tag, {
60
- color: "blue",
61
- children: item.score
62
- }), /*#__PURE__*/_jsx(IconButton, {
59
+ }), item.score || null, /*#__PURE__*/_jsx(IconButton, {
63
60
  bordered: false,
64
61
  size: "small",
65
62
  icon: open ? /*#__PURE__*/_jsx(SparkUpLine, {}) : /*#__PURE__*/_jsx(SparkDownLine, {})
@@ -67,6 +64,7 @@ function Item(_ref2) {
67
64
  }), open && /*#__PURE__*/_jsxs("div", {
68
65
  className: "".concat(prefixCls, "-rag-item-content"),
69
66
  children: [/*#__PURE__*/_jsx("div", {
67
+ className: "".concat(prefixCls, "-rag-item-content-text"),
70
68
  children: item.content
71
69
  }), item.images && /*#__PURE__*/_jsx("div", {
72
70
  className: "".concat(prefixCls, "-rag-item-images"),
package/lib/OperateCard/style.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { createGlobalStyle } from 'antd-style';
4
- export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-operate-card {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n background-color: ", ";\n\n &-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0 12px;\n height: 32px;\n\n &-icon {\n font-size: 16px;\n }\n\n &-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 500;\n color: ", ";\n }\n\n &-description {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n color: ", ";\n }\n\n &-arrow {\n margin: 0 0 0 auto;\n }\n\n &-has-body {\n cursor: pointer;\n }\n }\n\n &-body {\n opacity: 0;\n animation: ", "-operate-card-body-open 0.2s ease-in-out forwards;\n \n @keyframes ", "-operate-card-body-open {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n }\n\n\n &-line-body {\n margin: 0 12px 12px 20px;\n border-left: 1px solid ", ";\n }\n\n &-thinking {\n padding-left: 16px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n opacity: 0.85;\n white-space: pre-wrap;\n }\n\n\n &-todo-list {\n\n &-item {\n height: 32px;\n display: flex;\n align-items: center;\n padding: 0 12px;\n gap: 8px;\n \n color: ", ";\n\n\n &-done {\n color: ", ";\n }\n\n &-icon {\n font-size: 16px;\n }\n\n &-title {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-size: 12px;\n }\n\n &-done {\n \n }\n\n }\n \n }\n\n\n &-web-search-item {\n display: flex;\n height: 32px;\n align-items: center;\n padding: 0 12px;\n gap: 8px;\n color: ", ";\n cursor: pointer;\n\n &-icon {\n display: block;\n width: 16px;\n height: 16px;\n border: 1px solid ", ";\n border-radius: 99px;\n }\n\n &-title {\n font-size: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n\n &:hover {\n color: ", ";\n \n }\n\n }\n\n &-subTitle {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-left: 1px solid ", ";\n font-size: 12px;\n line-height: 1;\n color: ", ";\n padding-left: 8px;\n margin-left: 4px;\n }\n\n }\n\n\n &-tool-call-block {\n margin-left: 16px;\n margin-top: 8px;\n\n \n &-title {\n font-size: 12px;\n color: ", ";\n line-height: 20px;\n margin-bottom: 4px;\n }\n\n }\n\n\n\n &-device-action {\n height: auto;\n align-items: flex-start;\n\n &-icon {\n margin-top: 6px;\n }\n\n &-time {\n margin-bottom: 4px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n }\n\n &-content {\n \n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n &-description {\n width: 0;\n flex: 1;\n margin: 8px 0 6px 0;\n }\n\n &-image {\n margin: 4px 0;\n height: 32px;\n margin-left: 8px;\n display: block;\n border-radius: 6px;\n overflow: hidden;\n border: 1px solid ", ";\n }\n\n\n \n }\n\n &-rag-empty-placeholder {\n padding: 16px 0;\n border: 1px solid ", ";\n border-radius: 6px;\n background-color: ", ";\n line-height: 20px;\n font-size: 12px;\n color: ", ";\n margin: 0 12px 12px 12px;\n }\n\n &-rag-query {\n margin: 0 12px 8px 12px;\n line-height: 20px;\n font-size: 12px;\n color: ", ";\n\n &-title {\n font-weight: 500;\n }\n\n &-images {\n margin: 0 12px 8px 12px;\n display: flex;\n gap: 8px;\n }\n }\n\n &-rag-item {\n margin-left: 16px;\n\n &-title {\n font-size: 12px;\n color: ", ";\n line-height: 20px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n &-content {\n padding: 8px;\n border-radius: 6px;\n background-color: ", ";\n }\n\n &-images {\n margin-top: 8px;\n padding: 8px;\n display: flex;\n gap: 8px;\n background-color: ", ";\n \n }\n\n &-footer {\n display: block;\n margin-top: 8px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n }\n\n }\n\n &-rag-item ~ &-rag-item {\n margin-top: 8px;\n }\n}\n"])), function (p) {
4
+ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-operate-card {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n background-color: ", ";\n\n &-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0 12px;\n height: 32px;\n\n &-icon {\n font-size: 16px;\n }\n\n &-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 500;\n color: ", ";\n }\n\n &-description {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n color: ", ";\n }\n\n &-arrow {\n margin: 0 0 0 auto;\n }\n\n &-has-body {\n cursor: pointer;\n }\n }\n\n &-body {\n opacity: 0;\n animation: ", "-operate-card-body-open 0.2s ease-in-out forwards;\n \n @keyframes ", "-operate-card-body-open {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n }\n\n\n &-line-body {\n margin: 0 12px 12px 20px;\n border-left: 1px solid ", ";\n }\n\n &-thinking {\n padding-left: 16px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n opacity: 0.85;\n white-space: pre-wrap;\n }\n\n\n &-todo-list {\n\n &-item {\n height: 32px;\n display: flex;\n align-items: center;\n padding: 0 12px;\n gap: 8px;\n \n color: ", ";\n\n\n &-done {\n color: ", ";\n }\n\n &-icon {\n font-size: 16px;\n }\n\n &-title {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-size: 12px;\n }\n\n &-done {\n \n }\n\n }\n \n }\n\n\n &-web-search-item {\n display: flex;\n height: 32px;\n align-items: center;\n padding: 0 12px;\n gap: 8px;\n color: ", ";\n cursor: pointer;\n\n &-icon {\n display: block;\n width: 16px;\n height: 16px;\n border: 1px solid ", ";\n border-radius: 99px;\n }\n\n &-title {\n font-size: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n\n &:hover {\n color: ", ";\n \n }\n\n }\n\n &-subTitle {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-left: 1px solid ", ";\n font-size: 12px;\n line-height: 1;\n color: ", ";\n padding-left: 8px;\n margin-left: 4px;\n }\n\n }\n\n\n &-tool-call-block {\n margin-left: 16px;\n margin-top: 8px;\n\n \n &-title {\n font-size: 12px;\n color: ", ";\n line-height: 20px;\n margin-bottom: 4px;\n }\n\n }\n\n\n\n &-device-action {\n height: auto;\n align-items: flex-start;\n\n &-icon {\n margin-top: 6px;\n }\n\n &-time {\n margin-bottom: 4px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n }\n\n &-content {\n \n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n &-description {\n width: 0;\n flex: 1;\n margin: 8px 0 6px 0;\n }\n\n &-image {\n margin: 4px 0;\n height: 32px;\n margin-left: 8px;\n display: block;\n border-radius: 6px;\n overflow: hidden;\n border: 1px solid ", ";\n }\n\n\n \n }\n\n &-rag-empty-placeholder {\n padding: 16px 0;\n border: 1px solid ", ";\n border-radius: 6px;\n background-color: ", ";\n line-height: 20px;\n font-size: 12px;\n color: ", ";\n margin: 0 12px 12px 12px;\n }\n\n &-rag-query {\n margin: 0 12px 8px 12px;\n line-height: 20px;\n font-size: 12px;\n color: ", ";\n\n &-title {\n font-weight: 500;\n }\n\n &-images {\n margin: 0 12px 8px 12px;\n display: flex;\n gap: 8px;\n }\n }\n\n &-rag-item {\n margin-left: 16px;\n\n &-title {\n font-size: 12px;\n color: ", ";\n line-height: 20px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n &-content {\n padding: 8px;\n border-radius: 6px;\n background-color: ", ";\n\n &-text {\n font-size: 12px;\n line-height: 20px;\n }\n }\n\n &-images {\n margin-top: 8px;\n padding: 8px;\n display: flex;\n gap: 8px;\n background-color: ", ";\n \n }\n\n &-footer {\n display: block;\n margin-top: 8px;\n font-size: 12px;\n line-height: 20px;\n color: ", ";\n }\n\n }\n\n &-rag-item ~ &-rag-item {\n margin-top: 8px;\n }\n}\n"])), function (p) {
5
5
  return p.theme.prefixCls;
6
6
  }, function (p) {
7
7
  return p.theme.borderRadiusLG;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agentscope-ai/chat",
3
- "version": "1.1.45-beta.1766038189989",
3
+ "version": "1.1.45-beta.1766049774988",
4
4
  "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
5
5
  "license": "Apache-2.0",
6
6
  "sideEffects": [