@ant-design/agentic-ui 2.0.21 → 2.0.22

package/dist/Components/lotties/{ShinyText → TextLoading}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ShinyTextProps {
+export interface TextLoadingProps {
     /**
      * 要显示的文本内容
      * @default "Loading..."
@@ -32,22 +32,22 @@ export interface ShinyTextProps {
     fontSize?: number | string;
 }
 /**
- * 闪光文字加载组件
+ * 文字加载组件
  *
  * 使用CSS动画展示闪光文字效果的加载状态组件，支持自定义文本、样式和动画开关。
  *
  * @component
  * @example
  * // 基础用法
- * <ShinyText />
+ * <TextLoading />
  *
  * @example
  * // 自定义文本
- * <ShinyText text="加载中..." />
+ * <TextLoading text="加载中..." />
  *
  * @example
  * // 自定义样式
- * <ShinyText
+ * <TextLoading
  *   text="正在处理"
  *   fontSize="20px"
  *   style={{ margin: '20px' }}
@@ -55,7 +55,7 @@ export interface ShinyTextProps {
  *
  * @example
  * // 禁用动画
- * <ShinyText disabled={true} />
+ * <TextLoading disabled={true} />
  *
  * @param props - 组件属性
  * @param props.text - 要显示的文本内容，默认为 "Loading..."
@@ -63,7 +63,7 @@ export interface ShinyTextProps {
  * @param props.className - 容器类名
  * @param props.style - 容器自定义样式
  * @param props.fontSize - 字体大小
- * @returns 渲染的闪光文字组件
+ * @returns 渲染的文字加载组件
  */
-export declare const ShinyText: React.FC<ShinyTextProps>;
-export default ShinyText;
+export declare const TextLoading: React.FC<TextLoadingProps>;
+export default TextLoading;

package/dist/Components/lotties/{ShinyText → TextLoading}/index.js

@@ -15,12 +15,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 
-// src/Components/lotties/ShinyText/index.tsx
+// src/Components/lotties/TextLoading/index.tsx
 import { ConfigProvider } from "antd";
 import cx from "classnames";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
-var ShinyText = ({
+var TextLoading = ({
   text = "Loading...",
   disabled = false,
   theme = "light",
@@ -29,7 +29,7 @@ var ShinyText = ({
   fontSize
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("agentic-shiny-text");
+  const prefixCls = getPrefixCls("agentic-text-loading");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const containerStyle = __spreadValues({
     fontSize
@@ -44,7 +44,7 @@ var ShinyText = ({
           [`${prefixCls}-light`]: theme === "light"
         }),
         style: containerStyle,
-        "data-testid": "shiny-text",
+        "data-testid": "text-loading",
         "aria-label": text,
         role: "status",
         "aria-live": "polite"
@@ -53,8 +53,8 @@ var ShinyText = ({
     )
   );
 };
-var ShinyText_default = ShinyText;
+var TextLoading_default = TextLoading;
 export {
-  ShinyText,
-  ShinyText_default as default
+  TextLoading,
+  TextLoading_default as default
 };

package/dist/Components/lotties/{ShinyText → TextLoading}/style.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/Components/lotties/ShinyText/style.ts
+// src/Components/lotties/TextLoading/style.ts
 import { Keyframes } from "@ant-design/cssinjs";
 import {
   useEditorStyleRegister
@@ -72,11 +72,11 @@ var genStyle = (token) => {
   };
 };
 function useStyle(prefixCls) {
-  return useEditorStyleRegister("ShinyText", (token) => {
-    const shinyTextToken = __spreadProps(__spreadValues({}, token), {
+  return useEditorStyleRegister("TextLoading", (token) => {
+    const textLoadingToken = __spreadProps(__spreadValues({}, token), {
       componentCls: `.${prefixCls}`
     });
-    return [genStyle(shinyTextToken)];
+    return [genStyle(textLoadingToken)];
   });
 }
 export {

package/dist/Components/lotties/index.d.ts

@@ -1 +1 @@
-export * from './ShinyText';
+export * from './TextLoading';

package/dist/Components/lotties/index.js

@@ -1,2 +1,2 @@
 // src/Components/lotties/index.ts
-export * from "./ShinyText";
+export * from "./TextLoading";

package/dist/History/components/HistoryItem.js

@@ -109,7 +109,11 @@ var HistoryItemSingle = React.memo(
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const prefixCls = getPrefixCls("agentic-chat-history-menu");
     const { hashId } = useStyle(prefixCls);
-    const { textRef, isTextOverflow } = useTextOverflow(item.sessionTitle);
+    const displayText = React.useMemo(
+      () => item.displayTitle || item.sessionTitle,
+      [item.displayTitle, item.sessionTitle]
+    );
+    const { textRef, isTextOverflow } = useTextOverflow(displayText);
     const isRunning = React.useMemo(
       () => runningId == null ? void 0 : runningId.includes(String(item.id || "")),
       [runningId, item.id]
@@ -205,7 +209,7 @@ var HistoryItemSingle = React.memo(
             /* @__PURE__ */ React.createElement(
               Tooltip,
               {
-                title: isTextOverflow ? item.sessionTitle : null,
+                title: isTextOverflow ? displayText : null,
                 mouseEnterDelay: 0.3,
                 open: isTextOverflow ? void 0 : false
               },
@@ -219,7 +223,7 @@ var HistoryItemSingle = React.memo(
                     color: "var(--color-gray-text-default)"
                   }
                 },
-                item.sessionTitle
+                displayText
               )
             )
           )
@@ -270,7 +274,11 @@ var HistoryItemMulti = React.memo(
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const prefixCls = getPrefixCls("agentic-chat-history-menu");
     const { hashId } = useStyle(prefixCls);
-    const { textRef, isTextOverflow } = useTextOverflow(item.sessionTitle);
+    const displayText = React.useMemo(
+      () => item.displayTitle || item.sessionTitle,
+      [item.displayTitle, item.sessionTitle]
+    );
+    const { textRef, isTextOverflow } = useTextOverflow(displayText);
     const isTask = React.useMemo(() => type === "task", [type]);
     const { locale } = React.useContext(I18nContext);
     const shouldShowIcon = React.useMemo(
@@ -386,7 +394,7 @@ var HistoryItemMulti = React.memo(
             /* @__PURE__ */ React.createElement(
               Tooltip,
               {
-                title: isTextOverflow ? item.sessionTitle : null,
+                title: isTextOverflow ? displayText : null,
                 mouseEnterDelay: 0.3,
                 open: isTextOverflow ? void 0 : false
               },
@@ -399,7 +407,7 @@ var HistoryItemMulti = React.memo(
                     color: "var(--color-gray-text-default)"
                   }
                 },
-                item.sessionTitle
+                displayText
               )
             )
           ),

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

@@ -9,6 +9,8 @@ export type HistoryDataType = {
     tenantId?: string;
     /** 会话标题 */
     sessionTitle?: React.ReactNode;
+    /** 展示标题（标题自定义渲染，不参与内置的搜索功能） */
+    displayTitle?: React.ReactNode;
     /** 会话描述/副标题 */
     description?: React.ReactNode;
     /** 会话图标 */

package/dist/MarkdownEditor/editor/components/ContributorAvatar/index.js

@@ -45,7 +45,7 @@ var ContributorAvatar = (props) => {
 };
 var AvatarList = ({ displayList, style }) => {
   const context = React.useContext(ConfigProvider.ConfigContext);
-  const baseCls = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-contributor-avatar-list");
+  const baseCls = context == null ? void 0 : context.getPrefixCls("agentic-contributor-avatar-list");
   const { wrapSSR, hashId } = useStyle(baseCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.js

@@ -11,7 +11,9 @@ var TableRowIndex = ({
   tablePath
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-table-row-index");
+  const baseClassName = context == null ? void 0 : context.getPrefixCls(
+    "agentic-md-editor-table-row-index"
+  );
   const { wrapSSR, hashId } = useStyle(baseClassName);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/elements/TagPopup/index.js

@@ -109,7 +109,7 @@ var handleMouseLeave = (domRef) => {
     return;
   target.classList.add("no-focus");
 };
-var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder) => {
+var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder, isOpen) => {
   const isEmpty = !(text == null ? void 0 : text.trim());
   const hasItems = (selectedItems == null ? void 0 : selectedItems.length) > 0;
   return /* @__PURE__ */ React.createElement(
@@ -131,7 +131,8 @@ var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, childre
       ChevronDown,
       {
         className: classNames(`${baseCls}-tag-popup-input-arrow `, hashId, {
-          empty: isEmpty
+          empty: isEmpty,
+          open: isOpen
         })
       }
     )
@@ -231,6 +232,7 @@ var TagPopup = (props) => {
     initializeAutoOpen(props.autoOpen, type, setOpen, suggestionConnext);
   }, []);
   const placeholder = props.placeholder;
+  const isOpen = type === "dropdown" ? open : (suggestionConnext == null ? void 0 : suggestionConnext.open) || false;
   const defaultDom = createDefaultDom(
     domRef,
     baseCls,
@@ -239,7 +241,8 @@ var TagPopup = (props) => {
     selectedItems,
     children,
     props.text,
-    placeholder
+    placeholder,
+    isOpen
   );
   const renderDom = getRenderDom(
     props.tagRender,

package/dist/MarkdownEditor/editor/elements/TagPopup/style.js

@@ -57,7 +57,11 @@ var genStyle = (token) => {
           right: "4px",
           top: "50%",
           transform: "translateY(-50%)",
-          color: "var(--color-primary-text-disabled)"
+          color: "var(--color-primary-text-disabled)",
+          transition: "transform 0.2s ease",
+          "&.open": {
+            transform: "translateY(-50%) rotate(180deg)"
+          }
         }
       },
       "&-tag-popup-input-has-arrow": {

package/dist/MarkdownInputField/AttachmentButton/style.js

@@ -39,7 +39,7 @@ var genStyle = (token) => {
       color: "var(--color-gray-text-secondary)",
       gap: 4,
       "&:hover": {
-        backgroundColor: "rgba(0, 28, 57, 0.0353)"
+        backgroundColor: "var(--color-gray-control-fill-hover)"
       },
       [`${token.componentCls}-file-list`]: {
         "&-item": {

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -33,7 +33,8 @@ var SCROLL_STYLE = {
   overflowY: "hidden",
   WebkitOverflowScrolling: "touch",
   overscrollBehavior: "contain",
-  touchAction: "pan-x"
+  touchAction: "pan-x",
+  paddingRight: 54
 };
 var POPOVER_OVERLAY_STYLE = { padding: 0 };
 var DraggablePopupItem = React.memo((props) => {

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -154,7 +154,7 @@ var MarkdownInputField = (_a) => {
     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)) {
-      return 160;
+      return 140;
     }
     if (isMultiRowLayout)
       return 106;

package/dist/MarkdownInputField/VoiceInput/style.js

@@ -39,7 +39,7 @@ var genStyle = (token) => {
       gap: "4px",
       color: "var(--color-gray-text-secondary)",
       "&:hover": {
-        background: "rgba(0, 28, 57, 0.0353)"
+        background: "var(--color-gray-control-fill-hover)"
       },
       "&&-disabled": {
         cursor: "not-allowed",

package/dist/MarkdownInputField/style.js

@@ -88,12 +88,6 @@ var genStyle = (token) => {
         outline: "1px solid transparent"
       },
       "&-enlarged": {
-        "> div:last-child": {
-          flex: 1,
-          height: "100%",
-          minHeight: "100%",
-          width: "100%"
-        },
         [`${token.componentCls}-editor`]: {
           flex: 1,
           height: "100%",
@@ -181,9 +175,9 @@ var genStyle = (token) => {
       "&-quick-actions": {
         position: "absolute",
         userSelect: "none",
-        right: 0,
-        width: "40px",
+        width: "32px",
         top: 12,
+        right: 12,
         boxSizing: "border-box",
         zIndex: 99,
         display: "flex",

package/dist/Plugins/chart/DonutChart/style.js

@@ -59,6 +59,7 @@ var genStyle = (token) => {
       "&-row": {
         display: "flex",
         alignItems: "center",
+        flexDirection: "row",
         [`@media (max-width: 768px)`]: {
           flexDirection: "column",
           alignItems: "stretch"

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

@@ -42,6 +42,7 @@ import {
   PointElement,
   Tooltip
 } from "chart.js";
+import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import {
@@ -56,6 +57,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(
   CategoryScale,
   LinearScale,
@@ -125,6 +127,7 @@ var LineChart = (_a) => {
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("line-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -325,65 +328,73 @@ var LineChart = (_a) => {
   const handleDownload = () => {
     downloadChart(chartRef.current, "line-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant: props.variant,
-      style: {
-        width: responsiveWidth
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { height: responsiveHeight }
+        isMobile,
+        variant: props.variant,
+        style: {
+          width: responsiveWidth
+        }
       },
-      /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      /* @__PURE__ */ React.createElement(
+        ChartToolBar,
+        {
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
+        }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      )
     )
   );
 };

package/dist/Plugins/chart/LineChart/style.js

@@ -26,6 +26,14 @@ var genStyle = (token) => {
   return {
     [token.componentCls]: {
       // 折线图容器样式
+      // 统计数据容器样式
+      "&-statistic-container": {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      },
       ".chart-wrapper": {
         width: "100%",
         height: "calc(100% - 120px)",

package/dist/Schema/SchemaRenderer/index.js

@@ -49,11 +49,11 @@ import React, {
   useState
 } from "react";
 import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
-import { mdDataSchemaValidator } from "../validator";
 import {
   createSandbox,
   DEFAULT_SANDBOX_CONFIG
 } from "../../Utils/proxySandbox";
+import { mdDataSchemaValidator } from "../validator";
 import { TemplateEngine } from "./templateEngine";
 export * from "./templateEngine";
 var ErrorBoundary = class extends Component {

package/package.json

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