@ai-group/chat-sdk 3.7.1-alpha3 → 3.7.1-alpha4

package/dist/cjs/components/FileGallery/styles.js

@@ -87,7 +87,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     }
 
     .ant-progress-line {
-      width: 56px;
+      width: auto;
     }
   `,
   imageThumbnail: import_css.css`
@@ -190,7 +190,27 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
 
   `,
   progressSmall: import_css.css`
+    position: absolute;
+    left: 34px;
+    right: 10px;
+    bottom: 3px;
     margin-top: 0;
+    line-height: 0;
+
+    .ant-progress-outer {
+      display: block;
+      width: 100%;
+      padding-inline-end: 0 !important;
+    }
+
+    .ant-progress-inner {
+      height: 3px !important;
+      background: rgba(22, 119, 255, 0.12);
+    }
+
+    .ant-progress-bg {
+      height: 3px !important;
+    }
   `,
   fileRemoveBtn: import_css.css`
     position: absolute;

package/dist/cjs/components/FileGallery/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FileGallery/styles.tsx"],
-  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    &.align-right {\n      align-items: flex-end;\n    }\n  `,\n\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  `,\n\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 12px;\n    margin: 8px 0;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 260px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n\n    /* align=right 时图标在右侧 */\n    &.align-right {\n      flex-direction: row-reverse;\n    }\n\n  `,\n\n  fileCardSmall: css`\n    gap: 6px;\n    min-width: 0;\n    max-width: 260px;\n    width: auto;\n    height: 32px;\n    min-height: 32px;\n    margin: 0;\n    padding: 4px 10px 4px 8px;\n    border-radius: 7px;\n    background: #f5f5f5;\n    border-color: transparent;\n    box-sizing: border-box;\n\n    &:hover {\n      background: #eeeeee;\n      border-color: transparent;\n    }\n\n    .ant-progress-line {\n      width: 56px;\n    }\n  `,\n\n  imageThumbnail: css`\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n\n  `,\n\n  imageThumbnailSmall: css`\n    width: 22px;\n    height: 22px;\n    border-radius: 5px;\n  `,\n\n  imageOverlay: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  `,\n\n  fileIcon: css`\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n  `,\n\n  fileIconSmall: css`\n    width: 20px;\n    height: 20px;\n    font-size: 16px;\n  `,\n\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n\n  fileName: css`\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n  `,\n\n  fileNameSmall: css`\n    max-width: 190px;\n    margin-bottom: 0;\n    font-size: 12px;\n    line-height: 20px;\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n\n  `,\n\n  fileSizeSmall: css`\n    display: none;\n  `,\n\n  progress: css`\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n\n  `,\n\n  progressSmall: css`\n    margin-top: 0;\n  `,\n\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n\n  fileRemoveBtnSmall: css`\n    top: -5px;\n    right: -5px;\n    width: 14px;\n    height: 14px;\n    font-size: 8px;\n  `,\n\n  fileLink: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n    font-size: 13px;\n\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n\n  mediaWrapper: css`\n    margin-top: 6px;\n\n    audio {\n      width: 100%;\n      height: 32px;\n      outline: none;\n    }\n\n    video {\n      width: 100%;\n      max-height: 240px;\n      border-radius: 4px;\n      outline: none;\n      background: #000;\n    }\n  `,\n\n  // ========== 图片展示模式 ==========\n  imagePreviewMode: css`\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      display: block !important;\n      object-fit: contain !important;\n    }\n  `,\n\n  imageFullMode: css`\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    width: 100%;\n\n    .ant-image {\n      width: 100% !important;\n      display: flex !important;\n    }\n\n    img {\n      width: 100% !important;\n      display: block !important;\n      object-fit: contain !important;\n    }\n  `,\n\n  // ========== 图片加载状态 ==========\n  imageLoadingSkeleton: css`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(90deg, #f5f5f5 25%, #e8e8e8 50%, #f5f5f5 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n\n    @keyframes shimmer {\n      0% {\n        background-position: 200% 0;\n      }\n      100% {\n        background-position: -200% 0;\n      }\n    }\n  `,\n\n  imageErrorFallback: css`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: #fafafa;\n    color: #bfbfbf;\n    font-size: 20px;\n    gap: 4px;\n\n    span {\n      font-size: 11px;\n      color: #bfbfbf;\n    }\n  `,\n\n  // ========== Media Card 模式 ==========\n  mediaCardPlayIcon: css`\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.5);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    z-index: 2;\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,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;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,EA2BV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBf,gBAAgB;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,EA2BhB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAad,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,eAAe;AAAA;AAAA;AAAA,EAIf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,eAAe;AAAA;AAAA;AAAA,EAIf,eAAe;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,EA8Bf,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBd,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBlB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBf,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBtB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBpB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBrB,EAAE;AAEF,IAAO,iBAAQ;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    &.align-right {\n      align-items: flex-end;\n    }\n  `,\n\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  `,\n\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 12px;\n    margin: 8px 0;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 260px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n\n    /* align=right 时图标在右侧 */\n    &.align-right {\n      flex-direction: row-reverse;\n    }\n\n  `,\n\n  fileCardSmall: css`\n    gap: 6px;\n    min-width: 0;\n    max-width: 260px;\n    width: auto;\n    height: 32px;\n    min-height: 32px;\n    margin: 0;\n    padding: 4px 10px 4px 8px;\n    border-radius: 7px;\n    background: #f5f5f5;\n    border-color: transparent;\n    box-sizing: border-box;\n\n    &:hover {\n      background: #eeeeee;\n      border-color: transparent;\n    }\n\n    .ant-progress-line {\n      width: auto;\n    }\n  `,\n\n  imageThumbnail: css`\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n\n  `,\n\n  imageThumbnailSmall: css`\n    width: 22px;\n    height: 22px;\n    border-radius: 5px;\n  `,\n\n  imageOverlay: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  `,\n\n  fileIcon: css`\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n  `,\n\n  fileIconSmall: css`\n    width: 20px;\n    height: 20px;\n    font-size: 16px;\n  `,\n\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n\n  fileName: css`\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n  `,\n\n  fileNameSmall: css`\n    max-width: 190px;\n    margin-bottom: 0;\n    font-size: 12px;\n    line-height: 20px;\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n\n  `,\n\n  fileSizeSmall: css`\n    display: none;\n  `,\n\n  progress: css`\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n\n  `,\n\n  progressSmall: css`\n    position: absolute;\n    left: 34px;\n    right: 10px;\n    bottom: 3px;\n    margin-top: 0;\n    line-height: 0;\n\n    .ant-progress-outer {\n      display: block;\n      width: 100%;\n      padding-inline-end: 0 !important;\n    }\n\n    .ant-progress-inner {\n      height: 3px !important;\n      background: rgba(22, 119, 255, 0.12);\n    }\n\n    .ant-progress-bg {\n      height: 3px !important;\n    }\n  `,\n\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n\n  fileRemoveBtnSmall: css`\n    top: -5px;\n    right: -5px;\n    width: 14px;\n    height: 14px;\n    font-size: 8px;\n  `,\n\n  fileLink: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n    font-size: 13px;\n\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n\n  mediaWrapper: css`\n    margin-top: 6px;\n\n    audio {\n      width: 100%;\n      height: 32px;\n      outline: none;\n    }\n\n    video {\n      width: 100%;\n      max-height: 240px;\n      border-radius: 4px;\n      outline: none;\n      background: #000;\n    }\n  `,\n\n  // ========== 图片展示模式 ==========\n  imagePreviewMode: css`\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      display: block !important;\n      object-fit: contain !important;\n    }\n  `,\n\n  imageFullMode: css`\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    width: 100%;\n\n    .ant-image {\n      width: 100% !important;\n      display: flex !important;\n    }\n\n    img {\n      width: 100% !important;\n      display: block !important;\n      object-fit: contain !important;\n    }\n  `,\n\n  // ========== 图片加载状态 ==========\n  imageLoadingSkeleton: css`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(90deg, #f5f5f5 25%, #e8e8e8 50%, #f5f5f5 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n\n    @keyframes shimmer {\n      0% {\n        background-position: 200% 0;\n      }\n      100% {\n        background-position: -200% 0;\n      }\n    }\n  `,\n\n  imageErrorFallback: css`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: #fafafa;\n    color: #bfbfbf;\n    font-size: 20px;\n    gap: 4px;\n\n    span {\n      font-size: 11px;\n      color: #bfbfbf;\n    }\n  `,\n\n  // ========== Media Card 模式 ==========\n  mediaCardPlayIcon: css`\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.5);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    z-index: 2;\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,10 +1,16 @@
 import React from "react";
 import "@ant-design/x-markdown/themes/light.css";
