@ant-design/agentic-ui 2.4.0 → 2.5.0

package/dist/Bubble/List/PureBubbleList.d.ts

@@ -0,0 +1,32 @@
+import { MutableRefObject } from 'react';
+import type { BubbleMetaData, BubbleProps, MessageBubbleData } from '../type';
+import React from 'react';
+export interface PureBubbleListProps {
+    bubbleList: MessageBubbleData[];
+    readonly?: boolean;
+    bubbleListRef?: MutableRefObject<HTMLDivElement | null>;
+    bubbleRef?: MutableRefObject<any | undefined>;
+    isLoading?: boolean;
+    className?: string;
+    bubbleRenderConfig?: BubbleProps['bubbleRenderConfig'];
+    style?: React.CSSProperties;
+    userMeta?: BubbleMetaData;
+    assistantMeta?: BubbleMetaData;
+    styles?: BubbleProps['styles'];
+    classNames?: BubbleProps['classNames'];
+    markdownRenderConfig?: BubbleProps['markdownRenderConfig'];
+    docListProps?: BubbleProps['docListProps'];
+    onDisLike?: BubbleProps['onDisLike'];
+    onLike?: BubbleProps['onLike'];
+    onCancelLike?: BubbleProps['onCancelLike'];
+    onReply?: BubbleProps['onReply'];
+    onAvatarClick?: BubbleProps['onAvatarClick'];
+    onDoubleClick?: BubbleProps['onDoubleClick'];
+    shouldShowCopy?: BubbleProps['shouldShowCopy'];
+    shouldShowVoice?: BubbleProps['shouldShowVoice'];
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    onWheel?: (event: React.WheelEvent<HTMLDivElement>, bubbleListRef: HTMLDivElement | null) => void;
+    onTouchMove?: (event: React.TouchEvent<HTMLDivElement>, bubbleListRef: HTMLDivElement | null) => void;
+}
+export declare const PureBubbleList: React.FC<PureBubbleListProps>;
+export default PureBubbleList;

package/dist/Bubble/List/PureBubbleList.js

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Bubble/List/PureBubbleList.tsx
+import SkeletonList from "./SkeletonList";
+import { useContext, useMemo } from "react";
+import { ConfigProvider } from "antd";
+import cx from "classnames";
+import React from "react";
+import { PureAIBubble, PureUserBubble } from "../PureBubble";
+import { BubbleConfigContext } from "../BubbleConfigProvide";
+import { useStyle } from "./style";
+var PureBubbleList = (props) => {
+  const {
+    bubbleList,
+    bubbleListRef,
+    bubbleRenderConfig,
+    className,
+    classNames,
+    docListProps,
+    isLoading,
+    markdownRenderConfig,
+    onAvatarClick,
+    onCancelLike,
+    onDisLike,
+    onDoubleClick,
+    onLike,
+    onReply,
+    onScroll,
+    onTouchMove,
+    onWheel,
+    shouldShowCopy,
+    shouldShowVoice,
+    style,
+    styles,
+    userMeta,
+    assistantMeta
+  } = props;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const { compact } = useContext(BubbleConfigContext) || {};
+  const prefixClass = getPrefixCls("agentic-bubble-list");
+  const { wrapSSR, hashId } = useStyle(prefixClass);
+  const deps = useMemo(() => [props.style], [JSON.stringify(props.style)]);
+  const listDom = useMemo(() => {
+    return bubbleList.map((item, index) => {
+      const placement = item.role === "user" ? "right" : "left";
+      const BubbleComponent = placement === "right" ? PureUserBubble : PureAIBubble;
+      const isLast = index === bubbleList.length - 1;
+      item.isLatest = isLast;
+      item.isLast = isLast;
+      return /* @__PURE__ */ React.createElement(
+        BubbleComponent,
+        {
+          key: item.id,
+          "data-id": item.id,
+          avatar: __spreadValues(__spreadValues({}, placement === "right" ? userMeta : assistantMeta), item.meta),
+          preMessage: bubbleList[index - 1],
+          id: item.id,
+          style: __spreadValues({}, styles == null ? void 0 : styles.bubbleListItemStyle),
+          originData: item,
+          placement,
+          time: item.updateAt || item.createAt,
+          deps,
+          pure: true,
+          bubbleListRef,
+          bubbleRenderConfig,
+          classNames,
+          bubbleRef: props.bubbleRef,
+          markdownRenderConfig,
+          docListProps,
+          styles: __spreadProps(__spreadValues({}, styles), {
+            bubbleListItemContentStyle: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.bubbleListItemContentStyle), placement === "right" ? styles == null ? void 0 : styles.bubbleListRightItemContentStyle : styles == null ? void 0 : styles.bubbleListLeftItemContentStyle)
+          }),
+          readonly: props.readonly,
+          onReply,
+          onDisLike,
+          onLike,
+          onCancelLike,
+          onAvatarClick,
+          onDoubleClick,
+          customConfig: bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.customConfig,
+          shouldShowCopy,
+          shouldShowVoice
+        }
+      );
+    });
+  }, [bubbleList, props.style]);
+  if (isLoading) {
+    return wrapSSR(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cx(prefixClass, `${prefixClass}-loading`, className, hashId),
+          ref: bubbleListRef,
+          style: {
+            padding: 24
+          }
+        },
+        /* @__PURE__ */ React.createElement(SkeletonList, null)
+      )
+    );
+  }
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cx(`${prefixClass}`, className, hashId, {
+          [`${prefixClass}-readonly`]: props.readonly,
+          [`${prefixClass}-compact`]: compact
+        }),
+        "data-chat-list": bubbleList.length,
+        style,
+        ref: bubbleListRef,
+        onScroll,
+        onWheel: (event) => onWheel == null ? void 0 : onWheel(event, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null),
+        onTouchMove: (event) => onTouchMove == null ? void 0 : onTouchMove(event, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null)
+      },
+      listDom
+    )
+  );
+};
+var PureBubbleList_default = PureBubbleList;
+export {
+  PureBubbleList,
+  PureBubbleList_default as default
+};

