npm - @ai-group/chat-sdk - Versions diffs - 3.7.1-alpha5 → 3.7.1-alpha8 - Mend

@ai-group/chat-sdk 3.7.1-alpha5 → 3.7.1-alpha8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (110) hide show

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import "@ant-design/x-markdown/themes/light.css";
-import type { FileItem, MarkdownResourceLink, RenderMarkdownResourceLink } from "../../../../types";
+import type { FileItem, MarkdownExtension, MarkdownResourceLink, RenderMarkdownResourceLink } from "../../../../types";
 export interface MarkdownRenderProps {
     text: string;
     /** 紧凑布局，适合用户消息气泡等内联场景 */
@@ -13,6 +13,16 @@ export interface MarkdownRenderProps {
     onResourceLinkClick?: (link: MarkdownResourceLink) => void;
     /** 自定义资源链接渲染，返回 null 时使用默认标签样式 */
     renderResourceLink?: RenderMarkdownResourceLink;
+    /** Markdown/XML 自定义标签扩展 */
+    markdownExtensions?: readonly MarkdownExtension[];
+    /**
+     * 将命中文件扩展名的裸 URL 当作纯文本展示，不升级为 FileGallery。
+     * 用户消息应如实展示输入文本，除资源链接等业务扩展外不做额外富化。
+     * 默认 false，保留 Agent 消息现有行为。
+     */
+    bareUrlAsText?: boolean;
+    /** 将已经丢失资源 URI 的 @name 兼容渲染成只读高亮标签。 */
+    highlightPlainMentions?: boolean;
 }
 declare const MarkdownRender: React.FC<MarkdownRenderProps>;
 export default MarkdownRender;

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js CHANGED Viewed

@@ -85,8 +85,12 @@ var extractExt = (str) => {
     return "";
   return match[1].toLowerCase();
 };
-var escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-var escapeAttr = (value) => escapeHtml(value).replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+var escapeMarkdownLabel = (value) => value.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
+var RESOURCE_LINK_SENTINEL = "https://xadk.local/resource";
+var PLAIN_MENTION_SENTINEL = "https://xadk.local/mention";
+var CUSTOM_TAG_NAME_REGEX = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)+$/;
+var CUSTOM_ATTRIBUTE_NAME_REGEX = /^[a-z][a-z0-9-]*$/;
+var EMPTY_MARKDOWN_EXTENSIONS = [];
 var CodeComponent = (props) => {
   var _a;
   const { className, children } = props;
@@ -127,19 +131,59 @@ var extractText = (children) => {
     return extractText(children.props.children);
   return "";
 };
+var getExtensionAttribute = (props, attribute) => {
+  const record = props;
+  const camelCase = attribute.replace(
+    /-([a-z])/g,
+    (_, char) => char.toUpperCase()
+  );
+  const compact = attribute.replaceAll("-", "");
+  const value = record[attribute] ?? record[camelCase] ?? record[compact];
+  return value === void 0 || value === null ? void 0 : String(value);
+};
+var getAllowedExtensionAttributes = (extension) => (extension.allowedAttributes || []).filter(
+  (attribute) => CUSTOM_ATTRIBUTE_NAME_REGEX.test(attribute) && !attribute.startsWith("on") && attribute !== "style" && attribute !== "srcdoc"
+);
+var createMarkdownExtensionComponent = (extension) => {
+  const MarkdownExtensionComponent = (props) => {
+    const attributes = Object.fromEntries(
+      getAllowedExtensionAttributes(extension).flatMap((attribute) => {
+        const value = getExtensionAttribute(props, attribute);
+        return value === void 0 ? [] : [[attribute, value]];
+      })
+    );
+    const node = {
+      tagName: extension.tagName,
+      attributes,
+      text: extractText(props.children).trim(),
+      children: props.children
+    };
+    const customNode = extension.render(node);
+    return customNode === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children }) : customNode;
+  };
+  MarkdownExtensionComponent.displayName = `MarkdownExtension(${extension.tagName})`;
+  return MarkdownExtensionComponent;
+};
 var MarkdownRender = ({
   text,
   compact = false,
   resourceLinkSchemes,
   onFileClick,
   onResourceLinkClick,
-  renderResourceLink
+  renderResourceLink,
+  markdownExtensions = EMPTY_MARKDOWN_EXTENSIONS,
+  bareUrlAsText = false,
+  highlightPlainMentions = false
 }) => {
   const styles = (0, import_styles.useStyles)();
+  const displayText = highlightPlainMentions ? text.replace(
+    /(^|[^\[a-z0-9_])@([a-z0-9][a-z0-9._-]*)/gi,
+    (_source, prefix, label) => `${prefix}[${escapeMarkdownLabel(label)}](${PLAIN_MENTION_SENTINEL}?label=${encodeURIComponent(label)})`
+  ) : text;
   const markdown = (0, import_markdownResource.replaceMarkdownResourceLinks)(
-    text,
+    displayText,
     (link) => {
-      return `<resource-link href="${escapeAttr(link.href)}" label="${escapeAttr(link.label)}" type="${escapeAttr(link.type)}" value="${escapeAttr(link.value)}">${escapeHtml(link.label)}</resource-link>`;
+      return `[${escapeMarkdownLabel(link.label)}](${RESOURCE_LINK_SENTINEL}?href=${encodeURIComponent(link.href)}&label=${encodeURIComponent(link.label)})`;
     },
     { schemes: resourceLinkSchemes }
   ).replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(
@@ -155,6 +199,7 @@ var MarkdownRender = ({
       });
       if (!resourceLink)
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+      const displayLabel = (0, import_markdownResource.getMarkdownResourceDisplayLabel)(resourceLink.label);
       const customNode = renderResourceLink == null ? void 0 : renderResourceLink(resourceLink);
       if (customNode)
         return customNode;
@@ -164,8 +209,10 @@ var MarkdownRender = ({
           type: "button",
           className: styles.resourceLink,
           onClick: () => onResourceLinkClick == null ? void 0 : onResourceLinkClick(resourceLink),
-          "aria-label": resourceLink.label,
-          children: resourceLink.label
+          "aria-label": displayLabel,
+          "data-xadk-resource-link": resourceLink.type,
+          "data-resource-markdown": `[${resourceLink.label}](${resourceLink.href})`,
+          children: displayLabel
         }
       );
     },
@@ -176,14 +223,58 @@ var MarkdownRender = ({
       styles.resourceLink
     ]
   );
+  const PlainMentionComponent = import_react.default.useCallback(
+    (props) => {
+      const label = String(props.label || "") || extractText(props.children);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: styles.resourceLink,
+          "aria-label": label,
+          "data-xadk-resource-link": "true",
+          children: label
+        }
+      );
+    },
+    [styles.resourceLink]
+  );
   const LinkComponent = import_react.default.useCallback(
     (props) => {
       const href = String(props.href || "");
       const linkText = extractText(props.children);
-      const resourceLink = (0, import_markdownResource.parseMarkdownResourceHref)(href, linkText, {
-        schemes: resourceLinkSchemes
-      });
+      let resolvedHref = href;
+      let resolvedLabel = linkText;
+      try {
+        const internalUrl = new URL(href);
+        if (internalUrl.origin + internalUrl.pathname === PLAIN_MENTION_SENTINEL) {
+          const label = internalUrl.searchParams.get("label") || linkText;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: styles.resourceLink,
+              "aria-label": label,
+              "data-xadk-resource-link": "true",
+              children: label
+            }
+          );
+        }
+        if (internalUrl.origin + internalUrl.pathname === RESOURCE_LINK_SENTINEL) {
+          resolvedHref = internalUrl.searchParams.get("href") || "";
+          resolvedLabel = internalUrl.searchParams.get("label") || linkText;
+        }
+      } catch {
+      }
+      const resourceLink = (0, import_markdownResource.parseMarkdownResourceHref)(
+        resolvedHref,
+        resolvedLabel,
+        {
+          schemes: resourceLinkSchemes
+        }
+      );
       if (resourceLink) {
+        const displayLabel = (0, import_markdownResource.getMarkdownResourceDisplayLabel)(
+          resourceLink.label
+        );
         const customNode = renderResourceLink == null ? void 0 : renderResourceLink(resourceLink);
         if (customNode)
           return customNode;
@@ -193,8 +284,10 @@ var MarkdownRender = ({
             type: "button",
             className: styles.resourceLink,
             onClick: () => onResourceLinkClick == null ? void 0 : onResourceLinkClick(resourceLink),
-            "aria-label": resourceLink.label,
-            children: resourceLink.label
+            "aria-label": displayLabel,
+            "data-xadk-resource-link": resourceLink.type,
+            "data-resource-markdown": `[${resourceLink.label}](${resourceLink.href})`,
+            children: displayLabel
           }
         );
       }