-import type { FileItem } from "../../../../types";
+import type { FileItem, MarkdownResourceLink, RenderMarkdownResourceLink } from "../../../../types";
 export interface MarkdownRenderProps {
     text: string;
+    /** 紧凑布局，适合用户消息气泡等内联场景 */
+    compact?: boolean;
     /** 点击 Markdown 中识别到的文件链接的回调 */
     onFileClick?: (file: FileItem) => void;
+    /** 点击 Markdown 中识别到的资源链接标签，如 [@skill](skill://xxx) */
+    onResourceLinkClick?: (link: MarkdownResourceLink) => void;
+    /** 自定义资源链接渲染，返回 null 时使用默认标签样式 */
+    renderResourceLink?: RenderMarkdownResourceLink;
 }
 declare const MarkdownRender: React.FC<MarkdownRenderProps>;
 export default MarkdownRender;

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

@@ -41,6 +41,7 @@ var import_Latex = __toESM(require("@ant-design/x-markdown/plugins/Latex"));
 var import_styles = require("./styles");
 var import_icons = require("@ant-design/icons");
 var import_FileGallery = __toESM(require("../../../FileGallery"));
+var import_markdownResource = require("../../../../utils/markdownResource");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FILE_EXT_REGEX = /\.(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;
 var MIME_MAP = {
@@ -84,6 +85,8 @@ 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 CodeComponent = (props) => {
   var _a;
   const { className, children } = props;
@@ -126,17 +129,61 @@ var extractText = (children) => {
 };
 var MarkdownRender = ({
   text,
-  onFileClick
+  compact = false,
+  onFileClick,
+  onResourceLinkClick,
+  renderResourceLink
 }) => {
   const styles = (0, import_styles.useStyles)();
-  const markdown = text.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(
+  const markdown = (0, import_markdownResource.replaceMarkdownResourceLinks)(text, (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>`;
+  }).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(
     /\/\*\s*FINAL_ANSWER\s*\*\//g,
     '<tag type="final_answer"></tag>'
   );
+  const ResourceLinkComponent = import_react.default.useCallback(
+    (props) => {
+      const href = String(props.href || "");
+      const linkText = String(props.label || "") || extractText(props.children);
+      const resourceLink = (0, import_markdownResource.parseMarkdownResourceHref)(href, linkText);
+      if (!resourceLink)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+      const customNode = renderResourceLink == null ? void 0 : renderResourceLink(resourceLink);
+      if (customNode)
+        return customNode;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: styles.resourceLink,
+          onClick: () => onResourceLinkClick == null ? void 0 : onResourceLinkClick(resourceLink),
+          "aria-label": resourceLink.label,
+          children: resourceLink.label
+        }
+      );
+    },
+    [onResourceLinkClick, renderResourceLink, 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);
+      if (resourceLink) {
+        const customNode = renderResourceLink == null ? void 0 : renderResourceLink(resourceLink);
+        if (customNode)
+          return customNode;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: styles.resourceLink,
+            onClick: () => onResourceLinkClick == null ? void 0 : onResourceLinkClick(resourceLink),
+            "aria-label": resourceLink.label,
+            children: resourceLink.label
+          }
+        );
+      }
       const ext = extractExt(linkText) || extractExt(href);
       if (ext) {
         if (!href)
@@ -157,30 +204,43 @@ var MarkdownRender = ({
       }
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", children: props.children });
     },
-    [onFileClick]
+    [onFileClick, onResourceLinkClick, renderResourceLink, styles.resourceLink]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.markdownWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.markdownHost, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_x_markdown.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
     {
-      content: markdown,
-      className: "x-markdown-light",
-      paragraphTag: "div",
-      config: {
-        extensions: (0, import_Latex.default)()
-      },
-      components: {
-        tag: ThinkComponent,
-        code: CodeComponent,
-        a: LinkComponent
-      },
-      streaming: {
-        enableAnimation: true,
-        animationConfig: {
-          fadeDuration: 400
+      className: `${styles.markdownWrapper}${compact ? ` ${styles.markdownWrapperCompact}` : ""}`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: `${styles.markdownHost}${compact ? ` ${styles.markdownHostCompact}` : ""}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_x_markdown.default,
+            {
+              content: markdown,
+              className: "x-markdown-light",
+              paragraphTag: "div",
+              config: {
+                extensions: (0, import_Latex.default)()
+              },
+              components: {
+                tag: ThinkComponent,
+                "resource-link": ResourceLinkComponent,
+                code: CodeComponent,
+                a: LinkComponent
+              },
+              streaming: {
+                enableAnimation: true,
+                animationConfig: {
+                  fadeDuration: 400
+                }
+              }
+            }
+          )
         }
-      }
+      )
     }
-  ) }) });
+  );
 };
 var MarkdownRender_default = MarkdownRender;
 //# sourceMappingURL=index.js.map

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

