@ant-design/agentic-ui 2.2.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/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/ChartRender.js

@@ -103,10 +103,6 @@ var ChartRender = (props) => {
   }, [chartData, config == null ? void 0 : config.columns]);
   const shouldLoadRuntime = chartType !== "table" && chartType !== "descriptions" && !renderDescriptionsFallback;
   React.useEffect(() => {
-    if (!shouldLoadRuntime)
-      return;
-    if (!isIntersecting)
-      return;
     if (runtime)
       return;
     if (isRuntimeLoading)
@@ -487,6 +483,11 @@ var ChartRender = (props) => {
         })
       );
     }
+    console.log(
+      "isRuntimeLoading || !isIntersecting",
+      isRuntimeLoading || !isIntersecting,
+      isIntersecting
+    );
     if (!runtime && shouldLoadRuntime) {
       const height = (config == null ? void 0 : config.height) || 240;
       if (runtimeError) {

package/dist/Plugins/katex/InlineKatex.js

@@ -38,7 +38,7 @@ var InlineKatex = ({
   useEffect(() => {
     if (!selected) {
       const value = Node.string(element);
-      katex.render(value, renderEl.current, {
+      katex.render(`${value}`, renderEl.current, {
         strict: false,
         output: "html",
         throwOnError: false,
@@ -55,6 +55,7 @@ var InlineKatex = ({
     return /* @__PURE__ */ React.createElement(
       "span",
       __spreadProps(__spreadValues({}, attributes), {
+        className: "katex",
         "data-be": "inline-katex",
         style: {
           position: "relative"
@@ -97,6 +98,7 @@ var InlineKatex = ({
     /* @__PURE__ */ React.createElement(
       "span",
       {
+        className: "katex",
         contentEditable: false,
         ref: renderEl,
         onClick: () => {
@@ -108,7 +110,6 @@ var InlineKatex = ({
         style: {
           margin: "0 0.25rem",
           userSelect: "none",
-          fontSize: 0,
           visibility: selected ? "hidden" : "visible",
           width: selected ? "0" : "auto",
           height: selected ? "0" : "auto",

package/dist/Plugins/mermaid/Mermaid.js

@@ -91,7 +91,6 @@ var Mermaid = (props) => {
     if (!isBrowser) {
       return void 0;
     }
-    console.log("props---", props);
     const nextCode = props.element.value || "";
     const currentState = state();
     if (!isVisible) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",