@@ -202,6 +295,9 @@ var MarkdownRender = ({
       if (ext) {
         if (!href)
           return null;
+        if (bareUrlAsText) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: linkText || href });
+        }
         const mimeType = MIME_MAP[ext] || "";
         const fileItem = {
           displayName: linkText || href,
@@ -223,9 +319,40 @@ var MarkdownRender = ({
       onResourceLinkClick,
       renderResourceLink,
       resourceLinkSchemes,
-      styles.resourceLink
+      styles.resourceLink,
+      bareUrlAsText
     ]
   );
+  const enabledMarkdownExtensions = import_react.default.useMemo(() => {
+    const registeredTags = /* @__PURE__ */ new Set();
+    return markdownExtensions.filter((extension) => {
+      const tagName = extension.tagName.toLowerCase();
+      if (!CUSTOM_TAG_NAME_REGEX.test(tagName) || registeredTags.has(tagName)) {
+        return false;
+      }
+      registeredTags.add(tagName);
+      return true;
+    });
+  }, [markdownExtensions]);
+  const dompurifyConfig = import_react.default.useMemo(() => {
+    const allowedAttributes = Array.from(
+      new Set(
+        enabledMarkdownExtensions.flatMap((extension) => [
+          ...getAllowedExtensionAttributes(extension)
+        ])
+      )
+    );
+    return allowedAttributes.length ? { ADD_ATTR: allowedAttributes } : void 0;
+  }, [enabledMarkdownExtensions]);
+  const extensionComponents = import_react.default.useMemo(
+    () => Object.fromEntries(
+      enabledMarkdownExtensions.map((extension) => [
+        extension.tagName.toLowerCase(),
+        createMarkdownExtensionComponent(extension)
+      ])
+    ),
+    [enabledMarkdownExtensions]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
@@ -240,14 +367,17 @@ var MarkdownRender = ({
               content: markdown,
               className: "x-markdown-light",
               paragraphTag: "div",
+              dompurifyConfig,
               config: {
                 extensions: (0, import_Latex.default)()
               },
               components: {
                 tag: ThinkComponent,
                 "resource-link": ResourceLinkComponent,
+                "plain-mention": PlainMentionComponent,
                 code: CodeComponent,
-                a: LinkComponent
+                a: LinkComponent,
+                ...extensionComponents
               },
               streaming: {
                 enableAnimation: true,

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/index.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport \"@ant-design/x-markdown/themes/light.css\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\nimport FileGallery from \"@/components/FileGallery\";\nimport type {\n  FileItem,\n  MarkdownResourceLink,\n  RenderMarkdownResourceLink,\n} from \"@/types\";\nimport {\n  parseMarkdownResourceHref,\n  replaceMarkdownResourceLinks,\n} from \"@/utils/markdownResource\";\n\n// 支持识别的文件扩展名\nconst FILE_EXT_REGEX =\n  /\\.(pdf|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|7z|txt|md|json|xml|mp3|wav|m4a|aac|ogg|flac|mp4|mov|webm|mkv|avi|png|jpg|jpeg|gif|webp|bmp|svg)(\\?.*)?$/i;\n\nconst MIME_MAP: Record<string, string> = {\n  pdf: \"application/pdf\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  csv: \"text/csv\",\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  zip: \"application/zip\",\n  rar: \"application/x-rar-compressed\",\n  \"7z\": \"application/x-7z-compressed\",\n  txt: \"text/plain\",\n  md: \"text/markdown\",\n  json: \"application/json\",\n  xml: \"application/xml\",\n  mp3: \"audio/mpeg\",\n  wav: \"audio/wav\",\n  m4a: \"audio/mp4\",\n  aac: \"audio/aac\",\n  ogg: \"audio/ogg\",\n  flac: \"audio/flac\",\n  mp4: \"video/mp4\",\n  mov: \"video/quicktime\",\n  webm: \"video/webm\",\n  mkv: \"video/x-matroska\",\n  avi: \"video/x-msvideo\",\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  bmp: \"image/bmp\",\n  svg: \"image/svg+xml\",\n};\n\n/**\n * 从字符串中提取文件扩展名（小写，不含点和查询参数）\n */\nconst extractExt = (str: string): string => {\n  const match = str.match(FILE_EXT_REGEX);\n  if (!match) return \"\";\n  return match[1].toLowerCase();\n};\n\nconst escapeHtml = (value: string) =>\n  value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n\nconst escapeAttr = (value: string) =>\n  escapeHtml(value).replace(/\"/g, \"&quot;\").replace(/'/g, \"&#39;\");\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n  /** 紧凑布局，适合用户消息气泡等内联场景 */\n  compact?: boolean;\n  /** Markdown 资源链接协议白名单，未命中的协议保持普通 Markdown 行为 */\n  resourceLinkSchemes?: readonly string[];\n  /** 点击 Markdown 中识别到的文件链接的回调 */\n  onFileClick?: (file: FileItem) => void;\n  /** 点击 Markdown 中识别到的资源链接标签，如 [@skill](skill://xxx) */\n  onResourceLinkClick?: (link: MarkdownResourceLink) => void;\n  /** 自定义资源链接渲染，返回 null 时使用默认标签样式 */\n  renderResourceLink?: RenderMarkdownResourceLink;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\n/**\n * 递归从 React children 中提取纯文本\n */\nconst extractText = (children: React.ReactNode): string => {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  if (Array.isArray(children)) return children.map(extractText).join(\"\");\n  if (React.isValidElement(children))\n    return extractText((children.props as any).children);\n  return \"\";\n};\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({\n  text,\n  compact = false,\n  resourceLinkSchemes,\n  onFileClick,\n  onResourceLinkClick,\n  renderResourceLink,\n}) => {\n  const styles = useStyles();\n  const markdown = replaceMarkdownResourceLinks(\n    text,\n    (link) => {\n      // 非 http(s) 协议容易被 Markdown 引擎清洗成普通文本，先转为内部自定义标签再交给 XMarkdown。\n      return `<resource-link href=\"${escapeAttr(link.href)}\" label=\"${escapeAttr(link.label)}\" type=\"${escapeAttr(link.type)}\" value=\"${escapeAttr(link.value)}\">${escapeHtml(link.label)}</resource-link>`;\n    },\n    { schemes: resourceLinkSchemes },\n  )\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  const ResourceLinkComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const href = String((props.href as string) || \"\");\n      const linkText =\n        String((props.label as string) || \"\") || extractText(props.children);\n      const resourceLink = parseMarkdownResourceHref(href, linkText, {\n        schemes: resourceLinkSchemes,\n      });\n      if (!resourceLink) return <>{props.children as React.ReactNode}</>;\n\n      const customNode = renderResourceLink?.(resourceLink);\n      if (customNode) return customNode;\n\n      return (\n        <button\n          type=\"button\"\n          className={styles.resourceLink}\n          onClick={() => onResourceLinkClick?.(resourceLink)}\n          aria-label={resourceLink.label}\n        >\n          {resourceLink.label}\n        </button>\n      );\n    },\n    [\n      onResourceLinkClick,\n      renderResourceLink,\n      resourceLinkSchemes,\n      styles.resourceLink,\n    ],\n  );\n\n  // 自定义 a 标签渲染：资源协议渲染为标签，文件链接渲染为 FileGallery，其余保持普通链接。\n  const LinkComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const href = String((props.href as string) || \"\");\n      // 用递归提取纯文本，避免 children 是 React node 时 String() 得到 \"[object Object]\"\n      const linkText = extractText(props.children);\n      const resourceLink = parseMarkdownResourceHref(href, linkText, {\n        schemes: resourceLinkSchemes,\n      });\n\n      if (resourceLink) {\n        const customNode = renderResourceLink?.(resourceLink);\n        if (customNode) return customNode;\n\n        return (\n          <button\n            type=\"button\"\n            className={styles.resourceLink}\n            onClick={() => onResourceLinkClick?.(resourceLink)}\n            aria-label={resourceLink.label}\n          >\n            {resourceLink.label}\n          </button>\n        );\n      }\n\n      // 先识别 name（链接文字），再识别 url（href）\n      const ext = extractExt(linkText) || extractExt(href);\n\n      if (ext) {\n        // href 为空说明链接还在流式截断中，不渲染，避免显示出错误文字\n        if (!href) return null;\n        const mimeType = MIME_MAP[ext] || \"\";\n        const fileItem: FileItem = {\n          displayName: linkText || href,\n          mimeType,\n          fileUri: href,\n        };\n        return (\n          <FileGallery\n            file={fileItem}\n            onClick={onFileClick ? () => onFileClick(fileItem) : undefined}\n          />\n        );\n      }\n\n      return (\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {props.children as React.ReactNode}\n        </a>\n      );\n    },\n    [\n      onFileClick,\n      onResourceLinkClick,\n      renderResourceLink,\n      resourceLinkSchemes,\n      styles.resourceLink,\n    ],\n  );\n\n  return (\n    <div\n      className={`${styles.markdownWrapper}${compact ? ` ${styles.markdownWrapperCompact}` : \"\"}`}\n    >\n      <div\n        className={`${styles.markdownHost}${compact ? ` ${styles.markdownHostCompact}` : \"\"}`}\n      >\n        <XMarkdown\n          content={markdown}\n          className=\"x-markdown-light\"\n          paragraphTag=\"div\"\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            \"resource-link\": ResourceLinkComponent,\n            code: CodeComponent,\n            a: LinkComponent,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport \"@ant-design/x-markdown/themes/light.css\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\nimport FileGallery from \"@/components/FileGallery\";\nimport type {\n  FileItem,\n  MarkdownExtension,\n  MarkdownExtensionNode,\n  MarkdownResourceLink,\n  RenderMarkdownResourceLink,\n} from \"@/types\";\nimport {\n  parseMarkdownResourceHref,\n  getMarkdownResourceDisplayLabel,\n  replaceMarkdownResourceLinks,\n} from \"@/utils/markdownResource\";\n\n// 支持识别的文件扩展名\nconst FILE_EXT_REGEX =\n  /\\.(pdf|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|7z|txt|md|json|xml|mp3|wav|m4a|aac|ogg|flac|mp4|mov|webm|mkv|avi|png|jpg|jpeg|gif|webp|bmp|svg)(\\?.*)?$/i;\n\nconst MIME_MAP: Record<string, string> = {\n  pdf: \"application/pdf\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  csv: \"text/csv\",\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  zip: \"application/zip\",\n  rar: \"application/x-rar-compressed\",\n  \"7z\": \"application/x-7z-compressed\",\n  txt: \"text/plain\",\n  md: \"text/markdown\",\n  json: \"application/json\",\n  xml: \"application/xml\",\n  mp3: \"audio/mpeg\",\n  wav: \"audio/wav\",\n  m4a: \"audio/mp4\",\n  aac: \"audio/aac\",\n  ogg: \"audio/ogg\",\n  flac: \"audio/flac\",\n  mp4: \"video/mp4\",\n  mov: \"video/quicktime\",\n  webm: \"video/webm\",\n  mkv: \"video/x-matroska\",\n  avi: \"video/x-msvideo\",\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  bmp: \"image/bmp\",\n  svg: \"image/svg+xml\",\n};\n\n/**\n * 从字符串中提取文件扩展名（小写，不含点和查询参数）\n */\nconst extractExt = (str: string): string => {\n  const match = str.match(FILE_EXT_REGEX);\n  if (!match) return \"\";\n  return match[1].toLowerCase();\n};\n\nconst escapeMarkdownLabel = (value: string) =>\n  value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\\]/g, \"\\\\]\");\n\n// 使用标准 https 链接作为 Markdown AST 的内部载体，避免自定义 HTML 标签被解析器降级成纯文本。\nconst RESOURCE_LINK_SENTINEL = \"https://xadk.local/resource\";\nconst PLAIN_MENTION_SENTINEL = \"https://xadk.local/mention\";\n// 仅开放符合 Custom Element 命名规则的标签，避免覆盖 a/code 等内置 Markdown 节点。\nconst CUSTOM_TAG_NAME_REGEX = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)+$/;\nconst CUSTOM_ATTRIBUTE_NAME_REGEX = /^[a-z][a-z0-9-]*$/;\nconst EMPTY_MARKDOWN_EXTENSIONS: readonly MarkdownExtension[] = [];\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n  /** 紧凑布局，适合用户消息气泡等内联场景 */\n  compact?: boolean;\n  /** Markdown 资源链接协议白名单，未命中的协议保持普通 Markdown 行为 */\n  resourceLinkSchemes?: readonly string[];\n  /** 点击 Markdown 中识别到的文件链接的回调 */\n  onFileClick?: (file: FileItem) => void;\n  /** 点击 Markdown 中识别到的资源链接标签，如 [@skill](skill://xxx) */\n  onResourceLinkClick?: (link: MarkdownResourceLink) => void;\n  /** 自定义资源链接渲染，返回 null 时使用默认标签样式 */\n  renderResourceLink?: RenderMarkdownResourceLink;\n  /** Markdown/XML 自定义标签扩展 */\n  markdownExtensions?: readonly MarkdownExtension[];\n  /**\n   * 将命中文件扩展名的裸 URL 当作纯文本展示，不升级为 FileGallery。\n   * 用户消息应如实展示输入文本，除资源链接等业务扩展外不做额外富化。\n   * 默认 false，保留 Agent 消息现有行为。\n   */\n  bareUrlAsText?: boolean;\n  /** 将已经丢失资源 URI 的 @name 兼容渲染成只读高亮标签。 */\n  highlightPlainMentions?: boolean;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\n/**\n * 递归从 React children 中提取纯文本\n */\nconst extractText = (children: React.ReactNode): string => {\n  if (typeof children === \"string\") return children;\n  if (typeof children === \"number\") return String(children);\n  if (Array.isArray(children)) return children.map(extractText).join(\"\");\n  if (React.isValidElement(children))\n    return extractText((children.props as any).children);\n  return \"\";\n};\n\n// 从组件 props 中获取自定义 Markdown 扩展属性值，支持 kebab-case、camelCase 和 compactCase。\nconst getExtensionAttribute = (\n  props: ComponentProps,\n  attribute: string,\n): string | undefined => {\n  const record = props as Record<string, unknown>;\n  const camelCase = attribute.replace(/-([a-z])/g, (_, char: string) =>\n    char.toUpperCase(),\n  );\n  const compact = attribute.replaceAll(\"-\", \"\");\n  const value = record[attribute] ?? record[camelCase] ?? record[compact];\n  return value === undefined || value === null ? undefined : String(value);\n};\n\n// 仅允许自定义 Markdown 扩展的安全属性，避免 XSS 注入。s\nconst getAllowedExtensionAttributes = (extension: MarkdownExtension) =>\n  (extension.allowedAttributes || []).filter(\n    (attribute) =>\n      CUSTOM_ATTRIBUTE_NAME_REGEX.test(attribute) &&\n      !attribute.startsWith(\"on\") &&\n      attribute !== \"style\" &&\n      attribute !== \"srcdoc\",\n  );\n\nconst createMarkdownExtensionComponent = (\n  extension: MarkdownExtension,\n): React.FC<ComponentProps> => {\n  const MarkdownExtensionComponent: React.FC<ComponentProps> = (props) => {\n    const attributes = Object.fromEntries(\n      getAllowedExtensionAttributes(extension).flatMap((attribute) => {\n        const value = getExtensionAttribute(props, attribute);\n        return value === undefined ? [] : [[attribute, value]];\n      }),\n    );\n    const node: MarkdownExtensionNode = {\n      tagName: extension.tagName,\n      attributes,\n      text: extractText(props.children).trim(),\n      children: props.children as React.ReactNode,\n    };\n    const customNode = extension.render(node);\n    return customNode === null ? (\n      <>{props.children as React.ReactNode}</>\n    ) : (\n      customNode\n    );\n  };\n  MarkdownExtensionComponent.displayName = `MarkdownExtension(${extension.tagName})`;\n  return MarkdownExtensionComponent;\n};\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({\n  text,\n  compact = false,\n  resourceLinkSchemes,\n  onFileClick,\n  onResourceLinkClick,\n  renderResourceLink,\n  markdownExtensions = EMPTY_MARKDOWN_EXTENSIONS,\n  bareUrlAsText = false,\n  highlightPlainMentions = false,\n}) => {\n  const styles = useStyles();\n  const displayText = highlightPlainMentions\n    ? text.replace(\n        /(^|[^\\[a-z0-9_])@([a-z0-9][a-z0-9._-]*)/gi,\n        (_source, prefix: string, label: string) =>\n          `${prefix}[${escapeMarkdownLabel(label)}](${PLAIN_MENTION_SENTINEL}?label=${encodeURIComponent(label)})`,\n      )\n    : text;\n  const markdown = replaceMarkdownResourceLinks(\n    displayText,\n    (link) => {\n      // 非 http(s) 协议会被 Markdown 引擎清洗，先编码到内部标准链接中交给 a renderer 恢复。\n      return `[${escapeMarkdownLabel(link.label)}](${RESOURCE_LINK_SENTINEL}?href=${encodeURIComponent(link.href)}&label=${encodeURIComponent(link.label)})`;\n    },\n    { schemes: resourceLinkSchemes },\n  )\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  const ResourceLinkComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const href = String((props.href as string) || \"\");\n      const linkText =\n        String((props.label as string) || \"\") || extractText(props.children);\n      const resourceLink = parseMarkdownResourceHref(href, linkText, {\n        schemes: resourceLinkSchemes,\n      });\n      if (!resourceLink) return <>{props.children as React.ReactNode}</>;\n      const displayLabel = getMarkdownResourceDisplayLabel(resourceLink.label);\n\n      const customNode = renderResourceLink?.(resourceLink);\n      if (customNode) return customNode;\n\n      return (\n        <button\n          type=\"button\"\n          className={styles.resourceLink}\n          onClick={() => onResourceLinkClick?.(resourceLink)}\n          aria-label={displayLabel}\n          data-xadk-resource-link={resourceLink.type}\n          data-resource-markdown={`[${resourceLink.label}](${resourceLink.href})`}\n        >\n          {displayLabel}\n        </button>\n      );\n    },\n    [\n      onResourceLinkClick,\n      renderResourceLink,\n      resourceLinkSchemes,\n      styles.resourceLink,\n    ],\n  );\n\n  const PlainMentionComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const label =\n        String((props.label as string) || \"\") || extractText(props.children);\n      return (\n        <span\n          className={styles.resourceLink}\n          aria-label={label}\n          data-xadk-resource-link=\"true\"\n        >\n          {label}\n        </span>\n      );\n    },\n    [styles.resourceLink],\n  );\n\n  // 自定义 a 标签渲染：资源协议渲染为标签，文件链接渲染为 FileGallery，其余保持普通链接。\n  const LinkComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const href = String((props.href as string) || \"\");\n      // 用递归提取纯文本，避免 children 是 React node 时 String() 得到 \"[object Object]\"\n      const linkText = extractText(props.children);\n      let resolvedHref = href;\n      let resolvedLabel = linkText;\n      try {\n        const internalUrl = new URL(href);\n        if (\n          internalUrl.origin + internalUrl.pathname ===\n          PLAIN_MENTION_SENTINEL\n        ) {\n          const label = internalUrl.searchParams.get(\"label\") || linkText;\n          return (\n            <span\n              className={styles.resourceLink}\n              aria-label={label}\n              data-xadk-resource-link=\"true\"\n            >\n              {label}\n            </span>\n          );\n        }\n        if (\n          internalUrl.origin + internalUrl.pathname ===\n          RESOURCE_LINK_SENTINEL\n        ) {\n          resolvedHref = internalUrl.searchParams.get(\"href\") || \"\";\n          resolvedLabel = internalUrl.searchParams.get(\"label\") || linkText;\n        }\n      } catch {\n        // 相对链接及非标准 URL 继续走原有解析逻辑。\n      }\n      const resourceLink = parseMarkdownResourceHref(\n        resolvedHref,\n        resolvedLabel,\n        {\n          schemes: resourceLinkSchemes,\n        },\n      );\n\n      if (resourceLink) {\n        const displayLabel = getMarkdownResourceDisplayLabel(\n          resourceLink.label,\n        );\n        const customNode = renderResourceLink?.(resourceLink);\n        if (customNode) return customNode;\n\n        return (\n          <button\n            type=\"button\"\n            className={styles.resourceLink}\n            onClick={() => onResourceLinkClick?.(resourceLink)}\n            aria-label={displayLabel}\n            data-xadk-resource-link={resourceLink.type}\n            data-resource-markdown={`[${resourceLink.label}](${resourceLink.href})`}\n          >\n            {displayLabel}\n          </button>\n        );\n      }\n\n      // 先识别 name（链接文字），再识别 url（href）\n      const ext = extractExt(linkText) || extractExt(href);\n\n      if (ext) {\n        // href 为空说明链接还在流式截断中，不渲染，避免显示出错误文字\n        if (!href) return null;\n        // 用户消息场景：裸 URL 不富化，直接展示为纯文本字符串\n        if (bareUrlAsText) {\n          return <>{linkText || href}</>;\n        }\n        const mimeType = MIME_MAP[ext] || \"\";\n        const fileItem: FileItem = {\n          displayName: linkText || href,\n          mimeType,\n          fileUri: href,\n        };\n        return (\n          <FileGallery\n            file={fileItem}\n            onClick={onFileClick ? () => onFileClick(fileItem) : undefined}\n          />\n        );\n      }\n\n      return (\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {props.children as React.ReactNode}\n        </a>\n      );\n    },\n    [\n      onFileClick,\n      onResourceLinkClick,\n      renderResourceLink,\n      resourceLinkSchemes,\n      styles.resourceLink,\n      bareUrlAsText,\n    ],\n  );\n\n  const enabledMarkdownExtensions = React.useMemo(() => {\n    const registeredTags = new Set<string>();\n    return markdownExtensions.filter((extension) => {\n      const tagName = extension.tagName.toLowerCase();\n      if (!CUSTOM_TAG_NAME_REGEX.test(tagName) || registeredTags.has(tagName)) {\n        return false;\n      }\n      registeredTags.add(tagName);\n      return true;\n    });\n  }, [markdownExtensions]);\n  const dompurifyConfig = React.useMemo(() => {\n    const allowedAttributes = Array.from(\n      new Set(\n        enabledMarkdownExtensions.flatMap((extension) => [\n          ...getAllowedExtensionAttributes(extension),\n        ]),\n      ),\n    );\n    return allowedAttributes.length\n      ? { ADD_ATTR: allowedAttributes }\n      : undefined;\n  }, [enabledMarkdownExtensions]);\n  const extensionComponents = React.useMemo(\n    () =>\n      Object.fromEntries(\n        enabledMarkdownExtensions.map((extension) => [\n          extension.tagName.toLowerCase(),\n          createMarkdownExtensionComponent(extension),\n        ]),\n      ),\n    [enabledMarkdownExtensions],\n  );\n\n  return (\n    <div\n      className={`${styles.markdownWrapper}${compact ? ` ${styles.markdownWrapperCompact}` : \"\"}`}\n    >\n      <div\n        className={`${styles.markdownHost}${compact ? ` ${styles.markdownHostCompact}` : \"\"}`}\n      >\n        <XMarkdown\n          content={markdown}\n          className=\"x-markdown-light\"\n          paragraphTag=\"div\"\n          dompurifyConfig={dompurifyConfig}\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            \"resource-link\": ResourceLinkComponent,\n            \"plain-mention\": PlainMentionComponent,\n            code: CodeComponent,\n            a: LinkComponent,\n            ...extensionComponents,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
+  "mappings": "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",
   "names": ["React", "FileGallery", "XMarkdown", "Latex"]
 }

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js CHANGED Viewed

@@ -127,6 +127,39 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
       margin: 0;
       line-height: inherit;
     }
+    /* 用户消息里的普通资源引用保持蓝色；知识库引用用无底色灰字与输入框标签区分。 */
+    [data-xadk-resource-link] {
+      height: auto;
+      margin: 0 4px;
+      padding: 0;
+      border: 0;
+      border-radius: 0;
+      background: transparent;
+      color: #1677ff;
+      font-size: inherit;
+      font-weight: 500;
+      line-height: inherit;
+      cursor: default;
+      &:hover {
+        border-color: transparent;
+        background: transparent;
+        color: #1677ff;
+      }
+    }
+    && [data-xadk-resource-link="kb"] {
+      padding: 0;
+      border-radius: 0;
+      background: transparent;
+      color: #666666;
+      &:hover {
+        background: transparent;
+        color: #666666;
+      }
+    }
   `,
   resourceLink: import_css.css`
     display: inline-flex;
@@ -148,6 +181,17 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
       border-color: #91caff;
       background: #eaf3ff;
     }
+    &[data-xadk-resource-link="kb"] {
+      border-color: #f1f1f1;
+      background: #f1f1f1;
+      color: #1a1a1a;
+      &:hover {
+        border-color: #e5e5e5;
+        background: #e8e8e8;
+      }
+    }
   `
 }));
 var styles_default = useStyles;

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/styles.tsx"],
-  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  markdownWrapper: css`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr); /* 关键：允许内容收缩 */\n    max-width: 100%; /* 自定义最大宽度 */\n    margin: 0 auto;\n  `,\n\n  markdownWrapperCompact: css`\n    display: inline;\n    margin: 0;\n    max-width: none;\n  `,\n\n  markdownHost: css`\n    container-type: inline-size;\n    width: 100%;\n    overflow: auto;\n\n    /* ===== Markdown 基础排版 ===== */\n\n    p {\n      margin: 8px 0;\n      line-height: 1.6;\n    }\n\n    ul,\n    ol {\n      padding-left: 20px;\n      margin-top: 0;\n      margin-bottom: 8px;\n    }\n\n    li {\n      margin: 0 0 4px 0 !important;\n    }\n\n    u {\n      text-decoration: underline;\n    }\n\n    em {\n      font-style: italic;\n    }\n\n    /* ===== Table 样式 ===== */\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      max-width: 100%;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    thead {\n      background: #fafafa;\n    }\n\n    th,\n    td {\n      border: 1px solid #e5e6eb;\n      padding: 8px 12px;\n      text-align: left;\n    }\n\n    th {\n      font-weight: 600;\n    }\n\n    tbody tr:hover {\n      background: #fafafa;\n    }\n\n    /* ===== Code ===== */\n\n    pre {\n      margin: 12px 0;\n    }\n\n    ant-highlightCode {\n      max-width: min(100%, 80ch);\n      overflow-x: auto;\n    }\n\n    /* ===== 图片 ===== */\n\n    img {\n      max-width: 100%;\n      border-radius: 6px;\n    }\n  `,\n\n  markdownHostCompact: css`\n    display: inline;\n    width: auto;\n    overflow: visible;\n\n    .x-markdown-light,\n    p,\n    div {\n      display: inline;\n      margin: 0;\n      line-height: inherit;\n    }\n  `,\n\n  resourceLink: css`\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 22px;\n    margin: 0 2px;\n    padding: 0 8px;\n    border: 1px solid #d9e8ff;\n    border-radius: 6px;\n    background: #f5f9ff;\n    color: #1f1f1f;\n    font-size: 13px;\n    line-height: 20px;\n    vertical-align: baseline;\n    cursor: pointer;\n\n    &:hover {\n      border-color: #91caff;\n      background: #eaf3ff;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Ed,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcrB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBhB,EAAE;AAEF,IAAO,iBAAQ;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  markdownWrapper: css`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr); /* 关键：允许内容收缩 */\n    max-width: 100%; /* 自定义最大宽度 */\n    margin: 0 auto;\n  `,\n\n  markdownWrapperCompact: css`\n    display: inline;\n    margin: 0;\n    max-width: none;\n  `,\n\n  markdownHost: css`\n    container-type: inline-size;\n    width: 100%;\n    overflow: auto;\n\n    /* ===== Markdown 基础排版 ===== */\n\n    p {\n      margin: 8px 0;\n      line-height: 1.6;\n    }\n\n    ul,\n    ol {\n      padding-left: 20px;\n      margin-top: 0;\n      margin-bottom: 8px;\n    }\n\n    li {\n      margin: 0 0 4px 0 !important;\n    }\n\n    u {\n      text-decoration: underline;\n    }\n\n    em {\n      font-style: italic;\n    }\n\n    /* ===== Table 样式 ===== */\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      max-width: 100%;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    thead {\n      background: #fafafa;\n    }\n\n    th,\n    td {\n      border: 1px solid #e5e6eb;\n      padding: 8px 12px;\n      text-align: left;\n    }\n\n    th {\n      font-weight: 600;\n    }\n\n    tbody tr:hover {\n      background: #fafafa;\n    }\n\n    /* ===== Code ===== */\n\n    pre {\n      margin: 12px 0;\n    }\n\n    ant-highlightCode {\n      max-width: min(100%, 80ch);\n      overflow-x: auto;\n    }\n\n    /* ===== 图片 ===== */\n\n    img {\n      max-width: 100%;\n      border-radius: 6px;\n    }\n  `,\n\n  markdownHostCompact: css`\n    display: inline;\n    width: auto;\n    overflow: visible;\n\n    .x-markdown-light,\n    p,\n    div {\n      display: inline;\n      margin: 0;\n      line-height: inherit;\n    }\n\n    /* 用户消息里的普通资源引用保持蓝色；知识库引用用无底色灰字与输入框标签区分。 */\n    [data-xadk-resource-link] {\n      height: auto;\n      margin: 0 4px;\n      padding: 0;\n      border: 0;\n      border-radius: 0;\n      background: transparent;\n      color: #1677ff;\n      font-size: inherit;\n      font-weight: 500;\n      line-height: inherit;\n      cursor: default;\n\n      &:hover {\n        border-color: transparent;\n        background: transparent;\n        color: #1677ff;\n      }\n    }\n\n    && [data-xadk-resource-link=\"kb\"] {\n      padding: 0;\n      border-radius: 0;\n      background: transparent;\n      color: #666666;\n\n      &:hover {\n        background: transparent;\n        color: #666666;\n      }\n    }\n  `,\n\n  resourceLink: css`\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 22px;\n    margin: 0 2px;\n    padding: 0 8px;\n    border: 1px solid #d9e8ff;\n    border-radius: 6px;\n    background: #f5f9ff;\n    color: #1f1f1f;\n    font-size: 13px;\n    line-height: 20px;\n    vertical-align: baseline;\n    cursor: pointer;\n\n    &:hover {\n      border-color: #91caff;\n      background: #eaf3ff;\n    }\n\n    &[data-xadk-resource-link=\"kb\"] {\n      border-color: #f1f1f1;\n      background: #f1f1f1;\n      color: #1a1a1a;\n\n      &:hover {\n        border-color: #e5e5e5;\n        background: #e8e8e8;\n      }\n    }\n  `,\n\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Ed,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+CrB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiChB,EAAE;AAEF,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/components/XAdkChatbot/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { XAdkChatbotProps, XAdkChatbotHandle } from "../../types";
 /**
  * XAdkChatbot - 增强版聊天组件
@@ -10,5 +10,5 @@ import type { XAdkChatbotProps, XAdkChatbotHandle } from "../../types";
  * - ✅ 操作栏 (重试/复制/日志)
  * - ✅ 欢迎页面 (agentName/agentIcon/description)
  */
-declare const XAdkChatbot: React.ForwardRefExoticComponent<XAdkChatbotProps & React.RefAttributes<XAdkChatbotHandle>>;
+declare const XAdkChatbot: import("react").ForwardRefExoticComponent<XAdkChatbotProps & import("react").RefAttributes<XAdkChatbotHandle>>;
 export default XAdkChatbot;

package/dist/cjs/components/XAdkChatbot/index.js CHANGED Viewed

@@ -75,6 +75,7 @@ var XAdkChatbot = (0, import_react.forwardRef)(
     onFileClick,
     onResourceLinkClick,
     renderResourceLink,
+    markdownExtensions,
     renderFunctionCall,
     toolKindResolver,
     strategies,
@@ -88,6 +89,7 @@ var XAdkChatbot = (0, import_react.forwardRef)(
     const messagesEndRef = (0, import_react.useRef)(null);
     const prevInitializedRef = (0, import_react.useRef)(false);
     const prevSessionIdRef = (0, import_react.useRef)(sessionId);
+    const previousMessageCountRef = (0, import_react.useRef)(messages.length);
     const scrollToBottom = (0, import_react.useCallback)((behavior = "auto") => {
       var _a;
       (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior });
@@ -97,6 +99,10 @@ var XAdkChatbot = (0, import_react.forwardRef)(
       () => (0, import_xgroup.mergeChatStrategies)(preset, strategies),
       [preset, strategies]
     );
+    const mergedMarkdownExtensions = (0, import_react.useMemo)(
+      () => (0, import_xgroup.resolvePresetMarkdownExtensions)(preset, markdownExtensions),
+      [markdownExtensions, preset]
+    );
     const resolveToolKind = (0, import_react.useCallback)(
       (name, msg) => {
         var _a;
@@ -152,6 +158,12 @@ var XAdkChatbot = (0, import_react.forwardRef)(
       userHasScrolledRef.current = false;
     }, [sessionId]);
     (0, import_react.useEffect)(() => {
+      const previousCount = previousMessageCountRef.current;
+      previousMessageCountRef.current = messages.length;
+      const hasNewUserMessage = messages.slice(previousCount).some((message) => message.role === "user");
+      if (hasNewUserMessage) {
+        userHasScrolledRef.current = false;
+      }
       if (userHasScrolledRef.current)
         return;
       if (!messages.length)
@@ -260,7 +272,8 @@ var XAdkChatbot = (0, import_react.forwardRef)(
                   resourceLinkSchemes,
                   onFileClick,
                   onResourceLinkClick,
-                  renderResourceLink
+                  renderResourceLink,
+                  markdownExtensions: mergedMarkdownExtensions
                 },
                 `${msg.id}-${i}`
               );
@@ -416,7 +429,8 @@ var XAdkChatbot = (0, import_react.forwardRef)(
                 resourceLinkSchemes,
                 onFileClick,
                 onResourceLinkClick,
-                renderResourceLink
+                renderResourceLink,
+                markdownExtensions: mergedMarkdownExtensions
               }
             ) }, node.key);
           }),
@@ -480,6 +494,7 @@ var XAdkChatbot = (0, import_react.forwardRef)(
         onFileClick,
         onResourceLinkClick,
         renderResourceLink,
+        mergedMarkdownExtensions,
         resourceLinkSchemes,
         styles,
         resolveToolKind,
@@ -499,17 +514,30 @@ var XAdkChatbot = (0, import_react.forwardRef)(
             },
             index
           )) }),
