@ant-design/agentic-ui 2.0.0 → 2.0.2

package/README.md

@@ -27,6 +27,43 @@
 
 ---
 
+## 🔄 交互范式演进
+
+### GUI vs LUI
+
+**GUI**：用可视化控件逐步完成操作  
+**LUI**：用自然语言表达意图，系统解析并执行（常见为对话/命令式语言界面）
+
+| 对比维度           | GUI（传统界面）                          | LUI（语言界面）                                                  |
+| ------------------ | ---------------------------------------- | ---------------------------------------------------------------- |
+| **怎么操作**       | 点按钮、选菜单、填表单                   | 像聊天一样用自然语言说出你的需求                                 |
+| **交互方式**       | 一步步点，系统照做                       | 告诉目标，系统理解并帮你完成                                     |
+| **上手难度**       | 看得见的功能容易学，但界面复杂时难掌握   | 说话就行，但要说得清楚（比如"帮我订明天的会议室"比"订个会"更好） |
+| **功能好不好找**   | 功能都摆在界面上，一目了然               | 功能藏在对话里，需要提示或例子才知道能做什么                     |
+| **结果准不准**     | 点哪打哪，结果确定                       | 有时理解有偏差，可能需要你再解释一下                             |
+| **适合什么任务**   | 简单、明确的操作（如上传文件、开关设置） | 复杂或多条件的任务（如"找上周类似但更便宜的方案"）               |
+| **出错了怎么办**   | 可撤销、重试，操作步骤清晰               | 系统会问你确认，或让你修改说法                                   |
+| **能不能自动干活** | 得自己一步步点                           | 一句话就能触发一连串自动操作（比如查数据+发邮件）                |
+
+> **关键洞察**：GUI 的操作"翻译"为自然语言，仍是"人主导、系统执行一步"。
+
+### LUI vs Agentic UI
+
+**LUI** 侧重"用自然语言操控界面"  
+**Agentic UI** 侧重"给目标，由智能体规划并执行，过程可见可控"
+
+| 维度                 | LUI（语言用户界面）                                                                                | Agentic UI（智能体用户界面）                                                                               |
+| -------------------- | -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| **核心理念**         | "你说话，我照做"——把你的指令用自然语言说出来，系统帮你完成一步操作                                 | "你定目标，我来搞定"——你告诉它要达成什么目标，它自己想办法、分步骤完成，还能随时让你知道进展               |
+| **谁在干活？**       | 主要是你在操作，系统只是帮你"翻译"语言成点击或填写。比如你说"发邮件"，它弹出草稿，但还得你点"发送" | 主要是智能体（AI助手）在干活，它会自己查资料、填表格、发消息、调工具……但关键步骤会问你："这样行吗？"       |
+| **适合做什么？**     | 简单、一次性的任务：比如"总结这篇文章""把这段话改得更正式""查一下明天天气"                         | 复杂、多步骤的任务：比如"帮我策划一场线上活动，包括写文案、找场地、发邀请、跟踪报名情况"                   |
+| **怎么用工具？**     | 一次用一个工具，比如你说"翻译"，它就调翻译功能；你说"查数据"，它就查。不会自己组合多个工具         | 能自己决定用哪些工具、什么时候用、怎么组合。比如先查日历空闲时间，再写邮件，再发日程邀请，一气呵成         |
+| **你能看到过程吗？** | 通常只看到结果："好了，这是你要的摘要。"中间怎么做的？不太清楚                                     | 你能看到它"怎么想的""做了什么""卡在哪了"。比如："第一步我查了客户名单，第二步准备发邮件，但需要你确认模板" |
+
+> **核心升级**：从"语言控制界面"升级为"目标驱动的智能体协作者"。
+
+---
+
 ## 🚀 快速开始
 
 ### 安装
@@ -54,7 +91,7 @@ import { Bubble } from '@ant-design/agentic-ui';
 
 ### 任务列表组件
 
-```tsx
+```tsx | pure
 import { TaskList } from '@ant-design/agentic-ui';
 
 <TaskList
@@ -68,7 +105,7 @@ import { TaskList } from '@ant-design/agentic-ui';
 
 ### 工具调用展示
 
-```tsx
+```tsx | pure
 import { ToolUseBar } from '@ant-design/agentic-ui';
 
 <ToolUseBar