package/dist/Bubble/List/index.d.ts

@@ -1,3 +1,4 @@
+export { PureBubbleList } from './PureBubbleList';
 import { MutableRefObject } from 'react';
 import type { BubbleMetaData, BubbleProps, MessageBubbleData } from '../type';
 import React from 'react';

package/dist/Bubble/List/index.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Bubble/List/index.tsx
 import SkeletonList from "./SkeletonList";
+import { PureBubbleList } from "./PureBubbleList";
 import { useContext, useMemo } from "react";
 import { ConfigProvider } from "antd";
 import cx from "classnames";
@@ -131,5 +132,6 @@ var BubbleList = (props) => {
 var List_default = BubbleList;
 export {
   BubbleList,
+  PureBubbleList,
   List_default as default
 };

package/dist/Bubble/PureBubble.d.ts

@@ -0,0 +1,15 @@
+import { MutableRefObject } from 'react';
+import React from 'react';
+import type { BubbleProps } from './type';
+export declare const PureBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;
+export declare const PureAIBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;
+export declare const PureUserBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;

package/dist/Bubble/PureBubble.js

@@ -0,0 +1,350 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/Bubble/PureBubble.tsx
+import { memo, useContext } from "react";
+import { ConfigProvider, Flex } from "antd";
+import cx from "classnames";
+import React from "react";
+import { BaseMarkdownEditor } from "../MarkdownEditor/BaseMarkdownEditor";
+import { runRender } from "./AIBubble";
+import { BubbleAvatar } from "./Avatar";
+import { BubbleConfigContext } from "./BubbleConfigProvide";
+import { MessagesContext } from "./MessagesContent/BubbleContext";
+import { BubbleExtra } from "./MessagesContent/BubbleExtra";
+import { useStyle } from "./style";
+import { BubbleTitle } from "./Title";
+var PureBubble = memo((props) => {
+  var _a, _c, _d, _e, _f;
+  const {
+    onAvatarClick,
+    className,
+    style,
+    bubbleRenderConfig,
+    classNames,
+    styles,
+    originData
+  } = props;
+  const [hidePadding, setHidePadding] = React.useState(false);
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const context = useContext(BubbleConfigContext);
+  const { compact, standalone, locale } = context || {};
+  const prefixClass = getPrefixCls("agentic");
+  const { wrapSSR, hashId } = useStyle(prefixClass);
+  const placement = (_a = props.placement) != null ? _a : "left";
+  const isRightPlacement = placement === "right";
+  const time = (originData == null ? void 0 : originData.createAt) || props.time;
+  const avatar = (originData == null ? void 0 : originData.meta) || props.avatar;
+  const defaultMarkdown = typeof (originData == null ? void 0 : originData.content) === "string" ? originData.content : "";
+  const _b = props.markdownRenderConfig || {}, {
+    initValue: configInitValue,
+    readonly: configReadonly
+  } = _b, markdownConfig = __objRest(_b, [
+    "initValue",
+    "readonly"
+  ]);
+  const editorInitValue = configInitValue != null ? configInitValue : defaultMarkdown;
+  const editorReadonly = (_d = (_c = props.readonly) != null ? _c : configReadonly) != null ? _d : false;
+  const titleDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
+    props,
+    /* @__PURE__ */ React.createElement(
+      BubbleTitle,
+      {
+        bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
+        className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx(`${prefixClass}-bubble-title`),
+        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+        placement,
+        time
+      }
+    )
+  );
+  const avatarDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.avatarRender,
+    props,
+    /* @__PURE__ */ React.createElement(
+      BubbleAvatar,
+      {
+        className: classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
+        avatar: avatar == null ? void 0 : avatar.avatar,
+        background: avatar == null ? void 0 : avatar.backgroundColor,
+        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+        onClick: onAvatarClick,
+        prefixCls: `${prefixClass}-bubble-avatar`,
+        style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
+      }
+    )
+  );
+  const markdownEditorDom = /* @__PURE__ */ React.createElement(
+    BaseMarkdownEditor,
+    __spreadProps(__spreadValues({}, markdownConfig), {
+      initValue: editorInitValue,
+      readonly: editorReadonly
+    })
+  );
+  const contentBeforeDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
+    props,
+    null
+  );
+  const contentAfterDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
+    props,
+    null
+  );
+  const messageContent = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
+    props,
+    markdownEditorDom
+  );
+  const extraDom = (bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+    BubbleExtra,
+    {
+      pure: true,
+      style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+      readonly: props.readonly,
+      rightRender: (_e = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e.extraRightRender,
+      onReply: props.onReply,
+      onCancelLike: props.onCancelLike,
+      shouldShowCopy: props.shouldShowCopy,
+      useSpeech: props.useSpeech,
+      shouldShowVoice: props.shouldShowVoice,
+      onDisLike: props.onDisLike ? () => __async(void 0, null, function* () {
+        var _a2, _b2, _c2, _d2;
+        try {
+          yield (_a2 = props.onDisLike) == null ? void 0 : _a2.call(props, props.originData);
+          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
+            feedback: "thumbsDown"
+          });
+        } catch (error) {
+        }
+      }) : void 0,
+      bubble: props,
+      onLike: props.onLike ? () => __async(void 0, null, function* () {
+        var _a2, _b2, _c2, _d2;
+        try {
+          yield (_a2 = props.onLike) == null ? void 0 : _a2.call(props, props.originData);
+          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
+            feedback: "thumbsUp"
+          });
+        } catch (error) {
+        }
+      }) : void 0
+    }
+  );
+  const itemDom = wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      BubbleConfigContext.Provider,
+      {
+        value: {
+          compact,
+          standalone: !!standalone,
+          locale,
+          bubble: props
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        Flex,
+        {
+          className: cx(
+            hashId,
+            className,
+            `${prefixClass}-bubble`,
+            `${prefixClass}-bubble-${placement}`,
+            `${prefixClass}-bubble-pure`,
+            {
+              [`${prefixClass}-bubble-compact`]: compact
+            },
+            classNames == null ? void 0 : classNames.bubbleClassName
+          ),
+          style,
+          vertical: true,
+          id: props.id,
+          "data-id": props.id,
+          gap: 12
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style,
+            className: cx(
+              `${prefixClass}-bubble-container`,
+              `${prefixClass}-bubble-container-${placement}`,
+              {
+                [`${prefixClass}-bubble-container-pure`]: props.pure
+              },
+              hashId
+            )
+          },
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cx(
+                `${prefixClass}-bubble-avatar-title`,
+                `${prefixClass}-bubble-avatar-title-${placement}`,
+                `${prefixClass}-bubble-avatar-title-pure`,
+                classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+                hashId,
+                {
+                  [`${prefixClass}-bubble-avatar-title-compact`]: compact
+                }
+              )
+            },
+            isRightPlacement ? titleDom : avatarDom,
+            isRightPlacement ? avatarDom : titleDom
+          ),
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: __spreadValues({
+                display: "flex",
+                gap: 4,
+                flexDirection: "column",
+                alignItems: isRightPlacement ? "flex-end" : "flex-start"
+              }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
+              className: cx(
+                `${prefixClass}-bubble-content-wrapper`,
+                hashId,
+                classNames == null ? void 0 : classNames.bubbleContainerClassName
+              ),
+              "data-testid": "chat-message"
+            },
+            contentBeforeDom ? /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+                className: cx(
+                  `${prefixClass}-bubble-before`,
+                  `${prefixClass}-bubble-before-${placement}`,
+                  hashId
+                ),
+                "data-testid": "message-before"
+              },
+              contentBeforeDom
+            ) : null,
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: cx(
+                  `${prefixClass}-bubble-content`,
+                  `${prefixClass}-bubble-content-${placement}`,
+                  `${prefixClass}-bubble-content-pure`,
+                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
+                  hashId
+                ),
+                onDoubleClick: props.onDoubleClick,
+                "data-testid": "message-content"
+              },
+              messageContent
+            ),
+            contentAfterDom
+          )
+        )
+      )
+    )
+  );
+  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    MessagesContext.Provider,
+    {
+      value: {
+        message: props.originData,
+        hidePadding,
+        setHidePadding,
+        setMessage: (message) => {
+          var _a2, _b2, _c2;
+          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
+            _b2,
+            props.id,
+            message
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _f.call(
+      bubbleRenderConfig,
+      props,
+      {
+        avatar: avatarDom,
+        title: titleDom,
+        header: /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cx(
+              `${prefixClass}-bubble-avatar-title`,
+              `${prefixClass}-bubble-avatar-title-${placement}`,
+              `${prefixClass}-bubble-avatar-title-pure`,
+              classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+              hashId
+            )
+          },
+          isRightPlacement ? titleDom : avatarDom,
+          isRightPlacement ? avatarDom : titleDom
+        ),
+        extra: extraDom,
+        messageContent,
+        itemDom
+      },
+      itemDom
+    )) || itemDom)
+  );
+});
+var PureAIBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "left" })));
+var PureUserBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "right" })));
+export {
+  PureAIBubble,
+  PureBubble,
+  PureUserBubble
+};

