@ant-design/agentic-ui 2.1.0 → 2.3.0

package/dist/History/components/HistoryList.d.ts

@@ -54,6 +54,7 @@ export declare const generateHistoryItems: ({ filteredList, selectedIds, onSelec
     children: {
         key: string;
         type: "item";
+        onClick: () => void;
         label: React.JSX.Element;
     }[];
 }[];

package/dist/History/components/HistoryList.js

@@ -61,6 +61,12 @@ var generateHistoryItems = ({
         return {
           key: item.sessionId || `item-${item.id}`,
           type: "item",
+          onClick: () => {
+            if (!item.sessionId) {
+              return;
+            }
+            onClick(item.sessionId, item);
+          },
           label: /* @__PURE__ */ React.createElement(
             HistoryItem,
             {

package/dist/History/components/SearchComponent.js

@@ -78,7 +78,9 @@ var HistorySearch = ({
   const ref = useRef(null);
   const trigger = (searchOptions == null ? void 0 : searchOptions.trigger) || "change";
   useClickAway(() => {
-    setIsExpanded(false);
+    if (!inputValue) {
+      setIsExpanded(false);
+    }
   }, ref);
   const handleSearchWithLoading = (value) => __async(void 0, null, function* () {
     try {
@@ -121,16 +123,20 @@ var HistorySearch = ({
         justifyContent: "space-between",
         height: 32,
         // 固定高度为32px
-        padding: isExpanded ? 0 : "0 6px 0 12px",
+        padding: isExpanded ? 0 : "0 6px 0 12px"
         // 输入框状态下移除padding
-        marginBottom: 4
       }
     },
     isExpanded ? /* @__PURE__ */ React.createElement(
       Input,
       {
         placeholder: (_a = searchOptions == null ? void 0 : searchOptions.placeholder) != null ? _a : type === "task" ? (locale == null ? void 0 : locale["chat.task.search.placeholder"]) || "搜索任务" : (locale == null ? void 0 : locale["chat.history.search.placeholder"]) || "搜索话题",
-        prefix: loading ? /* @__PURE__ */ React.createElement(Spin, { size: "small" }) : /* @__PURE__ */ React.createElement(SearchIcon, null),
+        prefix: loading ? /* @__PURE__ */ React.createElement(Spin, { size: "small" }) : /* @__PURE__ */ React.createElement(
+          SearchIcon,
+          {
+            style: { color: "var(--color-gray-text-secondary)" }
+          }
+        ),
         value: inputValue,
         onChange: handleInputChange,
         onKeyDown: handleKeyDown,

package/dist/History/components/index.d.ts

@@ -2,6 +2,7 @@ export { HistoryActionsBox } from './HistoryActionsBox';
 export { HistoryItem } from './HistoryItem';
 export { generateHistoryItems } from './HistoryList';
 export { HistoryRunningIcon, HistoryRunningIconContainer, type HistoryRunningIconContainerProps, type HistoryRunningIconProps, } from './HistoryRunningIcon';
+export { HistoryEmpty } from './HistoryEmpty';
 export { HistoryLoadMore } from './LoadMoreComponent';
 export { HistoryNewChat } from './NewChatComponent';
 export { HistorySearch } from './SearchComponent';

package/dist/History/components/index.js

@@ -6,11 +6,13 @@ import {
   HistoryRunningIcon,
   HistoryRunningIconContainer
 } from "./HistoryRunningIcon";
+import { HistoryEmpty } from "./HistoryEmpty";
 import { HistoryLoadMore } from "./LoadMoreComponent";
 import { HistoryNewChat } from "./NewChatComponent";
 import { HistorySearch } from "./SearchComponent";
 export {
   HistoryActionsBox,
+  HistoryEmpty,
   HistoryItem,
   HistoryLoadMore,
   HistoryNewChat,

package/dist/History/index.js

@@ -20,13 +20,14 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/History/index.tsx
-import { History as HistoryIcon } from "@sofa-design/icons";
+import { HistoryOutlined } from "@ant-design/icons";
 import { ConfigProvider, Popover } from "antd";
 import classNames from "classnames";
 import React, { useContext, useRef } from "react";
 import useClickAway from "../Hooks/useClickAway";
 import { ActionIconBox, BubbleConfigContext } from "../index";
 import {
+  HistoryEmpty,
   HistoryLoadMore,
   HistoryNewChat,
   HistorySearch,
@@ -70,7 +71,7 @@ var History = (props) => {
     onClick: (sessionId, item) => {
       var _a2, _b2;
       (_a2 = props.onClick) == null ? void 0 : _a2.call(props, sessionId, item);
-      (_b2 = props.onSelected) == null ? void 0 : _b2.call(props, sessionId);
+      (_b2 = props.onSelected) == null ? void 0 : _b2.call(props, item);
       setOpen(false);
     },
     groupLabelRender: props.groupLabelRender,
@@ -98,11 +99,11 @@ var History = (props) => {
           style: {
             display: "flex",
             flexDirection: "column",
-            gap: 12
+            height: "100%"
           }
         },
-        ((_b = props.agent) == null ? void 0 : _b.enabled) && !!((_c = props.agent) == null ? void 0 : _c.onNewChat) && /* @__PURE__ */ React.createElement(HistoryNewChat, { onNewChat: handleNewChat }),
-        ((_d = props.agent) == null ? void 0 : _d.enabled) && !!((_e = props.agent) == null ? void 0 : _e.onSearch) && /* @__PURE__ */ React.createElement(
+        ((_b = props.agent) == null ? void 0 : _b.enabled) && !!((_c = props.agent) == null ? void 0 : _c.onNewChat) && /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, marginBottom: 12 } }, /* @__PURE__ */ React.createElement(HistoryNewChat, { onNewChat: handleNewChat })),
+        ((_d = props.agent) == null ? void 0 : _d.enabled) && !!((_e = props.agent) == null ? void 0 : _e.onSearch) && /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ React.createElement(
           HistorySearch,
           {
             searchKeyword,
@@ -110,27 +111,38 @@ var History = (props) => {
             type: props.type,
             searchOptions: (_f = props.agent) == null ? void 0 : _f.searchOptions
           }
-        ),
-        (_h = (_g = props.slots) == null ? void 0 : _g.beforeHistoryList) == null ? void 0 : _h.call(_g, filteredList),
-        (items == null ? void 0 : items.length) === 0 && !props.loading && (props == null ? void 0 : props.emptyRender) ? props.emptyRender() : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          GroupMenu,
+        )),
+        /* @__PURE__ */ React.createElement(
+          "div",
           {
-            selectedKeys: [props.sessionId],
-            inlineIndent: 20,
-            items,
-            className: menuPrefixCls,
-            loading: props.loading
-          }
-        ), ((_i = props.agent) == null ? void 0 : _i.enabled) && !!((_j = props.agent) == null ? void 0 : _j.onLoadMore) && /* @__PURE__ */ React.createElement(
-          HistoryLoadMore,
-          {
-            onLoadMore: handleLoadMore,
-            type: props.type,
-            className: classNames(`${menuPrefixCls}-load-more`, hashId, {
-              chat: props.type !== "task"
-            })
-          }
-        ))
+            className: classNames(`${menuPrefixCls}-scroll-container`, hashId),
+            style: {
+              flex: 1,
+              overflow: "auto",
+              minHeight: 0
+            }
+          },
+          (_h = (_g = props.slots) == null ? void 0 : _g.beforeHistoryList) == null ? void 0 : _h.call(_g, filteredList),
+          (items == null ? void 0 : items.length) === 0 && !props.loading ? props.emptyRender ? props.emptyRender() : /* @__PURE__ */ React.createElement(HistoryEmpty, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+            GroupMenu,
+            {
+              selectedKeys: [props.sessionId],
+              inlineIndent: 20,
+              items,
+              className: menuPrefixCls,
+              loading: props.loading
+            }
+          ), ((_i = props.agent) == null ? void 0 : _i.enabled) && !!((_j = props.agent) == null ? void 0 : _j.onLoadMore) && /* @__PURE__ */ React.createElement(
+            HistoryLoadMore,
+            {
+              onLoadMore: handleLoadMore,
+              type: props.type,
+              className: classNames(`${menuPrefixCls}-load-more`, hashId, {
+                chat: props.type !== "task"
+              })
+            }
+          ))
+        )
       )
     );
   }
@@ -149,7 +161,7 @@ var History = (props) => {
         border: "1px solid var(--color-gray-border-light)"
       },
       getPopupContainer: (p) => p.parentElement || document.body,
-      content: /* @__PURE__ */ React.createElement(React.Fragment, null, (items == null ? void 0 : items.length) === 0 && !(props == null ? void 0 : props.loading) && (props == null ? void 0 : props.emptyRender) ? /* @__PURE__ */ React.createElement("div", { "data-testid": "empty-state-popover" }, props.emptyRender()) : /* @__PURE__ */ React.createElement(
+      content: /* @__PURE__ */ React.createElement(React.Fragment, null, (items == null ? void 0 : items.length) === 0 && !(props == null ? void 0 : props.loading) ? /* @__PURE__ */ React.createElement("div", { "data-testid": "empty-state-popover" }, props.emptyRender ? props.emptyRender() : /* @__PURE__ */ React.createElement(HistoryEmpty, null)) : /* @__PURE__ */ React.createElement(
         GroupMenu,
         {
           selectedKeys: [props.sessionId],
@@ -187,7 +199,7 @@ var History = (props) => {
           key: "history",
           title: (locale == null ? void 0 : locale["chat.history"]) || "历史记录"
         },
-        /* @__PURE__ */ React.createElement(HistoryIcon, null)
+        /* @__PURE__ */ React.createElement(HistoryOutlined, null)
       )
     )
   );

package/dist/History/style.js

@@ -261,6 +261,18 @@ var genStyle = (token) => {
         transition: "transform 0.3s ease-out",
         transform: "translateX(0)",
         animation: "none"
+      },
+      "&-scroll-container": {
+        "&::-webkit-scrollbar": {
+          width: "4px"
+        },
+        "&::-webkit-scrollbar-track": {
+          backgroundColor: "transparent"
+        },
+        "&::-webkit-scrollbar-thumb": {
+          backgroundColor: "var(--color-gray-border-light)",
+          borderRadius: "4px"
+        }
       }
     }
   };

package/dist/History/types/index.d.ts

@@ -13,7 +13,7 @@ export interface HistoryProps {
         agentId: string;
     }) => Promise<HistoryDataType[]>;
     /** @deprecated 请使用 onClick 替代 */
-    onSelected?: (sessionId: string) => void;
+    onSelected?: (item: HistoryDataType) => void;
     onClick?: (sessionId: string, item: HistoryDataType) => void;
     onDeleteItem?: (sessionId: string) => void;
     customDateFormatter?: (date: number | string | Date) => string;
@@ -100,5 +100,5 @@ export interface HistoryActionsBoxProps {
  */
 export interface ActionsBoxProps extends HistoryActionsBoxProps {
     /** @deprecated 请使用 onClick 替代 */
-    onSelected?: (sessionId: string) => void;
+    onSelected?: (item: HistoryDataType) => void;
 }

package/dist/Hooks/useIntersectionOnce.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export interface UseIntersectionOnceOptions extends Omit<IntersectionObserverInit, 'root'> {
+    root?: RefObject<Element | null> | Element | null;
+}
+export declare const useIntersectionOnce: <T extends Element>(targetRef: RefObject<T>, options?: UseIntersectionOnceOptions) => boolean;

package/dist/Hooks/useIntersectionOnce.js

@@ -0,0 +1,79 @@
+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;
+};
+
+// src/Hooks/useIntersectionOnce.ts
+import { useEffect, useRef, useState } from "react";
+var useIntersectionOnce = (targetRef, options = {}) => {
+  const _a = options, { root } = _a, restOptions = __objRest(_a, ["root"]);
+  const [isIntersecting, setIntersecting] = useState(false);
+  const observerRef = useRef(null);
+  useEffect(() => {
+    if (isIntersecting)
+      return;
+    const element = targetRef.current;
+    if (!element)
+      return;
+    if (typeof IntersectionObserver === "undefined") {
+      setIntersecting(true);
+      return;
+    }
+    const resolvedRoot = root && "current" in root ? root.current : root;
+    observerRef.current = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          var _a2;
+          if (entry.isIntersecting || entry.intersectionRatio > 0) {
+            setIntersecting(true);
+            (_a2 = observerRef.current) == null ? void 0 : _a2.disconnect();
+          }
+        });
+      },
+      __spreadProps(__spreadValues({}, restOptions), { root: resolvedRoot != null ? resolvedRoot : null })
+    );
+    observerRef.current.observe(element);
+    return () => {
+      var _a2;
+      (_a2 = observerRef.current) == null ? void 0 : _a2.disconnect();
+      observerRef.current = null;
+    };
+  }, [
+    targetRef,
+    restOptions.rootMargin,
+    restOptions.threshold,
+    root,
+    isIntersecting
+  ]);
+  return isIntersecting;
+};
+export {
+  useIntersectionOnce
+};

package/dist/Hooks/useLanguage.d.ts

@@ -215,6 +215,8 @@ export declare function useLanguage(): {
         'chat.history.historyTasks': string;
         'chat.history.historyChats': string;
         'chat.task.search.placeholder': string;
+        'chat.history.empty.chat.title': string;
+        'chat.history.empty.chat.description': string;
         'taskList.expand': string;
         'taskList.collapse': string;
         'taskList.taskList': string;

package/dist/I18n/locales.d.ts

@@ -179,6 +179,8 @@ export declare const cnLabels: {
     'chat.history.historyTasks': string;
     'chat.history.historyChats': string;
     'chat.task.search.placeholder': string;
+    'chat.history.empty.chat.title': string;
+    'chat.history.empty.chat.description': string;
     'taskList.expand': string;
     'taskList.collapse': string;
     'taskList.taskList': string;

package/dist/I18n/locales.js

@@ -174,6 +174,8 @@ var cnLabels = {
   "chat.history.historyTasks": "历史任务",
   "chat.history.historyChats": "历史对话",
   "chat.task.search.placeholder": "搜索任务",
+  "chat.history.empty.chat.title": "找不到相关结果",
+  "chat.history.empty.chat.description": "换个关键词试试吧",
   // TaskList 组件相关
   "taskList.expand": "展开",
   "taskList.collapse": "收起",
@@ -525,6 +527,8 @@ var enLabels = {
   "chat.history.historyTasks": "History Tasks",
   "chat.history.historyChats": "History Chats",
   "chat.task.search.placeholder": "Search Task",
+  "chat.history.empty.chat.title": "No related results found",
+  "chat.history.empty.chat.description": "Try a different keyword",
   // TaskList component related
   "taskList.expand": "Expand",
   "taskList.collapse": "Collapse",

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -37,6 +37,23 @@ var EMPTY_LINE_DISTANCE_THRESHOLD = 4;
 var EMPTY_LINE_CALCULATION_OFFSET = 2;
 var EMPTY_LINE_DIVISOR = 2;
 var MIN_TABLE_CELL_LENGTH = 5;
+var INLINE_MATH_SUFFIX_PATTERN = "(?:%|[kKmMbB]|千|万|亿|兆|万亿|百万|亿万)?";
+var INLINE_MATH_CURRENCY_PATTERN = new RegExp(
+  `^[+-]?\\d{1,3}(?:,\\d{3})*(?:\\.\\d+)?${INLINE_MATH_SUFFIX_PATTERN}$`
+);
+var INLINE_MATH_SIMPLE_NUMBER_PATTERN = new RegExp(
+  `^[+-]?\\d+(?:\\.\\d+)?${INLINE_MATH_SUFFIX_PATTERN}$`
+);
+var shouldTreatInlineMathAsText = (rawValue) => {
+  const trimmedValue = rawValue.trim();
+  if (!trimmedValue) {
+    return true;
+  }
+  if (/[=^_\\{}]/.test(trimmedValue)) {
+    return false;
+  }
+  return INLINE_MATH_CURRENCY_PATTERN.test(trimmedValue) || INLINE_MATH_SIMPLE_NUMBER_PATTERN.test(trimmedValue);
+};
 var processSchemaLanguage = (element, value) => {
   let json = [];
   try {
@@ -101,7 +118,6 @@ var getColumnAlignment = (data, columns) => {
 };
 var stringifyObj = remark().use(remarkParse).use(fixStrongWithSpecialChars).use(remarkMath, {
   singleDollarTextMath: false
-  // 暂时禁用单美元符号，只使用双美元符号 $$...$$
 }).use(remarkRehype, { allowDangerousHtml: true }).use(rehypeRaw).use(rehypeKatex).use(remarkGfm).use(remarkFrontmatter, ["yaml"]);
 var myRemark = {
   stringify: (obj) => {
@@ -268,9 +284,14 @@ var parseText = (els, leaf = {
     if (n.type === "inlineCode")
       leafs.push(__spreadProps(__spreadValues({}, leaf), { text: n.value, code: true }));
     if (n.type === "inlineMath") {
+      const inlineMathValue = typeof n.value === "string" ? n.value : "";
+      if (shouldTreatInlineMathAsText(inlineMathValue)) {
+        leafs.push(__spreadProps(__spreadValues({}, leaf), { text: `$${inlineMathValue}$` }));
+        continue;
+      }
       leafs.push(__spreadProps(__spreadValues({}, leaf), {
         type: "inline-katex",
-        children: [{ text: n.value }]
+        children: [{ text: inlineMathValue }]
       }));
       continue;
     }
@@ -585,9 +606,16 @@ var handleImage = (currentElement) => {
   );
 };
 var handleInlineMath = (currentElement) => {
+  const inlineMathValue = typeof (currentElement == null ? void 0 : currentElement.value) === "string" ? currentElement.value : "";
+  if (shouldTreatInlineMathAsText(inlineMathValue)) {
+    return {
+      type: "paragraph",
+      children: [{ text: `$${inlineMathValue}$` }]
+    };
+  }
   return {
     type: "inline-katex",
-    children: [{ text: currentElement.value }]
+    children: [{ text: inlineMathValue }]
   };
 };
 var handleMath = (currentElement) => {

package/dist/MarkdownEditor/editor/parser/remarkParse.js

@@ -108,8 +108,8 @@ function fixStrongWithSpecialChars() {
   };
 }
 var markdownParser = unified().use(remarkParse).use(remarkHtml).use(remarkGfm).use(fixStrongWithSpecialChars).use(remarkMath, {
-  singleDollarTextMath: false
-  // 暂时禁用单美元符号，只使用双美元符号 $$...$$
+  singleDollarTextMath: true
+  // 允许单美元符号渲染内联数学公式
 }).use(remarkRehype, { allowDangerousHtml: true }).use(rehypeRaw).use(rehypeKatex).use(remarkFrontmatter, ["yaml"]);
 var remarkParse_default = markdownParser;
 export {

package/dist/MarkdownEditor/editor/utils/markdownToHtml.js

@@ -33,8 +33,8 @@ import { fixStrongWithSpecialChars } from "../parser/remarkParse";
 var markdownToHtml = (markdown) => __async(void 0, null, function* () {
   try {
     const htmlContent = yield unified().use(remarkParse).use(remarkGfm).use(fixStrongWithSpecialChars).use(remarkMath, {
-      singleDollarTextMath: false
-      // 禁用单美元符号数学公式
+      singleDollarTextMath: true
+      // 允许单美元符号渲染内联数学公式
     }).use(remarkFrontmatter, ["yaml"]).use(remarkRehype, { allowDangerousHtml: true }).use(rehypeRaw).use(rehypeKatex).use(rehypeStringify).process(markdown);
     return String(htmlContent);
   } catch (error) {
@@ -45,8 +45,8 @@ var markdownToHtml = (markdown) => __async(void 0, null, function* () {
 var markdownToHtmlSync = (markdown) => {
   try {
     const processor = unified().use(remarkParse).use(remarkGfm).use(fixStrongWithSpecialChars).use(remarkMath, {
-      singleDollarTextMath: false
-      // 禁用单美元符号数学公式
+      singleDollarTextMath: true
+      // 允许单美元符号渲染内联数学公式
     }).use(remarkFrontmatter, ["yaml"]).use(remarkRehype, { allowDangerousHtml: true }).use(rehypeRaw).use(rehypeKatex).use(rehypeStringify);
     const file = processor.processSync(markdown);
     return String(file);

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -141,31 +141,35 @@ var MarkdownInputField = (_a) => {
     value: (_e = props.attachment) == null ? void 0 : _e.fileMap,
     onChange: (_f = props.attachment) == null ? void 0 : _f.onFileMapChange
   });
-  const isMultiRowLayout = useMemo(() => {
-    var _a3;
-    return !!((props == null ? void 0 : props.quickActionRender) || ((_a3 = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _a3.enable) || (props == null ? void 0 : props.actionsRender) || (props == null ? void 0 : props.toolsRender));
-  }, [
-    props == null ? void 0 : props.quickActionRender,
-    (_g = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _g.enable,
-    props == null ? void 0 : props.actionsRender,
-    props == null ? void 0 : props.toolsRender
-  ]);
+  const hasEnlargeAction = !!((_g = props == null ? void 0 : props.enlargeable) == null ? void 0 : _g.enable);
+  const hasRefineAction = !!((_h = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _h.enable);
+  const hasCustomQuickAction = !!(props == null ? void 0 : props.quickActionRender);
+  const hasActionsRender = !!(props == null ? void 0 : props.actionsRender);
+  const hasToolsRender = !!(props == null ? void 0 : props.toolsRender);
+  const quickActionCount = Number(hasEnlargeAction) + Number(hasRefineAction) + Number(hasCustomQuickAction);
+  const auxiliaryActionCount = Number(hasActionsRender) + Number(hasToolsRender);
+  const totalActionCount = quickActionCount + auxiliaryActionCount;
+  const isMultiRowLayout = totalActionCount > 0;
   const computedMinHeight = useMemo(() => {
-    var _a3, _b3, _c2;
+    var _a3, _b3;
     if (isEnlarged)
       return "auto";
-    if (((_a3 = props == null ? void 0 : props.enlargeable) == null ? void 0 : _a3.enable) && ((_b3 = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _b3.enable)) {
+    if (((_a3 = props.style) == null ? void 0 : _a3.minHeight) !== void 0)
+      return props.style.minHeight;
+    if (hasEnlargeAction && hasRefineAction)
       return 140;
-    }
+    if (totalActionCount === 1)
+      return 90;
     if (isMultiRowLayout)
       return 106;
-    return ((_c2 = props.style) == null ? void 0 : _c2.minHeight) || 0;
+    return ((_b3 = props.style) == null ? void 0 : _b3.minHeight) || 0;
   }, [
     isEnlarged,
-    (_h = props == null ? void 0 : props.enlargeable) == null ? void 0 : _h.enable,
-    (_i = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _i.enable,
+    hasEnlargeAction,
+    hasRefineAction,
     isMultiRowLayout,
-    (_j = props.style) == null ? void 0 : _j.minHeight
+    totalActionCount,
+    (_i = props.style) == null ? void 0 : _i.minHeight
   ]);
   const {
     fileUploadDone,
@@ -311,7 +315,7 @@ var MarkdownInputField = (_a) => {
     );
   }, [
     fileMap,
-    (_k = props.attachment) == null ? void 0 : _k.enable,
+    (_j = props.attachment) == null ? void 0 : _j.enable,
     handleFileRemoval,
     handleFileRetry,
     updateAttachmentFiles
@@ -351,7 +355,7 @@ var MarkdownInputField = (_a) => {
         supportedFormat,
         fileMap,
         onFileMapChange: setFileMap,
-        upload: ((_l = props.attachment) == null ? void 0 : _l.upload) ? (file) => props.attachment.upload(file, 0) : void 0
+        upload: ((_k = props.attachment) == null ? void 0 : _k.upload) ? (file) => props.attachment.upload(file, 0) : void 0
       }),
       voiceRecognizer: props.voiceRecognizer,
       value,
@@ -406,7 +410,7 @@ var MarkdownInputField = (_a) => {
             [`${baseCls}-enlarged`]: isEnlarged
           }),
           style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
-            height: isEnlarged ? `${(_n = (_m = props.enlargeable) == null ? void 0 : _m.height) != null ? _n : 980}px` : `min(${collapsedHeightPx}px,100%)`,
+            height: isEnlarged ? `${(_m = (_l = props.enlargeable) == null ? void 0 : _l.height) != null ? _m : 980}px` : `min(${collapsedHeightPx}px,100%)`,
             borderRadius: borderRadius || 16,
             minHeight: computedMinHeight,
             cursor: isLoading || props.disabled ? "not-allowed" : "auto",
@@ -539,7 +543,7 @@ var MarkdownInputField = (_a) => {
           ),
           sendActionsNode
         ) : sendActionsNode,
-        (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
+        (props == null ? void 0 : props.quickActionRender) || ((_n = props.refinePrompt) == null ? void 0 : _n.enable) || ((_o = props.enlargeable) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
           QuickActions,
           {
             ref: quickActionsRef,

package/dist/Plugins/chart/AreaChart/index.js

@@ -46,15 +46,7 @@ import {
   findDataPointByXValue
 } from "../utils";
 import { useStyle } from "./style";
-ChartJS.register(
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Filler,
-  Tooltip,
-  Legend
-);
+var areaChartComponentsRegistered = false;
 var hexToRgba = (hex, alpha) => {
   const sanitized = hex.replace("#", "");
   const isShort = sanitized.length === 3;
@@ -95,6 +87,25 @@ var AreaChart = ({
   statistic: statisticConfig,
   variant
 }) => {
+  useMemo(() => {
+    if (areaChartComponentsRegistered) {
+      return void 0;
+    }
+    if (typeof window === "undefined") {
+      return void 0;
+    }
+    ChartJS.register(
+      CategoryScale,
+      LinearScale,
+      PointElement,
+      LineElement,
+      Filler,
+      Tooltip,
+      Legend
+    );
+    areaChartComponentsRegistered = true;
+    return void 0;
+  }, []);
   const safeData = Array.isArray(data) ? data : [];
   const [windowWidth, setWindowWidth] = useState(
     typeof window !== "undefined" ? window.innerWidth : 768

package/dist/Plugins/chart/BarChart/index.js

@@ -45,7 +45,7 @@ import {
   findDataPointByXValue
 } from "../utils";
 import { useStyle } from "./style";
-ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+var barChartComponentsRegistered = false;
 var hexToRgba = (hex, alpha) => {
   const sanitized = hex.replace("#", "");
   const isShort = sanitized.length === 3;
@@ -93,6 +93,17 @@ var BarChart = ({
   dataLabelFormatter,
   chartOptions
 }) => {
+  useMemo(() => {
+    if (barChartComponentsRegistered) {
+      return void 0;
+    }
+    if (typeof window === "undefined") {
+      return void 0;
+    }
+    ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+    barChartComponentsRegistered = true;
+    return void 0;
+  }, []);
   const safeData = Array.isArray(data) ? data : [];
   const [windowWidth, setWindowWidth] = useState(
     typeof window !== "undefined" ? window.innerWidth : 768

package/dist/Plugins/chart/ChartMark/Area.js

@@ -13,17 +13,28 @@ import {
 import React, { useImperativeHandle, useRef } from "react";
 import { Line } from "react-chartjs-2";
 import { Container } from "./Container";
-ChartJS.register(
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Filler,
-  Title,
-  Tooltip,
-  Legend
-);
+var chartMarkAreaRegistered = false;
 var Area = (props) => {
+  React.useMemo(() => {
+    if (chartMarkAreaRegistered) {
+      return void 0;
+    }
+    if (typeof window === "undefined") {
+      return void 0;
+    }
+    ChartJS.register(
+      CategoryScale,
+      LinearScale,
+      PointElement,
+      LineElement,
+      Filler,
+      Title,
+      Tooltip,
+      Legend
+    );
+    chartMarkAreaRegistered = true;
+    return void 0;
+  }, []);
   const chartRef = React.useRef(void 0);
   const htmlRef = useRef(null);
   const lineChartRef = useRef(null);