@@ -81,7 +118,7 @@ import { ToolUseBar } from '@ant-design/agentic-ui';
 
 ### Markdown 编辑器（支持流式输出）
 
-```tsx
+```tsx | pure
 import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 <MarkdownEditor
@@ -93,18 +130,76 @@ import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 ---
 
-## 🧩 核心组件
-
-| 组件               | 描述            | 适用场景          |
-| ------------------ | --------------- | ----------------- |
-| `Bubble`           | AI/用户对话气泡 | 对话界面          |
-| `ThoughtChainList` | 思维链可视化    | 展示推理过程      |
-| `TaskList`         | 任务列表与进度  | 多步骤任务        |
-| `ToolUseBar`       | 工具调用展示    | 展示 API/工具调用 |
-| `MarkdownEditor`   | 富文本编辑器    | 内容编辑与展示    |
-| `AgenticLayout`    | 智能体布局容器  | 整体页面布局      |
-| `Workspace`        | 工作空间        | 文件管理          |
-| `History`          | 历史记录        | 会话历史          |
+## 🧩 完整组件列表
+
+### 🤖 核心智能体组件
+
+| 组件               | 描述               | 主要功能                                     |
+| ------------------ | ------------------ | -------------------------------------------- |
+| `AgenticLayout`    | 智能体布局容器     | 提供统一的智能体应用布局结构                 |
+| `AgentRunBar`      | 智能体运行状态栏   | 显示运行、暂停、停止等状态控制               |
+| `Bubble`           | AI/用户对话气泡    | 展示对话内容，支持 AI 和用户消息的差异化展示 |
+| `ThoughtChainList` | 思维链可视化       | 展示"思考—行动—观察"的完整推理过程           |
+| `TaskList`         | 任务列表与进度跟踪 | 多步骤任务的状态管理与展示                   |
+| `ToolUseBar`       | 工具调用展示       | 可视化 API 调用、参数、状态与结果            |
+| `Workspace`        | 智能体工作空间     | 文件管理、浏览器、实时跟踪等功能             |
+
+### ✍️ 编辑与输入组件
+
+| 组件                 | 描述                   | 主要功能                                     |
+| -------------------- | ---------------------- | -------------------------------------------- |
+| `MarkdownEditor`     | 富文本 Markdown 编辑器 | 支持流式输出、打字机效果、完整 Markdown 语法 |
+| `MarkdownInputField` | Markdown 输入框        | 支持多模态输入、文件上传、语音输入           |
+
+### 📋 布局与容器组件
+
+| 组件         | 描述         | 主要功能                             |
+| ------------ | ------------ | ------------------------------------ |
+| `ChatLayout` | 聊天布局容器 | 标准聊天界面布局，支持左右栏、全屏等 |
+| `History`    | 历史记录组件 | 会话历史管理，支持搜索、筛选、导出   |
+| `Welcome`    | 欢迎页组件   | 应用启动欢迎页，展示功能介绍         |
+| `Quote`      | 引用组件     | 引用消息或内容                       |
+
+### 🎯 交互与反馈组件
+
+| 组件             | 描述          | 主要功能                         |
+| ---------------- | ------------- | -------------------------------- |
+| `AnswerAlert`    | 答案提醒组件  | 显示成功、错误、警告、加载等状态 |
+| `BackTo`         | 返回顶部/底部 | 快速滚动到页面顶部或底部         |
+| `Loading`        | 加载动画      | 多种样式的加载状态展示           |
+| `SuggestionList` | 建议列表      | 智能推荐问题或操作               |
+| `ActionIconBox`  | 操作图标容器  | 统一的操作按钮样式               |
+
+### 🧠 智能体专属组件
+
+| 组件             | 描述          | 主要功能                     |
+| ---------------- | ------------- | ---------------------------- |
+| `ChatBoot`       | 聊天引导组件  | 快速回复、案例推荐等引导功能 |
+| `SchemaEditor`   | Schema 编辑器 | 结构化数据编辑               |
+| `SchemaForm`     | Schema 表单   | 基于 Schema 自动生成表单     |
+| `SchemaRenderer` | Schema 渲染器 | 渲染结构化数据               |
+
+### 🔌 插件组件
+
+| 插件类型    | 描述           | 支持功能                        |
+| ----------- | -------------- | ------------------------------- |
+| `code`      | 代码高亮插件   | 支持 100+ 编程语言语法高亮      |
+| `katex`     | 数学公式插件   | 支持 LaTeX 数学公式渲染         |
+| `mermaid`   | 图表插件       | 支持流程图、时序图、甘特图等    |
+| `chart`     | 数据图表插件   | 支持 ECharts 各类数据可视化图表 |
+| `formatter` | 代码格式化插件 | 自动格式化代码                  |
+
+### 🛠️ 工具函数与 Hooks
+
+| 名称                 | 类型 | 描述                   |
+| -------------------- | ---- | ---------------------- |
+| `useAutoScroll`      | Hook | 自动滚动到底部         |
+| `useCopied`          | Hook | 复制到剪贴板           |
+| `useLanguage`        | Hook | 国际化语言切换         |
+| `useSpeechSynthesis` | Hook | 语音合成（文字转语音） |
+| `useClickAway`       | Hook | 点击外部区域           |
+| `useDebounceFn`      | Hook | 防抖函数               |
+| `useThrottleFn`      | Hook | 节流函数               |
 
 ---
 
