@ant-design/agentic-ui 2.0.17 → 2.0.20

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -63,8 +63,6 @@ import React, {
   useRef,
   useState
 } from "react";
-import { Editor, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import {
   BaseMarkdownEditor
@@ -98,7 +96,7 @@ var MarkdownInputField = (_a) => {
     "onFocus",
     "isShowTopOperatingArea"
   ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const baseCls = getPrefixCls("agentic-md-input-field");
   const { wrapSSR, hashId } = useStyle(baseCls);
@@ -318,30 +316,6 @@ var MarkdownInputField = (_a) => {
       }
     }
   );
-  const handleContainerClick = useRefFunction(
-    (e) => {
-      var _a3, _b3, _c2, _d2;
-      if ((_a3 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _a3.store.inputComposition)
-        return;
-      if (props.disabled)
-        return;
-      if ((_b3 = actionsRef.current) == null ? void 0 : _b3.contains(e.target))
-        return;
-      if ((_c2 = quickActionsRef.current) == null ? void 0 : _c2.contains(e.target))
-        return;
-      const editor = (_d2 = markdownEditorRef.current) == null ? void 0 : _d2.markdownEditorRef.current;
-      if (!editor)
-        return;
-      if (ReactEditor.isFocused(editor))
-        return;
-      ReactEditor.focus(editor);
-      Transforms.move(editor, { distance: 1, unit: "offset" });
-      Transforms.select(editor, {
-        anchor: Editor.end(editor, []),
-        focus: Editor.end(editor, [])
-      });
-    }
-  );
   const sendActionsNode = /* @__PURE__ */ React.createElement(
     SendActions,
     {
@@ -404,17 +378,15 @@ var MarkdownInputField = (_a) => {
             [`${baseCls}-enlarged`]: isEnlarged
           }),
           style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
-            minHeight: `${collapsedHeight}px`,
-            height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `max(${collapsedHeight}px,100%)`,
+            height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `min(${collapsedHeightPx}px,100%)`,
             borderRadius: borderRadius || 16,
-            maxHeight: isEnlarged ? "none" : `max(${collapsedHeightPx}px,100%)`,
+            maxHeight: isEnlarged ? "none" : `min(${collapsedHeightPx}px,100%)`,
             transition: "height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s"
           }),
           tabIndex: 1,
           onMouseEnter: () => setHover(true),
           onMouseLeave: () => setHover(false),
-          onKeyDown: handleKeyDown,
-          onClick: handleContainerClick
+          onKeyDown: handleKeyDown
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -423,7 +395,7 @@ var MarkdownInputField = (_a) => {
               [`${baseCls}-hover`]: isHover
             }),
             style: {
-              minHeight: ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
+              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
               height: "100%",
               width: "100%"
             }
@@ -434,170 +406,180 @@ var MarkdownInputField = (_a) => {
           {
             className: classNames(`${baseCls}-border-wrapper`, hashId),
             style: {
-              height: isEnlarged ? "100%" : "auto",
-              maxHeight: isEnlarged ? "100%" : "auto",
+              height: isEnlarged ? "100%" : "100%",
+              maxHeight: isEnlarged ? "100%" : "100%",
               borderRadius: (borderRadius || 16) - 2 || 10,
               cursor: isLoading || props.disabled ? "not-allowed" : "auto",
               opacity: props.disabled ? 0.5 : 1,
-              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : void 0
+              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_m = props.style) == null ? void 0 : _m.minHeight) || 0
             }
           },