@@ -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 { FileItem } from \"@/types\";\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 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  /** 点击 Markdown 中识别到的文件链接的回调 */\n  onFileClick?: (file: FileItem) => void;\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  onFileClick,\n}) => {\n  const styles = useStyles();\n  const markdown = text\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  // 自定义 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\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    [onFileClick],\n  );\n\n  return (\n    <div className={styles.markdownWrapper}>\n      <div className={styles.markdownHost}>\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            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  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\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .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 中识别到的文件链接的回调 */\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  onFileClick,\n  onResourceLinkClick,\n  renderResourceLink,\n}) => {\n  const styles = useStyles();\n  const markdown = replaceMarkdownResourceLinks(text, (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    .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      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    [onResourceLinkClick, renderResourceLink, 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      const resourceLink = parseMarkdownResourceHref(href, linkText);\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    [onFileClick, onResourceLinkClick, renderResourceLink, styles.resourceLink],\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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",
   "names": ["React", "FileGallery", "XMarkdown", "Latex"]
 }

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.d.ts

@@ -1,6 +1,9 @@
 export declare const useStyles: () => {
     markdownWrapper: string;
+    markdownWrapperCompact: string;
     markdownHost: string;
+    markdownHostCompact: string;
+    resourceLink: string;
 } & {
     w: (width: string | number) => string;
     h: (height: string | number) => string;

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

@@ -32,6 +32,11 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     max-width: 100%; /* 自定义最大宽度 */
     margin: 0 auto;
   `,
+  markdownWrapperCompact: import_css.css`
+    display: inline;
+    margin: 0;
+    max-width: none;
+  `,
   markdownHost: import_css.css`
     container-type: inline-size;
     width: 100%;
@@ -109,6 +114,40 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
       max-width: 100%;
       border-radius: 6px;
     }
