@agentscope-ai/chat 1.1.46 → 1.1.48

package/bin/cli.js

@@ -31,7 +31,7 @@ async function startServer() {
     
 
     execSync(
-      `cd ${__dirname}/starter_webui && npm install && BASE_URL=${
+      `cd ${__dirname}/starter_webui && npm install && npx cross-env BASE_URL=${
         options.url || 'BASE_URL'
       } TOKEN=${options.token || 'TOKEN'} npm run dev`,
       {

package/components/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatRequest.tsx

@@ -134,7 +134,8 @@ export default function useChatRequest(options: UseChatRequestOptions) {
             break;
           }
 
-          const chunkData = JSON.parse(chunk.data);
+          const responseParser = apiOptionsRef.current.responseParser || JSON.parse;
+          const chunkData = responseParser(chunk.data);
           const res = agentScopeRuntimeResponseBuilder.handle(chunkData);
 
 

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

@@ -1,5 +1,9 @@
 import { UploadProps } from 'antd';
-import { IAgentScopeRuntimeResponse } from '../AgentScopeRuntime/types';
+import {
+  IAgentScopeRuntimeMessage,
+  IAgentScopeRuntimeResponse,
+  IContent,
+} from '../AgentScopeRuntime/types';
 import { IAgentScopeRuntimeWebUISession } from './ISessions';
 
 /**
@@ -23,8 +27,16 @@ export interface IAgentScopeRuntimeWebUIAPIOptions {
    * @param data
    * @returns
    */
-  fetch?: (data: { input: any[]; biz_params?: IAgentScopeRuntimeWebUIInputData['biz_params'] }) => Promise<Response>;
+  fetch?: (data: {
+    input: any[];
+    biz_params?: IAgentScopeRuntimeWebUIInputData['biz_params'];
+  }) => Promise<Response>;
+
   enableHistoryMessages?: boolean;
+  
+  responseParser?: (
+    response: Response,
+  ) => IAgentScopeRuntimeResponse | IAgentScopeRuntimeMessage | IContent;
 }
 
 /**

package/components/AssetsPreview/Image.tsx

@@ -6,15 +6,16 @@ import { Locale } from "antd/es/locale";
 
 export default function (props: IImage) {
   const prefixCls = useProviderContext().getPrefixCls('assets-preview-image');
+  const { width = 1, height = 1, src } = props;
 
   return <div className={prefixCls} style={{
-    aspectRatio: `${props.width}/${props.height}`,
+    aspectRatio: `${width}/${height}`,
   }}>
     <ConfigProvider
       locale={{
         Image: { preview: '' }
       } as Locale}
-    ><Image src={props.src} width={"100%"} height={"100%"} /></ConfigProvider>
+    ><Image src={src} width={"100%"} height={"100%"} /></ConfigProvider>
   </div>;
 }
 

package/components/AssetsPreview/Video.tsx

@@ -7,7 +7,7 @@ import { IconButton } from "@agentscope-ai/design";
 
 export default function Video(props: IVideo) {
   const prefixCls = useProviderContext().getPrefixCls('assets-preview-video');
-  const { width, height, poster, src, ...rest } = props;
+  const { width = 1, height = 1, poster, src, ...rest } = props;
   const videoRef = useRef<HTMLVideoElement>(null);
   const [isPlaying, setIsPlaying] = useState(false);
   const [duration, setDuration] = useState(0);

package/components/AssetsPreview/index.tsx

@@ -8,6 +8,8 @@ import Audio from './Audio';
 import { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react';
 import { SparkLeftLine, SparkRightLine } from '@agentscope-ai/icons';
 import { IconButton } from '@agentscope-ai/design';
+import { useUpdate, useSize } from 'ahooks';
+
 export interface IAssetsPreviewProps {
   /**
    * @description 类名
@@ -44,6 +46,7 @@ export interface IAssetsPreviewProps {
 }
 
 function AssetsPreview(props: IAssetsPreviewProps) {
+  const update = useUpdate();
   const prefixCls = useProviderContext().getPrefixCls('assets-preview');
   const ref = useRef<HTMLDivElement>(null);
   const { height = 144 } = props;
@@ -51,6 +54,7 @@ function AssetsPreview(props: IAssetsPreviewProps) {
   const maxWidth = useRef<number>(0);
   const [scrollLeft, setScrollLeft] = useState<number>(0);
   const deferScrollLeft = useDeferredValue(scrollLeft);
+  const size = useSize(ref);
 
   const onScroll = useCallback((e) => {
     setScrollLeft(e.target.scrollLeft);
@@ -64,7 +68,8 @@ function AssetsPreview(props: IAssetsPreviewProps) {
     if (ref.current && props.type !== 'audio') {
       maxWidth.current = ref.current.scrollWidth - ref.current.clientWidth;
     }
-  }, [])
+    update();
+  }, [props.data.length, size?.width])
 
 
   const toArrow = useCallback((direct: 'left' | 'right') => {

package/components/AssetsPreview/style.ts

@@ -96,6 +96,18 @@ export default createGlobalStyle`
       width: 100%;
       height: 100%;
       object-fit: cover;
+
+      &:fullscreen {
+        object-fit: contain;
+      }
+
+      &:-webkit-full-screen {
+        object-fit: contain;
+      }
+
+      &:-moz-full-screen {
+        object-fit: contain;
+      }
     }
 
     &-overlay {

package/components/Markdown/Markdown.tsx

@@ -47,7 +47,7 @@ export default memo(function (props: MarkdownProps) {
   const prefixCls = useProviderContext().getPrefixCls('markdown');
   const {
     raw = false,
-    allowHtml = true,
+    allowHtml = false,
   } = props;
 
   const {
@@ -63,17 +63,13 @@ export default memo(function (props: MarkdownProps) {
     img: props.disableImage ? DisabledImage : Media,
     citation: CitationComponent,
     'custom-cursor': CursorComponent,
-    
     a: Link,
     ...props.components,
   }), [props.disableImage, CitationComponent, props.components]);
 
-  const dompurifyConfig = useMemo(() =>
-    allowHtml ? {
-      ADD_TAGS: ['custom-cursor', 'citation']
-    } : EMPTY_DOMPURIFY_CONFIG
-    , [allowHtml]);
-
+  const dompurifyConfig = useMemo(() => ({
+    ADD_TAGS: ['custom-cursor', 'citation']
+  }), []);
 
   // 使用 useMemo 缓存 extensions 配置
   const { extensions, walkTokens } = useMemo(() => {
@@ -92,13 +88,25 @@ export default memo(function (props: MarkdownProps) {
   const config = useMemo(() => ({
     extensions,
     walkTokens,
-  }), [extensions]);
+    // 当 allowHtml 为 false 时，转义 HTML 标签使其显示为字符串
+    ...(!allowHtml && {
+      renderer: {
+        html(token: { text?: string; raw?: string }) {
+          const text = token.text || token.raw || '';
+          return text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        }
+      }
+    })
+  }), [extensions, allowHtml]);
 
   const fallback = <Raw content={content || ''} baseFontSize={baseFontSize} baseLineHeight={baseLineHeight} />;
 
   if (raw || !isSupportsLookbehindAssertions) return fallback;
 
-  return <ErrorBoundary fallback={fallback}>
+  return <ErrorBoundary fallbackRender={(...args) => {
+    console.error(args);
+    return fallback;
+  }}>
     <MarkdownX
       dompurifyConfig={dompurifyConfig}
       cursor={props.cursor}

package/components/Markdown/demo/basic.tsx

@@ -11,6 +11,12 @@ const content = `# 这是一个一级标题
 ##### 这是一个五级标题
 ###### 这是一个六级标题
 
+<div>
+????
+  <h1>这是一个标题</h1>
+</div>
+
+
 ---
 
 这是第一个段落。
@@ -106,6 +112,6 @@ export default function () {
         <Input.TextArea value={value} onChange={(e) => setValue(e.target.value)} autoSize={{ minRows: 30, maxRows: 30 }} />
       </Modal>
     </div>
-    <Markdown content={value} />
+    <Markdown content={value} allowHtml={false} disableImage={true} />
   </>;
 }

package/components/Markdown/styles.ts

@@ -45,6 +45,11 @@ export default createGlobalStyle`
   .${(p) => p.theme.prefixCls}-mermaid-graph,
   .${(p) => p.theme.prefixCls}-codeHighlighter-code {
     border: none;
+    background-color: ${(p) => p.theme.colorBgBase};
+
+    * {
+      background-color: transparent !important;
+    }
   }
 
 

package/components/OperateCard/demo/rag.tsx

@@ -5,6 +5,7 @@ export default function () {
   return <Flex vertical gap={16}>
     <Rag
       query='GPT-5技术博客、行业分析、技术特性  AI原生 GPT-5技术博客、行业分析、技术特性  AI原生'
+      filters='[{"name": "来源", "value": "文档库"}]'
       subTitle="GPT-5技术博客、行业分析、技术特性"
       images={[
         'https://gw.alicdn.com/imgextra/i1/O1CN01n7R7cy1MkE5OYeXV9_!!6000000001472-55-tps-24-24.svg',
@@ -12,6 +13,7 @@ export default function () {
       ]}
       list={[
         {
+          score: 0.8,
           title: '【文档库】GPT-5 技术博客', content: 'Aliyun Bailianis a product offered by Alibaba Cloud, which is the cloud computing arm of Alibaba Group. Bailian is a high-performance AI development platform designed to help users build, deploy, and manage machine learning models and AI applications more efficiently.', footer: '来源文档：（真）拟定稿。GPT 的制度研究',
           images: [
             'https://gw.alicdn.com/imgextra/i1/O1CN01n7R7cy1MkE5OYeXV9_!!6000000001472-55-tps-24-24.svg',

package/components/OperateCard/preset/Rag.tsx

@@ -3,6 +3,7 @@ import { Empty, IconButton, Tag } from '@agentscope-ai/design';
 import { SparkBookLine, SparkDownLine, SparkUpLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
 import { ConfigProvider, Flex, Image } from 'antd';
 import { Locale } from "antd/es/locale";
+import React from 'react';
 import { ReactNode, useState } from 'react';
 
 export interface IRagProps {
@@ -18,23 +19,8 @@ export interface IRagProps {
    * @default ''
    */
   subTitle?: string;
-  /**
-   * @description 检索词
-   * @descriptionEn Query
-   */
-  query: string;
-  /**
-   * @description 检索词前缀
-   * @descriptionEn Query Title
-   * @default '检索 Query：'
-   */
-  queryTitle?: string;
-  /**
-   * @description 检索图片列表
-   * @descriptionEn Query Images
-   * @default []
-   */
-  images?: string[];
+
+
   /**
    * @description 召回知识列表
    * @descriptionEn RAG List
@@ -60,6 +46,16 @@ export interface IRagProps {
    * @default '暂无数据'
    */
   placeholder?: string;
+
+
+  query: string;
+  /**
+   * @description 检索图片列表
+   * @descriptionEn Query Images
+   * @default []
+   */
+  images?: string[];
+  filters?: string;
 }
 
 function Images({ images }: { images: string[] }) {
@@ -94,7 +90,9 @@ function Item({ item }) {
       </span>
       <span style={{ flex: 1 }}></span>
       {
-        item.score || null
+        item.score ? <Tag color="mauve" size="small" className={`${prefixCls}-rag-item-score`}>
+          得分 <b>{item.score}</b>
+        </Tag> : null
       }
 
       <IconButton
@@ -134,23 +132,49 @@ export default function (props: IRagProps) {
     subTitle,
     defaultOpen = true,
     placeholder = '未查询到与提问相关知识库',
-    query,
-    queryTitle = '检索 Query：',
     images,
+    query,
+    filters
   } = props;
   const { getPrefixCls } = useProviderContext();
   const prefixCls = getPrefixCls('operate-card');
 
+  const children = <OperateCard.LineBody>
+
+    <div>
+      <div className={`${prefixCls}-rag-group-title`}>检索 Query</div>
+      <div className={`${prefixCls}-rag-group-content`}>{query}</div>
+    </div>
+
+    {
+      images?.length ? <div>
+        <div className={`${prefixCls}-rag-group-title`}>检索图片</div>
+        <div className={`${prefixCls}-rag-group-content ${prefixCls}-rag-group-content-images`}>
+          <Images images={images} />
+        </div>
+      </div> : null
+    }
 
-  const children = props.list.length ? <OperateCard.LineBody>
     {
-      props.list.map((item, index) => {
-        return <Item key={index} item={item} />
-      })
+      filters ? <div>
+        <div className={`${prefixCls}-rag-group-title`}>过滤条件</div>
+        <div className={`${prefixCls}-rag-group-content`}>{filters}</div>
+      </div> : null
     }
-  </OperateCard.LineBody> : <Flex align="center" justify="center" gap={8} className={`${prefixCls}-rag-empty-placeholder`}>
-    <SparkWarningCircleFill /><span>{placeholder}</span>
-  </Flex>
+
+
+
+    {props.list.length ? <div><div className={`${prefixCls}-rag-group-title`}>Output</div>
+      {
+        props.list.map((item, index) => {
+          return <Item key={index} item={item} />
+        })
+      }</div> : <>
+      <div className={`${prefixCls}-rag-group-title`}>Output</div>
+      <Flex align="center" justify="center" gap={8} className={`${prefixCls}-rag-empty-placeholder`}>
+        <SparkWarningCircleFill /><span>{placeholder}</span>
+      </Flex></>}
+  </OperateCard.LineBody>;
 
   return <OperateCard
     header={{
@@ -160,20 +184,9 @@ export default function (props: IRagProps) {
     }}
     body={{
       defaultOpen,
-      children: <>
-        {
-          query ? <div className={`${prefixCls}-rag-query`}>
-            <span className={`${prefixCls}-rag-query-title`}>{queryTitle}</span>
-            {query}
-          </div> : null
-        }
-        {
-          images?.length ? <div className={`${prefixCls}-rag-query-images`}>
-            <Images images={images} />
-          </div> : null
-        }
+      children: <div className={`${prefixCls}-rag-children`}>
         {children}
-      </>
+      </div>
     }}
   />
 }

package/components/OperateCard/style.ts

@@ -190,7 +190,6 @@ export default createGlobalStyle`
     }
 
     &-content {
-      
       width: 100%;
       display: flex;
       justify-content: space-between;
@@ -211,9 +210,6 @@ export default createGlobalStyle`
       overflow: hidden;
       border: 1px solid ${(p) => p.theme.colorBorderSecondary};
     }
-
-
-    
   }
 
   &-rag-empty-placeholder {
@@ -227,39 +223,67 @@ export default createGlobalStyle`
     margin: 0 12px 12px 12px;
   }
 
-  &-rag-query {
-    margin: 0 12px 8px 12px;
-    line-height: 20px;
+  &-rag-children .${(p) => p.theme.prefixCls}-operate-card-line-body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-rag-group-title {
+    margin: 16px 0 4px 16px;
     font-size: 12px;
+    font-weight: 500;
     color: ${(p) => p.theme.colorTextSecondary};
 
-    &-title {
-      font-weight: 500;
+    &:first-child {
+      margin-top: 8px;
     }
+  }
+
+
+  &-rag-group-content {
+    margin-left: 16px;
+    border-radius: 6px;
+    font-size: 12px;
+    color: ${(p) => p.theme.colorTextSecondary};
+    display: flex;
+    align-items: center;
+    cursor: pointer;
 
     &-images {
-      margin: 0 12px 8px 12px;
-      display: flex;
       gap: 8px;
     }
   }
 
+
   &-rag-item {
     margin-left: 16px;
+    border-radius: 6px;
+    overflow: hidden;
+    margin-bottom: 4px;
+
+
+    &-score {
+      margin-right: 0;
+
+      b {
+        font-weight: 500;
+        color: ${(p) => p.theme.colorPrimary};
+      }
+    }
 
     &-title {
       font-size: 12px;
-      color: ${(p) => p.theme.colorText};
-      line-height: 20px;
-      margin-bottom: 4px;
+      color: ${(p) => p.theme.colorTextSecondary};
+      height: 28px;
+      padding: 0 4px 0 12px;
       display: flex;
       align-items: center;
       cursor: pointer;
+      background-color: ${(p) => p.theme.colorFillTertiary};
     }
 
     &-content {
-      padding: 8px;
-      border-radius: 6px;
+      padding: 0 12px 12px 12px;
       background-color: ${(p) => p.theme.colorFillTertiary};
 
       &-text {

package/lib/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatRequest.js

@@ -102,7 +102,7 @@ export default function useChatRequest(options) {
   }(), []);
   var request = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(historyMessages, biz_params) {
-      var currentApiOptions, _currentApiOptions$en, enableHistoryMessages, response, agentScopeRuntimeResponseBuilder, _iteratorAbruptCompletion2, _didIteratorError2, _iteratorError2, _iterator2, _step2, chunk, _currentQARef$current, _res$output, _currentQARef$current2, chunkData, res;
+      var currentApiOptions, _currentApiOptions$en, enableHistoryMessages, response, agentScopeRuntimeResponseBuilder, _iteratorAbruptCompletion2, _didIteratorError2, _iteratorError2, _iterator2, _step2, chunk, _currentQARef$current, _res$output, _currentQARef$current2, responseParser, chunkData, res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -149,7 +149,7 @@ export default function useChatRequest(options) {
             _context2.t1 = _context2["catch"](2);
           case 17:
             if (!(response && response.body)) {
-              _context2.next = 65;
+              _context2.next = 66;
               break;
             }
             agentScopeRuntimeResponseBuilder = new AgentScopeRuntimeResponseBuilder({
@@ -192,7 +192,7 @@ export default function useChatRequest(options) {
             return _iterator2.next();
           case 29:
             if (!(_iteratorAbruptCompletion2 = !(_step2 = _context2.sent).done)) {
-              _context2.next = 44;
+              _context2.next = 45;
               break;
             }
             chunk = _step2.value;
@@ -206,16 +206,17 @@ export default function useChatRequest(options) {
               data: agentScopeRuntimeResponseBuilder.cancel()
             }];
             updateMessage(currentQARef.current.response);
-            return _context2.abrupt("break", 44);
+            return _context2.abrupt("break", 45);
           case 36:
-            chunkData = JSON.parse(chunk.data);
+            responseParser = apiOptionsRef.current.responseParser || JSON.parse;
+            chunkData = responseParser(chunk.data);
             res = agentScopeRuntimeResponseBuilder.handle(chunkData); // 跳过空内容
             if (!(res.status !== AgentScopeRuntimeRunStatus.Failed && !((_res$output = res.output) !== null && _res$output !== void 0 && (_res$output = _res$output[0]) !== null && _res$output !== void 0 && (_res$output = _res$output.content) !== null && _res$output !== void 0 && _res$output.length))) {
-              _context2.next = 40;
+              _context2.next = 41;
               break;
             }
-            return _context2.abrupt("continue", 41);
-          case 40:
+            return _context2.abrupt("continue", 42);
+          case 41:
             if (currentQARef.current.response) {
               currentQARef.current.response.cards = [{
                 code: 'AgentScopeRuntimeResponseCard',
@@ -227,50 +228,50 @@ export default function useChatRequest(options) {
                 updateMessage(currentQARef.current.response);
               }
             }
-          case 41:
+          case 42:
             _iteratorAbruptCompletion2 = false;
             _context2.next = 27;
             break;
-          case 44:
-            _context2.next = 50;
+          case 45:
+            _context2.next = 51;
             break;
-          case 46:
-            _context2.prev = 46;
+          case 47:
+            _context2.prev = 47;
             _context2.t2 = _context2["catch"](25);
             _didIteratorError2 = true;
             _iteratorError2 = _context2.t2;
-          case 50:
-            _context2.prev = 50;
+          case 51:
             _context2.prev = 51;
+            _context2.prev = 52;
             if (!(_iteratorAbruptCompletion2 && _iterator2.return != null)) {
-              _context2.next = 55;
+              _context2.next = 56;
               break;
             }
-            _context2.next = 55;
+            _context2.next = 56;
             return _iterator2.return();
-          case 55:
-            _context2.prev = 55;
+          case 56:
+            _context2.prev = 56;
             if (!_didIteratorError2) {
-              _context2.next = 58;
+              _context2.next = 59;
               break;
             }
             throw _iteratorError2;
-          case 58:
-            return _context2.finish(55);
           case 59:
-            return _context2.finish(50);
+            return _context2.finish(56);
           case 60:
-            _context2.next = 65;
+            return _context2.finish(51);
+          case 61:
+            _context2.next = 66;
             break;
-          case 62:
-            _context2.prev = 62;
+          case 63:
+            _context2.prev = 63;
             _context2.t3 = _context2["catch"](22);
             console.error(_context2.t3);
-          case 65:
+          case 66:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[2, 15], [22, 62], [25, 46, 50, 60], [51,, 55, 59]]);
+      }, _callee2, null, [[2, 15], [22, 63], [25, 47, 51, 61], [52,, 56, 60]]);
     }));
     return function (_x2, _x3) {
       return _ref2.apply(this, arguments);

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UploadProps } from 'antd';
-import { IAgentScopeRuntimeResponse } from '../AgentScopeRuntime/types';
+import { IAgentScopeRuntimeMessage, IAgentScopeRuntimeResponse, IContent } from '../AgentScopeRuntime/types';
 import { IAgentScopeRuntimeWebUISession } from './ISessions';
 /**
  * @description API 配置选项
@@ -28,6 +28,7 @@ export interface IAgentScopeRuntimeWebUIAPIOptions {
         biz_params?: IAgentScopeRuntimeWebUIInputData['biz_params'];
     }) => Promise<Response>;
     enableHistoryMessages?: boolean;
+    responseParser?: (response: Response) => IAgentScopeRuntimeResponse | IAgentScopeRuntimeMessage | IContent;
 }
 /**
  * @description 主题配置选项

package/lib/AssetsPreview/Image.js

@@ -3,10 +3,15 @@ import { Image, ConfigProvider } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function (props) {
   var prefixCls = useProviderContext().getPrefixCls('assets-preview-image');
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 1 : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 1 : _props$height,
+    src = props.src;
   return /*#__PURE__*/_jsx("div", {
     className: prefixCls,
     style: {
-      aspectRatio: "".concat(props.width, "/").concat(props.height)
+      aspectRatio: "".concat(width, "/").concat(height)
     },
     children: /*#__PURE__*/_jsx(ConfigProvider, {
       locale: {
@@ -15,7 +20,7 @@ export default function (props) {
         }
       },
       children: /*#__PURE__*/_jsx(Image, {
-        src: props.src,
+        src: src,
         width: "100%",
         height: "100%"
       })

package/lib/AssetsPreview/Video.js

@@ -22,8 +22,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Video(props) {
   var prefixCls = useProviderContext().getPrefixCls('assets-preview-video');
-  var width = props.width,
-    height = props.height,
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 1 : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 1 : _props$height,
     poster = props.poster,
     src = props.src,
     rest = _objectWithoutProperties(props, _excluded);

package/lib/AssetsPreview/index.js

@@ -19,11 +19,13 @@ import Audio from "./Audio";
 import { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react';
 import { SparkLeftLine, SparkRightLine } from '@agentscope-ai/icons';
 import { IconButton } from '@agentscope-ai/design';
+import { useUpdate, useSize } from 'ahooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function AssetsPreview(props) {
   var _props$classNames;
+  var update = useUpdate();
   var prefixCls = useProviderContext().getPrefixCls('assets-preview');
   var ref = useRef(null);
   var _props$height = props.height,
@@ -38,6 +40,7 @@ function AssetsPreview(props) {
     scrollLeft = _useState4[0],
     setScrollLeft = _useState4[1];
   var deferScrollLeft = useDeferredValue(scrollLeft);
+  var size = useSize(ref);
   var onScroll = useCallback(function (e) {
     setScrollLeft(e.target.scrollLeft);
   }, []);
@@ -48,7 +51,8 @@ function AssetsPreview(props) {
     if (ref.current && props.type !== 'audio') {
       maxWidth.current = ref.current.scrollWidth - ref.current.clientWidth;
     }
-  }, []);
+    update();
+  }, [props.data.length, size === null || size === void 0 ? void 0 : size.width]);
   var toArrow = useCallback(function (direct) {
     var width = 200;
     ref.current.scrollLeft = ref.current.scrollLeft + width * (direct === 'left' ? -1 : 1);

package/lib/AssetsPreview/style.js

@@ -1,7 +1,7 @@
 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.", "-assets-preview {\n  position: relative;\n\n  &-left-edge,\n  &-right-edge {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 128px;\n    pointer-events: none;\n  }\n\n  &-left-edge {\n    left: 0;\n    background: linear-gradient(to right, ", ", rgba(0, 0, 0, 0));\n  }\n\n  &-right-edge {\n    right: 0;\n    background: linear-gradient(to left, ", ", rgba(0, 0, 0, 0));\n  }\n\n  &-arrow {\n    position: absolute;\n    bottom: 0;\n  }\n\n  &-left-arrow {\n    left: 10px;\n  }\n\n  &-right-arrow {\n    right: 10px;\n  }\n\n  &-container {\n    display: flex;\n    padding: 8px;\n    gap: 8px;\n    overflow-x: auto;\n    justify-content: safe center;\n    background-color: ", ";\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE/Edge */\n    &::-webkit-scrollbar {\n      display: none; /* Chrome/Safari/Opera */\n    }\n  }\n\n\n  &-image {\n    height: 100%;\n    flex-basis: auto;\n    flex-shrink: 0;\n    border-radius: 8px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n\n    .anticon-eye {\n      font-size: 20px;\n      margin: 0 !important;\n    }\n  }\n\n  &-video {\n    height: 100%;\n    flex-basis: auto;\n    flex-shrink: 0;\n    border-radius: 8px;\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n\n    &-enlarge {\n      display: none;\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      z-index: 1;\n      border-radius: 4px;\n      background-color: ", ";\n\n      button {\n        display: flex;\n      }\n    }\n\n    video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    &-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n\n      &:hover {\n        .", "-assets-preview-video-enlarge {\n          display: block;\n        }\n      }\n\n      &-playing {\n        opacity: 0;\n        &:hover {\n          opacity: 1;\n          background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n        }\n      }\n\n      &-paused {\n        background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n      }\n    }\n\n    &-play-btn {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      transition: transform 0.2s ease;\n      font-size: 40px;\n      \n\n      &:hover {\n        transform: scale(1.1);\n      }\n    }\n\n    &-duration {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      bottom: 8px;\n      left: 0px;\n      height: 28px;\n      bottom: 0;\n      right: 0;\n      font-size: 14px;\n      font-weight: 500;\n      color: #fff;\n      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n    }\n\n    &-overlay {\n      &:hover {\n        ~ .", "-assets-preview-video-duration {\n          background: transparent;\n        }\n      }\n    }\n\n    &-playing-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  }\n    \n  &-audio {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background-color: ", ";\n    border-radius: 8px;\n    border: 1px solid ", ";\n    height: 40px;\n    padding: 0 8px;\n\n    &-time {\n      font-size: 12px;\n      color: ", ";\n      line-height: 1;\n    }\n\n    &-progress {\n      flex: 1;\n      height: 8px;\n      background-color: ", ";\n      border-radius: 4px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n\n      &-bar {\n        height: 100%;\n        background-color: ", ";\n        border-radius: 4px;\n        transition: width 0.1s linear;\n      }\n    }\n  }\n}\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-assets-preview {\n  position: relative;\n\n  &-left-edge,\n  &-right-edge {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 128px;\n    pointer-events: none;\n  }\n\n  &-left-edge {\n    left: 0;\n    background: linear-gradient(to right, ", ", rgba(0, 0, 0, 0));\n  }\n\n  &-right-edge {\n    right: 0;\n    background: linear-gradient(to left, ", ", rgba(0, 0, 0, 0));\n  }\n\n  &-arrow {\n    position: absolute;\n    bottom: 0;\n  }\n\n  &-left-arrow {\n    left: 10px;\n  }\n\n  &-right-arrow {\n    right: 10px;\n  }\n\n  &-container {\n    display: flex;\n    padding: 8px;\n    gap: 8px;\n    overflow-x: auto;\n    justify-content: safe center;\n    background-color: ", ";\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE/Edge */\n    &::-webkit-scrollbar {\n      display: none; /* Chrome/Safari/Opera */\n    }\n  }\n\n\n  &-image {\n    height: 100%;\n    flex-basis: auto;\n    flex-shrink: 0;\n    border-radius: 8px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n\n    .anticon-eye {\n      font-size: 20px;\n      margin: 0 !important;\n    }\n  }\n\n  &-video {\n    height: 100%;\n    flex-basis: auto;\n    flex-shrink: 0;\n    border-radius: 8px;\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n\n    &-enlarge {\n      display: none;\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      z-index: 1;\n      border-radius: 4px;\n      background-color: ", ";\n\n      button {\n        display: flex;\n      }\n    }\n\n    video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n\n      &:fullscreen {\n        object-fit: contain;\n      }\n\n      &:-webkit-full-screen {\n        object-fit: contain;\n      }\n\n      &:-moz-full-screen {\n        object-fit: contain;\n      }\n    }\n\n    &-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n\n      &:hover {\n        .", "-assets-preview-video-enlarge {\n          display: block;\n        }\n      }\n\n      &-playing {\n        opacity: 0;\n        &:hover {\n          opacity: 1;\n          background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n        }\n      }\n\n      &-paused {\n        background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n      }\n    }\n\n    &-play-btn {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      transition: transform 0.2s ease;\n      font-size: 40px;\n      \n\n      &:hover {\n        transform: scale(1.1);\n      }\n    }\n\n    &-duration {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      bottom: 8px;\n      left: 0px;\n      height: 28px;\n      bottom: 0;\n      right: 0;\n      font-size: 14px;\n      font-weight: 500;\n      color: #fff;\n      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(180deg, rgba(111, 111, 111, 0.27) 0%, rgba(38, 36, 76, 0.83) 100%);\n    }\n\n    &-overlay {\n      &:hover {\n        ~ .", "-assets-preview-video-duration {\n          background: transparent;\n        }\n      }\n    }\n\n    &-playing-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  }\n    \n  &-audio {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background-color: ", ";\n    border-radius: 8px;\n    border: 1px solid ", ";\n    height: 40px;\n    padding: 0 8px;\n\n    &-time {\n      font-size: 12px;\n      color: ", ";\n      line-height: 1;\n    }\n\n    &-progress {\n      flex: 1;\n      height: 8px;\n      background-color: ", ";\n      border-radius: 4px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n\n      &-bar {\n        height: 100%;\n        background-color: ", ";\n        border-radius: 4px;\n        transition: width 0.1s linear;\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorBgLayout;

package/lib/Markdown/Markdown.js

@@ -59,7 +59,7 @@ export default /*#__PURE__*/memo(function (props) {
   var _props$raw = props.raw,
     raw = _props$raw === void 0 ? false : _props$raw,
     _props$allowHtml = props.allowHtml,
-    allowHtml = _props$allowHtml === void 0 ? true : _props$allowHtml;
+    allowHtml = _props$allowHtml === void 0 ? false : _props$allowHtml;
   var _useCitationsData = useCitationsData({
       citations: props.citations,
       citationsMap: props.citationsMap
@@ -79,10 +79,10 @@ export default /*#__PURE__*/memo(function (props) {
     }, props.components);
   }, [props.disableImage, CitationComponent, props.components]);
   var dompurifyConfig = useMemo(function () {
-    return allowHtml ? {
+    return {
       ADD_TAGS: ['custom-cursor', 'citation']
-    } : EMPTY_DOMPURIFY_CONFIG;
-  }, [allowHtml]);
+    };
+  }, []);
 
   // 使用 useMemo 缓存 extensions 配置
   var _useMemo = useMemo(function () {
@@ -103,11 +103,18 @@ export default /*#__PURE__*/memo(function (props) {
 
   // // 使用 useMemo 缓存 config 对象
   var config = useMemo(function () {
-    return {
+    return _objectSpread({
       extensions: extensions,
       walkTokens: walkTokens
-    };
-  }, [extensions]);
+    }, !allowHtml && {
+      renderer: {
+        html: function html(token) {
+          var text = token.text || token.raw || '';
+          return text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        }
+      }
+    });
+  }, [extensions, allowHtml]);
   var fallback = /*#__PURE__*/_jsx(Raw, {
     content: content || '',
     baseFontSize: baseFontSize,
@@ -115,7 +122,13 @@ export default /*#__PURE__*/memo(function (props) {
   });
   if (raw || !isSupportsLookbehindAssertions) return fallback;
   return /*#__PURE__*/_jsx(ErrorBoundary, {
-    fallback: fallback,
+    fallbackRender: function fallbackRender() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      console.error(args);
+      return fallback;
+    },
     children: /*#__PURE__*/_jsx(MarkdownX, {
       dompurifyConfig: dompurifyConfig,
       cursor: props.cursor,

package/lib/Markdown/styles.js

@@ -1,7 +1,7 @@
 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.", "-markdown {\n  color: inherit;\n  max-width: 100%;\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid ", ";\n    opacity: 0.85;\n  }\n\n  figure {\n    margin: 0;\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0;\n    margin: 0;\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", "px;\n    padding: 2px 6px;\n    margin-inline: 3px;\n    border: 1px solid ", ";\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n    background-color: transparent;\n    border: none;\n  }\n\n  .", "-mermaid,\n  .", "-codeHighlighter {\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    \n  }\n\n  .", "-mermaid-graph,\n  .", "-codeHighlighter-code {\n    border: none;\n  }\n\n\n  .", "-code-header {\n    display: flex;\n    justify-content: space-between;\n    background: ", ";\n    border-bottom: 1px solid ", ";\n    height: 28px;\n    line-height: 28px;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    padding: 0 12px;\n\n    &-lang {\n      font-weight: bold;\n    }\n\n    &-icon {\n      font-size: 16px;\n      cursor: pointer;\n    }\n\n    &-copied {\n      color: ", ";\n      cursor: pointer;\n      font-size: 16px;\n    }\n  }\n\n\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em;\n    margin-bottom: 0.5714285714285714em;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit;\n  }\n\n  p {\n    margin-bottom: 0.5714285714285714em;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    max-width: 480px;\n    overflow: hidden;\n  }\n\n  .", "-markdown-video {\n    position: relative;\n    \n    &-poster {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 480px;\n      background-color: #000;\n      border-radius: 8px;\n      padding: 100px 0;\n      cursor: pointer;\n    }\n\n    &-play {\n      color: #ccc;\n      font-size: 30px;\n    }\n  }\n}\n\n.", "-markdown.x-markdown {\n  img {\n    margin: 0;\n  }\n}\n\n\n.", "-markdown  > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.", "-markdown  > *:first-child {\n  margin-top: 0 !important;\n}\n\n.", "-markdown-footnotes {\n  > h2 {\n    display: none;\n  }\n\n  > ol {\n    margin: 0 0 0 1em;\n  }\n\n  [data-footnote-backref] {\n    display: none;\n  }\n\n}\n\n\n.", "-markdown-footnote {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  padding: 0 4px;\n  height: 16px;\n  margin-inline: 2px;\n  font-size: 10px;\n  color: ", ";\n  text-align: center;\n  background: ", ";\n  border-radius: 4px;\n  transition: all 100ms ", ";\n  cursor: pointer;\n  line-height: 1;\n\n  &:hover {\n    color: ", ";\n    background: ", ";\n  }\n}\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-markdown {\n  color: inherit;\n  max-width: 100%;\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid ", ";\n    opacity: 0.85;\n  }\n\n  figure {\n    margin: 0;\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0;\n    margin: 0;\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", "px;\n    padding: 2px 6px;\n    margin-inline: 3px;\n    border: 1px solid ", ";\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n    background-color: transparent;\n    border: none;\n  }\n\n  .", "-mermaid,\n  .", "-codeHighlighter {\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    \n  }\n\n  .", "-mermaid-graph,\n  .", "-codeHighlighter-code {\n    border: none;\n    background-color: ", ";\n\n    * {\n      background-color: transparent !important;\n    }\n  }\n\n\n  .", "-code-header {\n    display: flex;\n    justify-content: space-between;\n    background: ", ";\n    border-bottom: 1px solid ", ";\n    height: 28px;\n    line-height: 28px;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    padding: 0 12px;\n\n    &-lang {\n      font-weight: bold;\n    }\n\n    &-icon {\n      font-size: 16px;\n      cursor: pointer;\n    }\n\n    &-copied {\n      color: ", ";\n      cursor: pointer;\n      font-size: 16px;\n    }\n  }\n\n\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em;\n    margin-bottom: 0.5714285714285714em;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit;\n  }\n\n  p {\n    margin-bottom: 0.5714285714285714em;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    max-width: 480px;\n    overflow: hidden;\n  }\n\n  .", "-markdown-video {\n    position: relative;\n    \n    &-poster {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 480px;\n      background-color: #000;\n      border-radius: 8px;\n      padding: 100px 0;\n      cursor: pointer;\n    }\n\n    &-play {\n      color: #ccc;\n      font-size: 30px;\n    }\n  }\n}\n\n.", "-markdown.x-markdown {\n  img {\n    margin: 0;\n  }\n}\n\n\n.", "-markdown  > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.", "-markdown  > *:first-child {\n  margin-top: 0 !important;\n}\n\n.", "-markdown-footnotes {\n  > h2 {\n    display: none;\n  }\n\n  > ol {\n    margin: 0 0 0 1em;\n  }\n\n  [data-footnote-backref] {\n    display: none;\n  }\n\n}\n\n\n.", "-markdown-footnote {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  padding: 0 4px;\n  height: 16px;\n  margin-inline: 2px;\n  font-size: 10px;\n  color: ", ";\n  text-align: center;\n  background: ", ";\n  border-radius: 4px;\n  transition: all 100ms ", ";\n  cursor: pointer;\n  line-height: 1;\n\n  &:hover {\n    color: ", ";\n    background: ", ";\n  }\n}\n"])), function (p) {
   return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorBorder;
@@ -25,6 +25,8 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
   return p.theme.prefixCls;
 }, function (p) {
   return p.theme.prefixCls;
+}, function (p) {
+  return p.theme.colorBgBase;
 }, function (p) {
   return p.theme.prefixCls;
 }, function (p) {

package/lib/OperateCard/preset/Rag.d.ts

@@ -12,23 +12,6 @@ export interface IRagProps {
      * @default ''
      */
     subTitle?: string;
-    /**
-     * @description 检索词
-     * @descriptionEn Query
-     */
-    query: string;
-    /**
-     * @description 检索词前缀
-     * @descriptionEn Query Title
-     * @default '检索 Query：'
-     */
-    queryTitle?: string;
-    /**
-     * @description 检索图片列表
-     * @descriptionEn Query Images
-     * @default []
-     */
-    images?: string[];
     /**
      * @description 召回知识列表
      * @descriptionEn RAG List
@@ -54,5 +37,13 @@ export interface IRagProps {
      * @default '暂无数据'
      */
     placeholder?: string;
+    query: string;
+    /**
+     * @description 检索图片列表
+     * @descriptionEn Query Images
+     * @default []
+     */
+    images?: string[];
+    filters?: string;
 }
 export default function (props: IRagProps): import("react/jsx-runtime").JSX.Element;

package/lib/OperateCard/preset/Rag.js

@@ -5,9 +5,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { OperateCard, useProviderContext } from "../..";
-import { IconButton } from '@agentscope-ai/design';
+import { IconButton, Tag } from '@agentscope-ai/design';
 import { SparkBookLine, SparkDownLine, SparkUpLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
 import { ConfigProvider, Flex, Image } from 'antd';
+import React from 'react';
 import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -56,7 +57,14 @@ function Item(_ref2) {
         style: {
           flex: 1
         }
-      }), item.score || null, /*#__PURE__*/_jsx(IconButton, {
+      }), item.score ? /*#__PURE__*/_jsxs(Tag, {
+        color: "mauve",
+        size: "small",
+        className: "".concat(prefixCls, "-rag-item-score"),
+        children: ["\u5F97\u5206 ", /*#__PURE__*/_jsx("b", {
+          children: item.score
+        })]
+      }) : null, /*#__PURE__*/_jsx(IconButton, {
         bordered: false,
         size: "small",
         icon: open ? /*#__PURE__*/_jsx(SparkUpLine, {}) : /*#__PURE__*/_jsx(SparkDownLine, {})
@@ -94,26 +102,61 @@ export default function (props) {
     defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? '未查询到与提问相关知识库' : _props$placeholder,
+    images = props.images,
     query = props.query,
-    _props$queryTitle = props.queryTitle,
-    queryTitle = _props$queryTitle === void 0 ? '检索 Query：' : _props$queryTitle,
-    images = props.images;
+    filters = props.filters;
   var _useProviderContext3 = useProviderContext(),
     getPrefixCls = _useProviderContext3.getPrefixCls;
   var prefixCls = getPrefixCls('operate-card');
-  var children = props.list.length ? /*#__PURE__*/_jsx(OperateCard.LineBody, {
-    children: props.list.map(function (item, index) {
-      return /*#__PURE__*/_jsx(Item, {
-        item: item
-      }, index);
-    })
-  }) : /*#__PURE__*/_jsxs(Flex, {
-    align: "center",
-    justify: "center",
-    gap: 8,
-    className: "".concat(prefixCls, "-rag-empty-placeholder"),
-    children: [/*#__PURE__*/_jsx(SparkWarningCircleFill, {}), /*#__PURE__*/_jsx("span", {
-      children: placeholder
+  var children = /*#__PURE__*/_jsxs(OperateCard.LineBody, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-title"),
+        children: "\u68C0\u7D22 Query"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-content"),
+        children: query
+      })]
+    }), images !== null && images !== void 0 && images.length ? /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-title"),
+        children: "\u68C0\u7D22\u56FE\u7247"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-content ").concat(prefixCls, "-rag-group-content-images"),
+        children: /*#__PURE__*/_jsx(Images, {
+          images: images
+        })
+      })]
+    }) : null, filters ? /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-title"),
+        children: "\u8FC7\u6EE4\u6761\u4EF6"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-content"),
+        children: filters
+      })]
+    }) : null, props.list.length ? /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-title"),
+        children: "Output"
+      }), props.list.map(function (item, index) {
+        return /*#__PURE__*/_jsx(Item, {
+          item: item
+        }, index);
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-group-title"),
+        children: "Output"
+      }), /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        justify: "center",
+        gap: 8,
+        className: "".concat(prefixCls, "-rag-empty-placeholder"),
+        children: [/*#__PURE__*/_jsx(SparkWarningCircleFill, {}), /*#__PURE__*/_jsx("span", {
+          children: placeholder
+        })]
+      })]
     })]
   });
   return /*#__PURE__*/_jsx(OperateCard, {
@@ -124,19 +167,9 @@ export default function (props) {
     },
     body: {
       defaultOpen: defaultOpen,
-      children: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [query ? /*#__PURE__*/_jsxs("div", {
-          className: "".concat(prefixCls, "-rag-query"),
-          children: [/*#__PURE__*/_jsx("span", {
-            className: "".concat(prefixCls, "-rag-query-title"),
-            children: queryTitle
-          }), query]
-        }) : null, images !== null && images !== void 0 && images.length ? /*#__PURE__*/_jsx("div", {
-          className: "".concat(prefixCls, "-rag-query-images"),
-          children: /*#__PURE__*/_jsx(Images, {
-            images: images
-          })
-        }) : null, children]
+      children: /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-rag-children"),
+        children: children
       })
     }
   });

package/lib/OperateCard/style.js

@@ -1,7 +1,7 @@
 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.", "-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) {
+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      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  &-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-children .", "-operate-card-line-body {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &-rag-group-title {\n    margin: 16px 0 4px 16px;\n    font-size: 12px;\n    font-weight: 500;\n    color: ", ";\n\n    &:first-child {\n      margin-top: 8px;\n    }\n  }\n\n\n  &-rag-group-content {\n    margin-left: 16px;\n    border-radius: 6px;\n    font-size: 12px;\n    color: ", ";\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    &-images {\n      gap: 8px;\n    }\n  }\n\n\n  &-rag-item {\n    margin-left: 16px;\n    border-radius: 6px;\n    overflow: hidden;\n    margin-bottom: 4px;\n\n\n    &-score {\n      margin-right: 0;\n\n      b {\n        font-weight: 500;\n        color: ", ";\n      }\n    }\n\n    &-title {\n      font-size: 12px;\n      color: ", ";\n      height: 28px;\n      padding: 0 4px 0 12px;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n      background-color: ", ";\n    }\n\n    &-content {\n      padding: 0 12px 12px 12px;\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) {
   return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadiusLG;
@@ -47,10 +47,18 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
   return p.theme.colorBgBase;
 }, function (p) {
   return p.theme.colorTextSecondary;
+}, function (p) {
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorTextSecondary;
 }, function (p) {
-  return p.theme.colorText;
+  return p.theme.colorTextSecondary;
+}, function (p) {
+  return p.theme.colorPrimary;
+}, function (p) {
+  return p.theme.colorTextSecondary;
+}, function (p) {
+  return p.theme.colorFillTertiary;
 }, function (p) {
   return p.theme.colorFillTertiary;
 }, function (p) {

package/package.json

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