-          /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-content-wrapper`, hashId) }, /* @__PURE__ */ React.createElement(
+          /* @__PURE__ */ React.createElement(
             "div",
             {
+              className: classNames(`${baseCls}-content-wrapper`, hashId),
               style: {
-                display: "flex",
-                flexDirection: "column",
-                borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
-                borderTopRightRadius: (borderRadius || 16) - 2 || 10,
-                maxHeight: isEnlarged ? "none" : (() => {
-                  var _a3, _b3;
-                  const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
-                  const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
-                  const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
-                  return `min(${base + extra}px)`;
-                })(),
-                height: isEnlarged ? "100%" : "auto",
-                flex: 1
-              },
-              className: classNames(`${baseCls}-editor`, hashId, {
-                [`${baseCls}-editor-hover`]: isHover,
-                [`${baseCls}-editor-disabled`]: props.disabled
-              })
-            },
-            /* @__PURE__ */ React.createElement(
-              SkillModeBar,
-              {
-                skillMode: props.skillMode,
-                onSkillModeOpenChange: props.onSkillModeOpenChange
+                minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_n = props.style) == null ? void 0 : _n.minHeight) || 0
               }
-            ),
+            },
             /* @__PURE__ */ React.createElement(
               "div",
               {
-                className: classNames(`${baseCls}-editor-content`, hashId)
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
+                  borderTopRightRadius: (borderRadius || 16) - 2 || 10,
+                  maxHeight: isEnlarged ? "none" : (() => {
+                    var _a3, _b3;
+                    const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
+                    const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
+                    const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
+                    return `min(${base + extra}px)`;
+                  })(),
+                  height: isEnlarged ? "100%" : "auto",
+                  flex: 1
+                },
+                className: classNames(`${baseCls}-editor`, hashId, {
+                  [`${baseCls}-editor-hover`]: isHover,
+                  [`${baseCls}-editor-disabled`]: props.disabled
+                })
               },
-              attachmentList,
               /* @__PURE__ */ React.createElement(
-                BaseMarkdownEditor,
-                __spreadValues({
-                  editorRef: markdownEditorRef,
-                  leafRender: props.leafRender,
-                  style: {
-                    width: "100%",
-                    flex: 1,
-                    padding: 0,
-                    paddingRight: computedRightPadding
-                  },
-                  toolBar: {
-                    enable: false
-                  },
-                  floatBar: {
-                    enable: false
-                  },
-                  readonly: isLoading,
-                  contentStyle: {
-                    padding: "var(--padding-card-base)"
-                  },
-                  textAreaProps: {
-                    enable: true,
-                    placeholder: props.placeholder,
-                    triggerSendKey: props.triggerSendKey || "Enter"
-                  },
-                  tagInputProps: __spreadValues({
-                    enable: true,
-                    type: "dropdown"
-                  }, tagInputProps),
-                  initValue: props.value,
-                  onChange: (value2) => {
-                    var _a3;
-                    setValue(value2);
-                    (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
-                  },
-                  onFocus: (value2, schema, e) => {
-                    onFocus == null ? void 0 : onFocus(value2, schema, e);
-                    activeInput(true);
-                  },
-                  onBlur: (value2, schema, e) => {
-                    onBlur == null ? void 0 : onBlur(value2, schema, e);
-                    activeInput(false);
-                  },
-                  onPaste: (e) => {
-                    handlePaste(e);
-                  },
-                  titlePlaceholderContent: props.placeholder,
-                  toc: false,
-                  pasteConfig: props.pasteConfig
-                }, markdownProps)
+                SkillModeBar,
+                {
+                  skillMode: props.skillMode,
+                  onSkillModeOpenChange: props.onSkillModeOpenChange
+                }
+              ),
+              /* @__PURE__ */ React.createElement(
+                "div",
+                {
+                  className: classNames(`${baseCls}-editor-content`, hashId)
+                },
+                attachmentList,
+                /* @__PURE__ */ React.createElement(
+                  BaseMarkdownEditor,
+                  __spreadValues({
+                    editorRef: markdownEditorRef,
+                    leafRender: props.leafRender,
+                    style: {
+                      width: "100%",
+                      flex: 1,
+                      padding: 0,
+                      paddingRight: computedRightPadding
+                    },
+                    toolBar: {
+                      enable: false
+                    },
+                    floatBar: {
+                      enable: false
+                    },
+                    readonly: isLoading,
+                    contentStyle: {
+                      padding: "var(--padding-3x)"
+                    },
+                    textAreaProps: {
+                      enable: true,
+                      placeholder: props.placeholder,
+                      triggerSendKey: props.triggerSendKey || "Enter"
+                    },
+                    tagInputProps: __spreadValues({
+                      enable: true,
+                      type: "dropdown"
+                    }, tagInputProps),
+                    initValue: props.value,
+                    onChange: (value2) => {
+                      var _a3;
+                      setValue(value2);
+                      (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
+                    },
+                    onFocus: (value2, schema, e) => {
+                      onFocus == null ? void 0 : onFocus(value2, schema, e);
+                      activeInput(true);
+                    },
+                    onBlur: (value2, schema, e) => {
+                      onBlur == null ? void 0 : onBlur(value2, schema, e);
+                      activeInput(false);
+                    },
+                    onPaste: (e) => {
+                      handlePaste(e);
+                    },
+                    titlePlaceholderContent: props.placeholder,
+                    toc: false,
+                    pasteConfig: props.pasteConfig
+                  }, markdownProps)
+                )
               )
-            )
-          ), props.toolsRender ? /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                backgroundColor: "#fff",
-                display: "flex",
-                boxSizing: "border-box",
-                borderBottomLeftRadius: (borderRadius || 16) - 2 || 10,
-                borderBottomRightRadius: (borderRadius || 16) - 2 || 10,
-                flexDirection: "row",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 8,
-                width: "100%",
-                paddingRight: "var(--padding-card-base)",
-                paddingLeft: "var(--padding-card-base)",
-                paddingBottom: "var(--padding-card-base)"
-              }
-            },
-            /* @__PURE__ */ React.createElement(
+            ),
+            props.toolsRender ? /* @__PURE__ */ React.createElement(
               "div",
               {
-                ref: actionsRef,
-                contentEditable: false,
-                className: classNames(`${baseCls}-send-tools`, hashId)
+                style: {
+                  backgroundColor: "#fff",
+                  display: "flex",
+                  boxSizing: "border-box",
+                  borderRadius: "inherit",
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  gap: 8,
+                  width: "100%",
+                  paddingRight: "var(--padding-3x)",
+                  paddingLeft: "var(--padding-3x)",
+                  paddingBottom: "var(--padding-3x)"
+                }
               },
-              props.toolsRender(__spreadProps(__spreadValues({
+              /* @__PURE__ */ React.createElement(
+                "div",
+                {
+                  ref: actionsRef,
+                  contentEditable: false,
+                  className: classNames(`${baseCls}-send-tools`, hashId)
+                },
+                props.toolsRender(__spreadProps(__spreadValues({
+                  value,
+                  fileMap,
+                  onFileMapChange: setFileMap
+                }, props), {
+                  isHover,
+                  isLoading,
+                  fileUploadStatus: fileUploadDone ? "done" : "uploading"
+                }))
+              ),
+              sendActionsNode
+            ) : sendActionsNode,
+            (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
+              QuickActions,
+              {
+                ref: quickActionsRef,
                 value,
                 fileMap,
-                onFileMapChange: setFileMap
-              }, props), {
+                onFileMapChange: setFileMap,
                 isHover,
                 isLoading,
-                fileUploadStatus: fileUploadDone ? "done" : "uploading"
-              }))
-            ),
-            sendActionsNode
-          ) : sendActionsNode, (props == null ? void 0 : props.quickActionRender) || ((_m = props.refinePrompt) == null ? void 0 : _m.enable) ? /* @__PURE__ */ React.createElement(
-            QuickActions,
-            {
-              ref: quickActionsRef,
-              value,
-              fileMap,
-              onFileMapChange: setFileMap,
-              isHover,
-              isLoading,
-              disabled: props.disabled,
-              fileUploadStatus: fileUploadDone ? "done" : "uploading",
-              refinePrompt: props.refinePrompt,
-              editorRef: markdownEditorRef,
-              onValueChange: (text) => {
-                var _a3;
-                setValue(text);
-                (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
-              },
-              quickActionRender: props.quickActionRender,
-              prefixCls: baseCls,
-              hashId,
-              enlargeable: !!((_n = props.enlargeable) == null ? void 0 : _n.enable),
-              isEnlarged,
-              onEnlargeClick: handleEnlargeClick,
-              onResize: (width, rightOffset) => {
-                setTopRightPadding(width);
-                setQuickRightOffset(rightOffset);
+                disabled: props.disabled,
+                fileUploadStatus: fileUploadDone ? "done" : "uploading",
+                refinePrompt: props.refinePrompt,
+                editorRef: markdownEditorRef,
+                onValueChange: (text) => {
+                  var _a3;
+                  setValue(text);
+                  (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
+                },
+                quickActionRender: props.quickActionRender,
+                prefixCls: baseCls,
+                hashId,
+                enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
+                isEnlarged,
+                onEnlargeClick: handleEnlargeClick,
+                onResize: (width, rightOffset) => {
+                  setTopRightPadding(width);
+                  setQuickRightOffset(rightOffset);
+                }
               }
-            }
-          ) : null)
+            ) : null
+          )
         )
       )
     ))

package/dist/MarkdownInputField/QuickActions/index.js

@@ -90,6 +90,12 @@ var QuickActions = React.forwardRef(
         "div",
         {
           ref,
+          onBlur: (e) => {
+            e.stopPropagation();
+          },
+          onFocus: (e) => {
+            e.stopPropagation();
+          },
           contentEditable: false,
           onClick: (e) => {
             e.stopPropagation();

package/dist/MarkdownInputField/VoiceInput/index.js

@@ -60,7 +60,8 @@ var VoiceInputButton = (props) => {
     /* @__PURE__ */ React.createElement(
       Tooltip,
       {
-        mouseEnterDelay: 0.3,
+        mouseEnterDelay: 2,
+        arrow: false,
         title: recording ? (locale == null ? void 0 : locale["input.voiceInputting"]) || "语音输入中，点击可停止。" : (locale == null ? void 0 : locale["input.voiceInput"]) || "语音输入"
       },
       /* @__PURE__ */ React.createElement(

package/dist/MarkdownInputField/style.js

@@ -156,16 +156,10 @@ var genStyle = (token) => {
         // 限定绘制范围，降低重绘影响
         contain: "paint"
       },
-      "&:focus": {
-        boxShadow: "none",
-        [`${token.componentCls}-background`]: {
-          opacity: 1
-        }
-      },
       "&-border-wrapper": {
         width: "100%",
-        border: "2px solid transparent",
         zIndex: 9,
+        height: "100%",
         boxSizing: "border-box"
       },
       "&-content-wrapper": {
@@ -178,6 +172,7 @@ var genStyle = (token) => {
       },
       "&-editor": {
         boxSizing: "border-box",
+        borderRadius: "inherit",
         backgroundColor: "var(--color-gray-bg-card-white)",
         width: "100%",
         zIndex: 9,
@@ -198,6 +193,7 @@ var genStyle = (token) => {
       "&-editor-content": {
         overflowY: "auto",
         maxHeight: "inherit",
+        borderRadius: "inherit",
         scrollbarColor: "var(--color-gray-text-tertiary) transparent",
         scrollbarWidth: "thin"
       },
@@ -217,10 +213,10 @@ var genStyle = (token) => {
       "&-send-actions": {
         position: "absolute",
         userSelect: "none",
-        right: 4,
+        right: 12,
         boxSizing: "border-box",
         zIndex: 99,
-        bottom: 8,
+        bottom: 12,
         display: "flex",
         gap: "8px",
         alignItems: "center",

package/dist/WelcomeMessage/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+import { TextAnimateProps } from '../Components/TextAnimate';
+import { TypingAnimationProps } from '../Components/TypingAnimation';
+export type WelcomeMessageTitleAnimateProps = Pick<TextAnimateProps, 'delay' | 'duration' | 'variants' | 'by' | 'startOnView' | 'once' | 'animation'>;
+export type WelcomeMessageDescriptionAnimateProps = Pick<TypingAnimationProps, 'duration' | 'typeSpeed' | 'deleteSpeed' | 'delay' | 'pauseDelay' | 'loop' | 'startOnView' | 'showCursor' | 'blinkCursor' | 'cursorStyle'>;
 /**
  * WelcomeMessage 组件的属性接口
  * @interface WelcomeMessageProps
@@ -7,12 +11,16 @@ export interface WelcomeMessageProps {
     /** 标题 */
     title?: React.ReactNode;
     /** 描述 */
-    description?: React.ReactNode;
+    description?: string;
     /** 自定义样式类名，用于各个提示项的不同部分 */
     classNames?: {
         title?: string;
         description?: string;
     };
+    /** 标题动画属性 */
+    titleAnimateProps?: WelcomeMessageTitleAnimateProps;
+    /** 描述动画属性 */
+    descriptionAnimateProps?: WelcomeMessageDescriptionAnimateProps;
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义根节点样式类名 */
@@ -28,10 +36,12 @@ export interface WelcomeMessageProps {
  * @description 欢迎消息组件，用于显示聊天开始时的欢迎信息
  * @param {WelcomeMessageProps} props - 组件属性
  * @param {React.ReactNode} [props.title] - 欢迎标题
- * @param {React.ReactNode} [props.description] - 欢迎描述
+ * @param {string} [props.description] - 欢迎描述
  * @param {Object} [props.classNames] - 自定义样式类名
  * @param {string} [props.classNames.title] - 标题样式类名
  * @param {string} [props.classNames.description] - 描述样式类名
+ * @param {WelcomeMessageTitleAnimateProps} [props.titleAnimateProps] - 标题动画属性
+ * @param {WelcomeMessageDescriptionAnimateProps} [props.descriptionAnimateProps] - 描述动画属性
  * @param {React.CSSProperties} [props.style] - 自定义样式
  * @param {string} [props.rootClassName] - 根节点样式类名
  *

package/dist/WelcomeMessage/index.js

@@ -1,12 +1,38 @@
+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/WelcomeMessage/index.tsx
 import { ConfigProvider } from "antd";
 import classnames from "classnames";
 import React, { useContext } from "react";
+import { TextAnimate } from "../Components/TextAnimate";
+import {
+  TypingAnimation
+} from "../Components/TypingAnimation";
 import { useStyle } from "./style";
 var WelcomeMessage = ({
   title,
   description,
   classNames,
+  titleAnimateProps,
+  descriptionAnimateProps,
   style,
   rootClassName
 }) => {
@@ -14,14 +40,24 @@ var WelcomeMessage = ({
   const prefixCls = getPrefixCls("agentic-welcome");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement("div", { className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title) }, title), description && /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement(
+      TextAnimate,
+      __spreadProps(__spreadValues({
+        once: true
+      }, titleAnimateProps), {
+        as: "div",
+        className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title)
+      }),
+      title
+    ), description && /* @__PURE__ */ React.createElement(
+      TypingAnimation,
+      __spreadProps(__spreadValues({}, descriptionAnimateProps), {
+        as: "div",
         className: classnames(
           `${prefixCls}-description`,
           classNames == null ? void 0 : classNames.description
         )
-      },
+      }),
       description
     ))
   );

package/dist/WelcomeMessage/style.js

@@ -33,6 +33,7 @@ var genStyle = (token) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        flexWrap: "wrap",
         gap: 12,
         color: "var(--color-gray-text-default)",
         font: "var(--font-text-h2-base)",

package/dist/Workspace/File/FileComponent.js

@@ -493,6 +493,7 @@ var FileComponent = ({
   const nodeIdCacheRef = useRef(
     /* @__PURE__ */ new WeakMap()
   );
+  const safeNodes = nodes || [];
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const { locale } = useContext(I18nContext);
   const prefixCls = getPrefixCls("workspace-file");
@@ -521,6 +522,28 @@ var FileComponent = ({
       handleBackToList();
     }
   }, [resetKey]);
+  useEffect(() => {
+    if (!previewFile)
+      return;
+    const findUpdatedFile = (nodesList) => {
+      for (const node of nodesList) {
+        if ("children" in node) {
+          const found = findUpdatedFile(node.children);
+          if (found)
+            return found;
+        } else {
+          if (node.id && node.id === previewFile.id || node.name === previewFile.name && node.type === previewFile.type) {
+            return node;
+          }
+        }
+      }
+      return null;
+    };
+    const updatedFile = findUpdatedFile(safeNodes);
+    if (updatedFile) {
+      setPreviewFile(updatedFile);
+    }
+  }, [nodes]);
   const handleToggleGroup = (groupId, type, collapsed) => {
     setCollapsedGroups((prev) => __spreadProps(__spreadValues({}, prev), {
       [groupId]: collapsed
@@ -627,7 +650,6 @@ var FileComponent = ({
       actionRef.current = null;
     };
   }, [actionRef, handlePreview, handleBackToList]);
-  const safeNodes = nodes || [];
   const hasKeyword = Boolean((keyword != null ? keyword : "").trim());
   const renderSearchInput = () => {
     if (!showSearch)

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './Components/ActionIconBox';
 export * from './Components/Button';
 export * from './Components/LayoutHeader';
 export * from './Components/Loading';
+export * from './Components/lotties';
 export * from './Components/SuggestionList';
 export * from './Components/VisualList';
 export * from './Hooks/useAutoScroll';
@@ -76,6 +77,9 @@ export * from './MarkdownInputField/VoiceInput';
 export * from './Schema/SchemaRenderer/templateEngine';
 export * from './Schema/validator';
 export * from './Utils/proxySandbox';
+export * from './Components/GradientText';
+export * from './Components/TextAnimate';
+export * from './Components/TypingAnimation';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList';
 export * from './MarkdownInputField/AttachmentButton/utils';