@@ -123,7 +218,7 @@ import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 ## 📖 文档与示例
 
-- [在线演示](https://ant-design.github.io/md-editor/)
+- [在线演示](https://ant-design.github.io/agentic-ui/)
 - [完整文档](./docs/)
 - [组件 API](./docs/components/)
 - [设计规范](./docs/design-system/)
@@ -132,10 +227,10 @@ import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 ## 🌟 推荐使用场景
 
-- 🤖 企业 Copilot（智能办公助手）
-- 💬 智能客服与知识检索
-- 📊 数据分析与 BI 助手
-- 🔄 流程自动化（RPA）协同智能体
+- 🤖 **企业 Copilot** - 智能办公助手
+- 💬 **智能客服** - 知识检索与自动问答
+- 📊 **数据分析与 BI** - 智能分析助理
+- 🔄 **流程自动化（RPA）** - 协同智能体
 
 ---
 

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

@@ -1264,9 +1264,9 @@ function isStandardHtmlElement(htmlString) {
 }
 function preprocessSpecialTags(markdown, tagName) {
   const tagRegex = new RegExp(`<${tagName}>([\\s\\S]*?)<\\/${tagName}>`, "g");
-  return markdown.replace(tagRegex, (match, content) => {
+  return markdown == null ? void 0 : markdown.replace(tagRegex, (match, content) => {
     const trimmedContent = content.trim();
-    const processedContent = trimmedContent.replace(
+    const processedContent = trimmedContent == null ? void 0 : trimmedContent.replace(
       /```(\w*)\n?([\s\S]*?)```/g,
       (_, lang, code) => {
         const marker = "​";

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem.js

@@ -105,7 +105,8 @@ var AttachmentFileListItem = (props) => {
             )
           },
           "上传中..."
-        ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        ) : null,
+        file.status === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
           "div",
           {
             className: classNames(
@@ -126,7 +127,18 @@ var AttachmentFileListItem = (props) => {
               item
             );
           })
-        ))
+        )) : null,
+        file.status === "error" ? /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames(
+              `${props.prefixCls}-file-size`,
+              `${props.prefixCls}-file-size-error`,
+              props.hashId
+            )
+          },
+          "上传失败"
+        ) : null
       ),
       file.status !== "uploading" ? /* @__PURE__ */ React.createElement(
         "div",

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -31,7 +31,7 @@ var genStyle = (token) => {
       flexDirection: "row",
       overflow: "auto",
       gap: "var(--margin-2x)",
-      maxHeight: "127px",
+      maxHeight: "128px",
       height: "max-content",
       marginRight: "40px",
       borderRadius: "inherit",
@@ -147,6 +147,9 @@ var genStyle = (token) => {
           display: "flex",
           alignItems: "center",
           gap: 4,
+          "&-error": {
+            color: "var(--color-red-a10)"
+          },
           "&-item:not(:last-child)": {
             lineHeight: "9px",
             display: "flex",

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -62,6 +62,16 @@ var useFileUploadManager = ({
   );
   const uploadImage = useRefFunction(() => __async(void 0, null, function* () {
     var _a;
+    let isUploading = false;
+    for (const file of (fileMap == null ? void 0 : fileMap.values()) || []) {
+      if (file.status === "uploading") {
+        isUploading = true;
+        break;
+      }
+    }
+    if (isUploading) {
+      return;
+    }
     const input = document.createElement("input");
     input.id = "uploadImage_" + Math.random();
     input.type = "file";

package/dist/plugins/chart/AreaChart/index.d.ts

@@ -51,6 +51,10 @@ export interface AreaChartProps extends ChartContainerProps {
     xPosition?: 'top' | 'bottom';
     /** Y轴位置 */
     yPosition?: 'left' | 'right';
+    /** 是否隐藏X轴，默认false */
+    hiddenX?: boolean;
+    /** 是否隐藏Y轴，默认false */
+    hiddenY?: boolean;
     /** 头部工具条额外按钮 */
     toolbarExtra?: React.ReactNode;
     /** ChartStatistic组件配置：object表示单个配置，array表示多个配置 */

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

@@ -100,6 +100,8 @@ var AreaChart = ({
   showGrid = true,
   xPosition = "bottom",
   yPosition = "left",
+  hiddenX = false,
+  hiddenY = false,
   toolbarExtra,
   statistic: statisticConfig,
   variant
@@ -260,6 +262,7 @@ var AreaChart = ({
     },
     scales: {
       x: {
+        display: !hiddenX,
         position: xPosition,
         title: {
           display: !!xTitle,
@@ -285,6 +288,7 @@ var AreaChart = ({
         }
       },
       y: {
+        display: !hiddenY,
         position: yPosition,
         beginAtZero: true,
         title: {

package/dist/plugins/chart/BarChart/index.d.ts

@@ -56,6 +56,10 @@ export interface BarChartProps extends ChartContainerProps {
     xPosition?: 'top' | 'bottom';
     /** Y轴位置 */
     yPosition?: 'left' | 'right';
+    /** 是否隐藏X轴，默认false */
+    hiddenX?: boolean;
+    /** 是否隐藏Y轴，默认false */
+    hiddenY?: boolean;
     /** 是否启用堆叠显示，将多个数据集叠加显示 */
     stacked?: boolean;
     /** 图表轴向，'x'为垂直柱状图，'y'为水平柱状图 */
@@ -67,7 +71,13 @@ export interface BarChartProps extends ChartContainerProps {
     /** 是否显示数据标签，默认false */
     showDataLabels?: boolean;
     /** 数据标签格式化函数 */
-    dataLabelFormatter?: (value: number) => string;
+    dataLabelFormatter?: (params: {
+        value: number;
+        label: string | number;
+        datasetLabel: string;
+        dataIndex: number;
+        datasetIndex: number;
+    }) => string;
 }
 declare const BarChart: React.FC<BarChartProps>;
 export default BarChart;

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

@@ -82,6 +82,8 @@ var BarChart = ({
   showGrid = true,
   xPosition = "bottom",
   yPosition = "left",
+  hiddenX = false,
+  hiddenY = false,
   stacked = false,
   indexAxis = "x",
   toolbarExtra,
@@ -376,7 +378,31 @@ var BarChart = ({
       }
     }, ChartDataLabels && {
       datalabels: {
-        display: showDataLabels,
+        display: (context2) => {
+          var _a, _b, _c, _d, _e, _f;
+          if (!showDataLabels)
+            return false;
+          if (stacked) {
+            const chart = context2.chart;
+            const dsIndex = context2.datasetIndex;
+            const dIndex = context2.dataIndex;
+            const currentStack = (_b = (_a = chart.data.datasets) == null ? void 0 : _a[dsIndex]) == null ? void 0 : _b.stack;
+            const currentValue = Number((_f = (_e = (_d = (_c = chart.data.datasets) == null ? void 0 : _c[dsIndex]) == null ? void 0 : _d.data) == null ? void 0 : _e[dIndex]) != null ? _f : 0);
+            const sameStackIndexes = chart.data.datasets.map((_, i) => i).filter((i) => {
+              var _a2, _b2, _c2;
+              const ds = (_a2 = chart.data.datasets) == null ? void 0 : _a2[i];
+              if (!chart.isDatasetVisible(i))
+                return false;
+              if (currentStack && (ds == null ? void 0 : ds.stack) !== currentStack)
+                return false;
+              const v = Number((_c2 = (_b2 = ds == null ? void 0 : ds.data) == null ? void 0 : _b2[dIndex]) != null ? _c2 : 0);
+              return v >= 0 && currentValue >= 0 || v < 0 && currentValue < 0;
+            });
+            const topIndex = sameStackIndexes.length ? Math.max(...sameStackIndexes) : dsIndex;
+            return dsIndex === topIndex;
+          }
+          return true;
+        },
         anchor: indexAxis === "y" ? "end" : "end",
         align: indexAxis === "y" ? "end" : "top",
         offset: 4,
@@ -385,11 +411,53 @@ var BarChart = ({
           size: isMobile ? 10 : 11,
           weight: "normal"
         },
-        formatter: (value) => {
+        formatter: (value, context2) => {
+          var _a, _b, _c, _d, _e;
           if (value === null || value === void 0)
             return "";
+          const dataIndex = context2.dataIndex;
+          const datasetIndex = context2.datasetIndex;
+          const labelValue = (_a = context2.chart.data.labels) == null ? void 0 : _a[dataIndex];
+          const label = typeof labelValue === "string" || typeof labelValue === "number" ? labelValue : String(labelValue || "");
+          const datasetLabel = String(context2.dataset.label || "");
+          if (stacked) {
+            const chart = context2.chart;
+            const datasets = chart.data.datasets;
+            const currentValue = Number((_d = (_c = (_b = datasets == null ? void 0 : datasets[datasetIndex]) == null ? void 0 : _b.data) == null ? void 0 : _c[dataIndex]) != null ? _d : 0);
+            const currentStack = (_e = datasets == null ? void 0 : datasets[datasetIndex]) == null ? void 0 : _e.stack;
+            let total = 0;
+            datasets.forEach((dataset, i) => {
+              if (!chart.isDatasetVisible(i))
+                return;
+              if (currentStack && (dataset == null ? void 0 : dataset.stack) !== currentStack)
+                return;
+              const val = dataset.data[dataIndex];
+              if (val !== null && val !== void 0) {
+                const numVal = Number(val);
+                if (numVal >= 0 && currentValue >= 0 || numVal < 0 && currentValue < 0) {
+                  total += numVal;
+                }
+              }
+            });
+            if (dataLabelFormatter) {
+              return dataLabelFormatter({
+                value: total,
+                label,
+                datasetLabel,
+                dataIndex,
+                datasetIndex
+              });
+            }
+            return total.toLocaleString();
+          }
           if (dataLabelFormatter) {
-            return dataLabelFormatter(value);
+            return dataLabelFormatter({
+              value,
+              label,
+              datasetLabel,
+              dataIndex,
+              datasetIndex
+            });
           }
           return value.toLocaleString();
         }
@@ -397,6 +465,7 @@ var BarChart = ({
     }),
     scales: {
       x: {
+        display: !hiddenX,
         stacked,
         position: xPosition,
         title: {
@@ -423,6 +492,7 @@ var BarChart = ({
         }
       },
       y: {
+        display: !hiddenY,
         stacked,
         position: yPosition,
         beginAtZero: true,

package/dist/plugins/chart/LineChart/index.d.ts

@@ -51,6 +51,10 @@ export interface LineChartProps extends ChartContainerProps {
     xPosition?: 'top' | 'bottom';
     /** Y轴位置 */
     yPosition?: 'left' | 'right';
+    /** 是否隐藏X轴，默认false */
+    hiddenX?: boolean;
+    /** 是否隐藏Y轴，默认false */
+    hiddenY?: boolean;
     /** 头部工具条额外按钮 */
     toolbarExtra?: React.ReactNode;
     /** ChartStatistic组件配置：object表示单个配置，array表示多个配置 */

package/dist/plugins/chart/LineChart/index.js

@@ -95,6 +95,8 @@ var LineChart = (_a) => {
     showGrid = true,
     xPosition = "bottom",
     yPosition = "left",
+    hiddenX = false,
+    hiddenY = false,
     toolbarExtra,
     statistic: statisticConfig
   } = _b, props = __objRest(_b, [
@@ -112,6 +114,8 @@ var LineChart = (_a) => {
     "showGrid",
     "xPosition",
     "yPosition",
+    "hiddenX",
+    "hiddenY",
     "toolbarExtra",
     "statistic"
   ]);
@@ -261,6 +265,7 @@ var LineChart = (_a) => {
     },
     scales: {
       x: {
+        display: !hiddenX,
         position: xPosition,
         title: {
           display: !!xTitle,
@@ -286,6 +291,7 @@ var LineChart = (_a) => {
         }
       },
       y: {
+        display: !hiddenY,
         position: yPosition,
         beginAtZero: true,
         title: {

package/dist/plugins/chart/ScatterChart/index.d.ts

@@ -20,6 +20,10 @@ export interface ScatterChartProps extends ChartContainerProps {
     yUnit?: string;
     xLabel?: string;
     yLabel?: string;
+    /** 是否隐藏X轴，默认false */
+    hiddenX?: boolean;
+    /** 是否隐藏Y轴，默认false */
+    hiddenY?: boolean;
     borderColor?: string;
     backgroundColor?: string;
     /** 统计数据组件配置 */

package/dist/plugins/chart/ScatterChart/index.js

@@ -80,6 +80,8 @@ var ScatterChart = (_a) => {
     yUnit,
     xLabel,
     yLabel,
+    hiddenX = false,
+    hiddenY = false,
     borderColor,
     backgroundColor,
     statistic,
@@ -96,6 +98,8 @@ var ScatterChart = (_a) => {
     "yUnit",
     "xLabel",
     "yLabel",
+    "hiddenX",
+    "hiddenY",
     "borderColor",
     "backgroundColor",
     "statistic",
@@ -455,6 +459,7 @@ var ScatterChart = (_a) => {
     },
     scales: {
       x: {
+        display: !hiddenX,
         type: "linear",
         position: "bottom",
         title: {
@@ -488,6 +493,7 @@ var ScatterChart = (_a) => {
         }
       },
       y: {
+        display: !hiddenY,
         type: "linear",
         position: "right",
         title: {

package/dist/plugins/chart/components/ChartFilter/ChartFilter.js

@@ -1,5 +1,5 @@
 // src/plugins/chart/components/ChartFilter/ChartFilter.tsx
-import { DownOutlined } from "@ant-design/icons";
+import { ChevronDown } from "@sofa-design/icons";
 import { Button, ConfigProvider, Dropdown, Segmented } from "antd";
 import classNames from "classnames";
 import { default as React, useContext } from "react";
@@ -69,7 +69,7 @@ var ChartFilter = ({
           },
           /* @__PURE__ */ React.createElement("span", null, ((_a = customOptions.find((r) => r.key === selectedCustomSelection)) == null ? void 0 : _a.label) || ((_b = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _b.all) || "全部"),
           /* @__PURE__ */ React.createElement(
-            DownOutlined,
+            ChevronDown,
             {
               className: classNames(`${prefixCls}-dropdown-icon`, hashId)
             }

package/dist/plugins/formatter/index.js

@@ -6,9 +6,10 @@ var MarkdownFormatter = class {
    * @returns 格式化后的文本
    */
   static normalizeParagraphs(text) {
-    let normalizedText = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+    var _a, _b;
+    let normalizedText = (_a = text == null ? void 0 : text.replace(/\r\n/g, "\n")) == null ? void 0 : _a.replace(/\r/g, "\n");
     normalizedText = normalizedText.trim();
-    normalizedText = normalizedText.replace(/\n[\s\n]+/g, "\n");
+    normalizedText = normalizedText == null ? void 0 : normalizedText.replace(/\n[\s\n]+/g, "\n");
     const lines = normalizedText.split("\n");
     const result = [];
     for (let i = 0; i < lines.length; i++) {
@@ -24,7 +25,7 @@ var MarkdownFormatter = class {
         }
       }
     }
-    return result.join("\n").replace(/\n+$/, "");
+    return (_b = result.join("\n")) == null ? void 0 : _b.replace(/\n+$/, "");
   }
   /**
    * 在中英文之间添加空格（盘古之白）
@@ -32,42 +33,43 @@ var MarkdownFormatter = class {
    * @returns 格式化后的文本
    */
   static addPanguSpacing(text) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const placeholders = {};
     let counter = 0;
-    const preservedText = text.replace(/```[\s\S]*?```/g, (match) => {
+    const preservedText = (_e = (_d = (_c = (_b = (_a = text == null ? void 0 : text.replace(/```[\s\S]*?```/g, (match) => {
       const placeholder = `__CODEBLOCK_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
-    }).replace(/(<!--[\s\S]*?-->)/g, (match) => {
+    })) == null ? void 0 : _a.replace(/(<!--[\s\S]*?-->)/g, (match) => {
       const placeholder = `__COMMENT_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
-    }).replace(/\[([^\]]*<[^>]+>[^\]]*)\]\([^)]+\)/g, (match) => {
+    })) == null ? void 0 : _b.replace(/\[([^\]]*<[^>]+>[^\]]*)\]\([^)]+\)/g, (match) => {
       const placeholder = `__LINK_HTML_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
-    }).replace(/(<[^>]+>.*?<\/[^>]+>|<[^>]+>)/g, (match) => {
+    })) == null ? void 0 : _c.replace(/(<[^>]+>.*?<\/[^>]+>|<[^>]+>)/g, (match) => {
       const placeholder = `__HTML_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
-    }).replace(/(\[([^\]]+)\]\([^)]+\))/g, (match) => {
+    })) == null ? void 0 : _d.replace(/(\[([^\]]+)\]\([^)]+\))/g, (match) => {
       const placeholder = `__LINK_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
-    }).replace(/(`[^`]+`)/g, (match) => {
+    })) == null ? void 0 : _e.replace(/(`[^`]+`)/g, (match) => {
       const placeholder = `__CODE_${counter}__`;
       placeholders[placeholder] = match;
       counter++;
       return placeholder;
     });
-    let spacedText = preservedText.replace(/([\u4e00-\u9fa5])([A-Za-z])/g, "$1 $2").replace(/([A-Za-z])([\u4e00-\u9fa5])/g, "$1 $2").replace(/([\u4e00-\u9fa5])(\d+)/g, "$1 $2").replace(/(\d+)([\u4e00-\u9fa5])/g, "$1 $2").replace(/([\u4e00-\u9fa5])([\(\)])/g, "$1 $2").replace(/([\(\)])([\u4e00-\u9fa5])/g, "$1 $2").replace(/([^\s\n])\s+([^\s\n])/g, "$1 $2");
+    let spacedText = (_k = (_j = (_i = (_h = (_g = (_f = preservedText == null ? void 0 : preservedText.replace(/([\u4e00-\u9fa5])([A-Za-z])/g, "$1 $2")) == null ? void 0 : _f.replace(/([A-Za-z])([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _g.replace(/([\u4e00-\u9fa5])(\d+)/g, "$1 $2")) == null ? void 0 : _h.replace(/(\d+)([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _i.replace(/([\u4e00-\u9fa5])([\(\)])/g, "$1 $2")) == null ? void 0 : _j.replace(/([\(\)])([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _k.replace(/([^\s\n])\s+([^\s\n])/g, "$1 $2");
     Object.entries(placeholders).forEach(([placeholder, original]) => {
-      spacedText = spacedText.replace(
+      spacedText = spacedText == null ? void 0 : spacedText.replace(
         new RegExp(`(\\s*)${placeholder}(\\s*)`),
         (_, before, after) => {
           const needSpaceBefore = before === "" && /[\u4e00-\u9fa5]$/.test(spacedText.split(placeholder)[0]);
@@ -86,7 +88,10 @@ var MarkdownFormatter = class {
   static format(text) {
     const codeBlocks = {};
     let counter = 0;
-    const textWithoutCodeBlocks = text.replace(/```[\s\S]*?```/g, (match) => {
+    if (!text) {
+      return "";
+    }
+    const textWithoutCodeBlocks = text == null ? void 0 : text.replace(/```[\s\S]*?```/g, (match) => {
       const placeholder = `__CODEBLOCK_${counter}__`;
       codeBlocks[placeholder] = match;
       counter++;
@@ -97,9 +102,9 @@ var MarkdownFormatter = class {
     const formattedLines = lines.map((line) => this.addPanguSpacing(line));
     let result = formattedLines.join("\n");
     Object.entries(codeBlocks).forEach(([placeholder, original]) => {
-      result = result.replace(placeholder, original);
+      result = result == null ? void 0 : result.replace(placeholder, original);
     });
-    return result;
+    return result || "";
   }
 };
 var formatter_default = MarkdownFormatter;

package/package.json

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