+  `,
+  markdownHostCompact: import_css.css`
+    display: inline;
+    width: auto;
+    overflow: visible;
+
+    .x-markdown-light,
+    p,
+    div {
+      display: inline;
+      margin: 0;
+      line-height: inherit;
+    }
+  `,
+  resourceLink: import_css.css`
+    display: inline-flex;
+    align-items: center;
+    max-width: 100%;
+    height: 22px;
+    margin: 0 2px;
+    padding: 0 8px;
+    border: 1px solid #d9e8ff;
+    border-radius: 6px;
+    background: #f5f9ff;
+    color: #1f1f1f;
+    font-size: 13px;
+    line-height: 20px;
+    vertical-align: baseline;
+    cursor: pointer;
+
+    &:hover {
+      border-color: #91caff;
+      background: #eaf3ff;
+    }
   `
 }));
 var styles_default = useStyles;

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

@@ -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  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\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,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;AA8EhB,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  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;",
   "names": []
 }

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

@@ -73,6 +73,8 @@ var XAdkChatbot = (0, import_react.forwardRef)(
     initialized = true,
     sessionId,
     onFileClick,
+    onResourceLinkClick,
+    renderResourceLink,
     renderFunctionCall,
     toolKindResolver,
     strategies,
@@ -254,7 +256,9 @@ var XAdkChatbot = (0, import_react.forwardRef)(
                 import_MarkdownRender.default,
                 {
                   text: msg.text,
-                  onFileClick
+                  onFileClick,
+                  onResourceLinkClick,
+                  renderResourceLink
                 },
                 `${msg.id}-${i}`
               );
@@ -407,7 +411,9 @@ var XAdkChatbot = (0, import_react.forwardRef)(
               import_MarkdownRender.default,
               {
                 text: node.content,
-                onFileClick
+                onFileClick,
+                onResourceLinkClick,
+                renderResourceLink
               }
             ) }, node.key);
           }),
@@ -469,6 +475,8 @@ var XAdkChatbot = (0, import_react.forwardRef)(
         actions,
         actionsExtra,
         onFileClick,
+        onResourceLinkClick,
+        renderResourceLink,
         styles,
         resolveToolKind,
         mergedStrategies
@@ -487,10 +495,24 @@ var XAdkChatbot = (0, import_react.forwardRef)(
             },
             index
           )) }),
-          m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: m.text })
+          m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_MarkdownRender.default,
+            {
+              text: m.text,
+              compact: true,
+              onFileClick,
+              onResourceLinkClick,
+              renderResourceLink
+            }
+          ) })
         ] }, m.id || i)) }, group.id);
       },
-      [styles, onFileClick]
+      [
+        styles,
+        onFileClick,
+        onResourceLinkClick,
+        renderResourceLink
+      ]
     );
     const renderSuggestions = () => {
       if (!suggestions || suggestions.length === 0)
@@ -521,7 +543,15 @@ var XAdkChatbot = (0, import_react.forwardRef)(
     const isEmpty = messages.length === 0 && !prologue && (!suggestions || suggestions.length === 0);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.wrapper, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.list, ref: listRef, children: [
       isEmpty && empty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.emptyWrapper, children: typeof empty === "function" ? empty() : empty }),
-      prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: prologue, onFileClick }) }),
+      prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_MarkdownRender.default,
+        {
+          text: prologue,
+          onFileClick,
+          onResourceLinkClick,
+          renderResourceLink
+        }
+      ) }),
       chatGroups.map(
         (group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(
           group,