-          m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_MarkdownRender.default,
+          m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
             {
-              text: m.text,
-              compact: true,
-              resourceLinkSchemes,
-              onFileClick,
-              onResourceLinkClick,
-              renderResourceLink
+              className: styles.card,
+              onCopy: (event) => {
+                event.preventDefault();
+                event.clipboardData.setData("text/plain", m.text || "");
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_MarkdownRender.default,
+                {
+                  text: m.text,
+                  compact: true,
+                  bareUrlAsText: true,
+                  highlightPlainMentions: true,
+                  resourceLinkSchemes,
+                  onFileClick,
+                  onResourceLinkClick,
+                  renderResourceLink,
+                  markdownExtensions: mergedMarkdownExtensions
+                }
+              )
             }
-          ) })
+          )
         ] }, m.id || i)) }, group.id);
       },
       [
@@ -517,6 +545,7 @@ var XAdkChatbot = (0, import_react.forwardRef)(
         onFileClick,
         onResourceLinkClick,
         renderResourceLink,
+        mergedMarkdownExtensions,
         resourceLinkSchemes
       ]
     );
@@ -528,7 +557,7 @@ var XAdkChatbot = (0, import_react.forwardRef)(
         {
           type: "text",
           icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SwapRightOutlined, {}),
-          iconPosition: "end",
+          iconPlacement: "end",
           onClick: () => {
             if (!item)
               return;
@@ -556,7 +585,8 @@ var XAdkChatbot = (0, import_react.forwardRef)(
           resourceLinkSchemes,
           onFileClick,
           onResourceLinkClick,
-          renderResourceLink
+          renderResourceLink,
+          markdownExtensions: mergedMarkdownExtensions
         }
       ) }),
       chatGroups.map(