package/dist/Bubble/index.d.ts

@@ -7,6 +7,8 @@
 export { AIBubble, runRender } from './AIBubble';
 export { Bubble } from './Bubble';
 export * from './BubbleConfigProvide';
+export { PureBubbleList } from './List/PureBubbleList';
+export { PureAIBubble, PureBubble, PureUserBubble } from './PureBubble';
 export * from './MessagesContent/BubbleContext';
 export * from './type';
 export { UserBubble } from './UserBubble';

package/dist/Bubble/index.js

@@ -2,12 +2,18 @@
 import { AIBubble, runRender } from "./AIBubble";
 import { Bubble } from "./Bubble";
 export * from "./BubbleConfigProvide";
+import { PureBubbleList } from "./List/PureBubbleList";
+import { PureAIBubble, PureBubble, PureUserBubble } from "./PureBubble";
 export * from "./MessagesContent/BubbleContext";
 export * from "./type";
 import { UserBubble } from "./UserBubble";
 export {
   AIBubble,
   Bubble,
+  PureAIBubble,
+  PureBubble,
+  PureBubbleList,
+  PureUserBubble,
   UserBubble,
   runRender
 };

package/dist/History/components/HistoryEmpty.js

@@ -24,9 +24,9 @@ var HistoryEmpty = () => {
       "div",
       {
         style: {
-          font: "var(--font-text-h5-base)",
-          color: "var(--color-gray-text-default)",
-          letterSpacing: "var(--letter-spacing-h5-base, normal)",
+          font: "var(--font-text-h6-base)",
+          color: "var(--color-gray-text-secondary)",
+          letterSpacing: "var(--letter-spacing-h6-base, normal)",
           marginBottom: 2
         }
       },

package/dist/History/components/LoadMoreComponent.js

@@ -57,8 +57,7 @@ var MoreTaskIcon = (props) => {
       {
         d: "M1.3333333730697632,5.333333373069763L1.3333333730697632,2.000000373069763C1.3333333730697632,1.6318103730697633,1.6318103730697633,1.3333333730697632,2.000000373069763,1.3333333730697632C2.3681933730697633,1.3333333730697632,2.6666633730697633,1.6318103730697633,2.6666633730697633,2.000000373069763L2.6666633730697633,3.723853373069763L3.035263373069763,3.3552533730697633Q5.115433373069763,1.344175573069763,7.997493373069763,1.3333333730697632Q10.761423373069762,1.3333286046997632,12.714033373069762,3.285953373069763Q14.666633373069763,5.238573373069763,14.666633373069763,7.999993373069763Q14.666633373069763,10.761423373069762,12.714033373069762,12.714033373069762Q10.761423373069762,14.666633373069763,7.999993373069763,14.666633373069763Q5.238573373069763,14.666633373069763,3.285953373069763,12.714033373069762Q1.3336035810697633,10.761683373069763,1.3333333730697632,8.000753373069763L1.3333333730697632,7.999993373069763C1.3333333730697632,7.631803373069763,1.6318103730697633,7.333333373069763,2.000000373069763,7.333333373069763C2.3681933730697633,7.333333373069763,2.6666633730697633,7.631803373069763,2.6666633730697633,7.999993373069763Q2.6666633730697633,10.209133373069763,4.228763373069763,11.771233373069764Q5.790863373069763,13.333333373069763,7.999993373069763,13.333333373069763Q10.209143373069763,13.333333373069763,11.771233373069764,11.771233373069764Q13.333333373069763,10.209133373069763,13.333333373069763,7.999993373069763Q13.333333373069763,5.790853373069763,11.771233373069764,4.228763373069763Q10.209143373069763,2.6666633730697633,8.002513373069764,2.6666533730697632Q5.656643373069763,2.6754833730697634,3.9780733730697633,4.298063373069763L3.609473373069763,4.666663373069763L5.333333373069763,4.666663373069763C5.701523373069763,4.666663373069763,6.000003373069763,4.965143373069763,6.000003373069763,5.333333373069763C6.000003373069763,5.701523373069763,5.701523373069763,6.000003373069763,5.333333373069763,6.000003373069763L2.000000373069763,5.999993373069763C1.9079523730697632,5.999993373069763,1.8202613730697632,5.981343373069763,1.7405023730697633,5.9476033730697635C1.6514743730697632,5.909953373069763,1.5723283730697633,5.853503373069763,1.508035373069763,5.783243373069763C1.3995321730697632,5.6646633730697635,1.3333333730697632,5.506723373069764,1.3333333730697632,5.333333373069763ZM7.333333373069763,4.666663373069763C7.333333373069763,4.298473373069763,7.631813373069763,4.000003373069763,8.000003373069763,4.000003373069763C8.368193373069763,4.000003373069763,8.666663373069763,4.298473373069763,8.666663373069763,4.666663373069763L8.666663373069763,7.587973373069763L10.964813373069763,8.737053373069763C11.190663373069762,8.849973373069762,11.333333373069763,9.080823373069762,11.333333373069763,9.333333373069763C11.333333373069763,9.701523373069763,11.034853373069764,10.000003373069763,10.666663373069763,10.000003373069763C10.563173373069763,10.000003373069763,10.461093373069764,9.975903373069762,10.368523373069763,9.929613373069763L7.701853373069763,8.596283373069763C7.476003373069763,8.483353373069763,7.333333373069763,8.252513373069764,7.333333373069763,8.000003373069763L7.333333373069763,4.666663373069763Z",
         fillRule: "evenodd",
-        fill: "currentColor",
-        fillOpacity: "0.41999998688697815"
+        fill: "currentColor"
       }
     )))
   );
@@ -103,7 +102,12 @@ var HistoryLoadMore = ({
       onClick: onClickFn,
       onKeyDown: handleKeyDown
     },
-    type === "task" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(EllipsisOutlined, null)), (locale == null ? void 0 : locale["task.history.loadMore"]) || "查看更多历史") : /* @__PURE__ */ React.createElement(React.Fragment, null, loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(MoreTaskIcon, null), (locale == null ? void 0 : locale["chat.history.loadMore"]) || "查看更多")
+    type === "task" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(
+      EllipsisOutlined,
+      {
+        style: { color: "var(--color-gray-text-secondary)" }
+      }
+    )), (locale == null ? void 0 : locale["task.history.loadMore"]) || "查看更多历史") : /* @__PURE__ */ React.createElement(React.Fragment, null, loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(MoreTaskIcon, null), (locale == null ? void 0 : locale["chat.history.loadMore"]) || "查看更多")
   ));
 };
 export {

package/dist/History/components/SearchComponent.js

@@ -59,8 +59,7 @@ function SearchIcon(props) {
       {
         d: "M9.693555458984376,10.518662270507813C8.795425458984376,11.237102270507812,7.656175458984375,11.666702270507812,6.416595458984375,11.666702270507812C3.517095458984375,11.666702270507812,1.166595458984375,9.316202270507812,1.166595458984375,6.4167022705078125C1.166595458984375,3.5172022705078123,3.517095458984375,1.1667022705078125,6.416595458984375,1.1667022705078125C9.316095458984375,1.1667022705078125,11.666595458984375,3.5172022705078123,11.666595458984375,6.4167022705078125C11.666595458984375,7.656302270507813,11.236995458984374,8.795562270507812,10.518515458984375,9.693702270507812L12.662395458984374,11.837602270507812C12.771795458984375,11.947002270507813,12.833195458984376,12.095302270507812,12.833195458984376,12.250002270507812C12.833195458984376,12.572202270507812,12.572095458984375,12.833402270507813,12.249895458984374,12.833402270507813C12.095195458984374,12.833402270507813,11.946795458984376,12.771902270507812,11.837395458984375,12.662502270507812L9.693555458984376,10.518662270507813ZM10.499925458984375,6.4167022705078125C10.499925458984375,4.1615422705078124,8.671755458984375,2.3333722705078124,6.416595458984375,2.3333722705078124C4.161435458984375,2.3333722705078124,2.333265458984375,4.1615422705078124,2.333265458984375,6.4167022705078125C2.333265458984375,8.671862270507813,4.161435458984375,10.500032270507813,6.416595458984375,10.500032270507813C8.671755458984375,10.500032270507813,10.499925458984375,8.671862270507813,10.499925458984375,6.4167022705078125Z",
         fillRule: "evenodd",
-        fill: "currentColor",
-        fillOpacity: "0.3199999928474426"
+        fill: "currentColor"
       }
     )))
   );
@@ -145,6 +144,10 @@ var HistorySearch = ({
           height: 32,
           background: "var(--color-gray-bg-card-light)"
         },
+        onClear: () => {
+          setInputValue("");
+          handleSearchWithLoading("");
+        },
         allowClear: true,
         variant: "filled",
         autoFocus: true
@@ -167,19 +170,11 @@ var HistorySearch = ({
         title: (locale == null ? void 0 : locale["chat.history.search"]) || "搜索",
         style: {
           width: 28,
-          height: 28
+          height: 28,
+          color: "var(--color-gray-text-secondary)"
         }
       },
-      /* @__PURE__ */ React.createElement(
-        SearchIcon,
-        {
-          style: {
-            width: 14,
-            height: 14,
-            color: "var(--color-gray-text-secondary)"
-          }
-        }
-      )
+      /* @__PURE__ */ React.createElement(SearchIcon, null)
     ))
   );
 };