@king-design/vue 3.8.0-beta.0 → 3.8.0-beta.1

package/dist/index.js

@@ -76332,7 +76332,7 @@ var bubble_styles_makeStyles = utils_cache(function makeStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;flex-direction:column;align-items:flex-start;width:100%;.", k, "-bubble-main{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start;}.", k, "-bubble-meta{display:flex;align-items:center;gap:8px;min-width:0;}.", k, "-bubble-header{color:", bubble.roleNameColor, ";font-size:14px;font-weight:500;min-width:0;text-align:left;}.", k, "-bubble-content{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;padding:", bubble.padding, ";box-sizing:border-box;line-height:1.6;word-break:break-word;overflow-wrap:anywhere;transition:background ", theme.transition.small, ",border-color ", theme.transition.small, ";}.", k, "-bubble-content>*{min-width:0;max-width:100%;}.", k, "-bubble-attachments{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;}.", k, "-bubble-before-content{min-width:0;width:100%;}.", k, "-bubble-text{white-space:pre-wrap;}.", k, "-bubble-loading{display:inline-flex;align-items:center;gap:8px;color:", bubble.loadingTextColor, ";min-height:20px;}.", k, "-bubble-loading-dot{width:", bubble.loadingDotSize, ";height:", bubble.loadingDotSize, ";border-radius:50%;background:", bubble.loadingDotColor, ";display:inline-block;animation:", k, "-bubble-loading-bounce 1s ease-in-out infinite;box-shadow:0 0 0 1px ", setAlpha(theme.color.primary, 0.04), ";}.", k, "-bubble-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-bubble-loading-dot:nth-of-type(3){animation-delay:0.28s;}.", k, "-bubble-footer{display:flex;align-items:center;gap:4px;}.", k, "-bubble-extra{color:", bubble.extraColor, ";font-size:12px;line-height:1.5;}.", k, "-bubble-avatar{width:", bubble.avatarSize, ";height:", bubble.avatarSize, ";flex:0 0 ", bubble.avatarSize, ";border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:", bubble.avatarBg, ";color:", bubble.avatarColor, ";font-size:", bubble.avatarFontSize, ";font-weight:600;}.", k, "-bubble-avatar-image{width:100%;height:100%;object-fit:cover;display:block;}.", k, "-bubble-markdown{color:inherit;overflow-x:auto;}.", k, "-bubble-markdown>:first-child{margin-top:0;}.", k, "-bubble-markdown>:last-child{margin-bottom:0;}.", k, "-bubble-markdown [data-kpc-bubble-markdown-tail]{display:inline;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;}.", k, "-bubble-markdown p,.", k, "-bubble-markdown ul,.", k, "-bubble-markdown ol,.", k, "-bubble-markdown blockquote,.", k, "-bubble-markdown pre,.", k, "-bubble-markdown table,.", k, "-bubble-markdown hr,.", k, "-bubble-markdown h1,.", k, "-bubble-markdown h2,.", k, "-bubble-markdown h3,.", k, "-bubble-markdown h4,.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{margin:0 0 10px;}.", k, "-bubble-markdown ul,.", k, "-bubble-markdown ol{padding-left:20px;list-style-position:outside;}.", k, "-bubble-markdown ul{list-style-type:disc;}.", k, "-bubble-markdown ul ul{list-style-type:circle;}.", k, "-bubble-markdown ul ul ul{list-style-type:square;}.", k, "-bubble-markdown ol{list-style-type:decimal;}.", k, "-bubble-markdown ol ol{list-style-type:lower-alpha;}.", k, "-bubble-markdown li{margin:6px 0;}.", k, "-bubble-markdown li>p{margin:6px 0 0;}.", k, "-bubble-markdown h1,.", k, "-bubble-markdown h2,.", k, "-bubble-markdown h3,.", k, "-bubble-markdown h4,.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{color:", bubble.markdownHeadingColor, ";font-weight:600;line-height:1.35;}.", k, "-bubble-markdown h1{font-size:22px;}.", k, "-bubble-markdown h2{font-size:18px;}.", k, "-bubble-markdown h3{font-size:16px;}.", k, "-bubble-markdown h4{font-size:14px;}.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{font-size:13px;}.", k, "-bubble-markdown a{color:", bubble.markdownLinkColor, ";text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}.", k, "-bubble-markdown a:hover{opacity:0.88;}.", k, "-bubble-markdown code{display:inline-block;padding:0 6px;border-radius:4px;background:", bubble.markdownCodeBg, ";color:", bubble.markdownCodeColor, ";font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:12px;white-space:break-spaces;}.", k, "-bubble-markdown strong,.", k, "-bubble-markdown b{font-weight:600;}.", k, "-bubble-markdown img{display:block;max-width:100%;height:auto;margin:12px 0;border-radius:12px;}.", k, "-bubble-markdown hr{height:1px;border:0;background:", bubble.markdownBorderColor, ";}.", k, "-bubble-markdown pre{padding:0px;overflow:auto;background:", bubble.markdownPreBg, ";color:", bubble.markdownPreColor, ";border:1px solid ", setAlpha('#ffffff', 0.06), ";}.", k, "-bubble-markdown pre code{display:block;padding:4px;background:transparent;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;}.", k, "-bubble-markdown .hljs{background:transparent;color:inherit;}.", k, "-bubble-markdown .hljs-comment,.", k, "-bubble-markdown .hljs-quote{color:#8fa1b3;}.", k, "-bubble-markdown .hljs-keyword,.", k, "-bubble-markdown .hljs-selector-tag,.", k, "-bubble-markdown .hljs-literal,.", k, "-bubble-markdown .hljs-section,.", k, "-bubble-markdown .hljs-link{color:#ffb86c;}.", k, "-bubble-markdown .hljs-string,.", k, "-bubble-markdown .hljs-title,.", k, "-bubble-markdown .hljs-name,.", k, "-bubble-markdown .hljs-type,.", k, "-bubble-markdown .hljs-attribute,.", k, "-bubble-markdown .hljs-symbol,.", k, "-bubble-markdown .hljs-bullet,.", k, "-bubble-markdown .hljs-addition{color:#7ee787;}.", k, "-bubble-markdown .hljs-number,.", k, "-bubble-markdown .hljs-built_in,.", k, "-bubble-markdown .hljs-builtin-name,.", k, "-bubble-markdown .hljs-variable,.", k, "-bubble-markdown .hljs-template-variable{color:#79c0ff;}.", k, "-bubble-markdown .hljs-deletion{color:#ff7b72;}.", k, "-bubble-markdown table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid ", bubble.markdownBorderColor, ";border-radius:10px;overflow:hidden;font-size:12px;background:transparent;}.", k, "-bubble-markdown th,.", k, "-bubble-markdown td{padding:8px 12px;border:1px solid ", bubble.markdownBorderColor, ";text-align:left;vertical-align:top;}.", k, "-bubble-markdown th{font-weight:600;background:", bubble.markdownTableHeadBg, ";}.", k, "-bubble-markdown blockquote{padding-left:12px;border-left:3px solid ", setAlpha(theme.color.text, 0.16), ";background:", bubble.markdownBlockquoteBg, ";border-radius:0 10px 10px 0;padding:8px 12px;opacity:0.96;}.", k, "-bubble-markdown blockquote>:last-child{margin-bottom:0;}&.", k, "-bubble-start{align-items:flex-start;}&.", k, "-bubble-start .", k, "-bubble-main{align-items:flex-start;}&.", k, "-bubble-end{align-items:flex-end;}&.", k, "-bubble-end .", k, "-bubble-main{align-items:flex-end;}&.", k, "-bubble-end .", k, "-bubble-meta{flex-direction:row-reverse;justify-content:flex-end;}&.", k, "-bubble-end .", k, "-bubble-header{text-align:right;}&.", k, "-bubble-middle{align-items:center;}&.", k, "-bubble-middle .", k, "-bubble-main{align-items:center;}&.", k, "-bubble-middle .", k, "-bubble-meta{justify-content:center;}&.", k, "-bubble-middle .", k, "-bubble-header{text-align:center;}&.", k, "-bubble-filled .", k, "-bubble-content{background:", bubble.filledBg, ";color:", bubble.filledColor, ";border:", bubble.filledBorder, ";}&.", k, "-bubble-outlined .", k, "-bubble-content{background:", bubble.outlinedBg, ";color:", bubble.outlinedColor, ";border:", bubble.outlinedBorder, ";}&.", k, "-bubble-plain .", k, "-bubble-content{background:", bubble.plainBg, ";color:", bubble.plainColor, ";border:", bubble.plainBorder, ";padding:0;}&.", k, "-bubble-round .", k, "-bubble-content{border-radius:", bubble.roundBorderRadius, ";}&.", k, "-bubble-corner.", k, "-bubble-start .", k, "-bubble-content{border-radius:", bubble.borderRadius, " ", bubble.borderRadius, " ", bubble.borderRadius, " 0;}&.", k, "-bubble-corner.", k, "-bubble-end .", k, "-bubble-content{border-radius:", bubble.borderRadius, " ", bubble.borderRadius, " 0 ", bubble.borderRadius, ";}&.", k, "-bubble-corner.", k, "-bubble-middle .", k, "-bubble-content{border-radius:", bubble.borderRadius, ";}&.", k, "-bubble-square .", k, "-bubble-content{border-radius:", bubble.borderRadius, ";}@keyframes ", k, "-bubble-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-5px) scale(1);opacity:1;}}")
+    css("display:flex;flex-direction:column;align-items:flex-start;width:100%;.", k, "-bubble-main{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start;}.", k, "-bubble-meta{display:flex;align-items:center;gap:8px;min-width:0;}.", k, "-bubble-header{color:", bubble.roleNameColor, ";font-size:14px;font-weight:500;min-width:0;text-align:left;}.", k, "-bubble-content{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;padding:", bubble.padding, ";box-sizing:border-box;line-height:1.6;word-break:break-word;overflow-wrap:anywhere;transition:background ", theme.transition.small, ",border-color ", theme.transition.small, ";}.", k, "-bubble-content>*{min-width:0;max-width:100%;}.", k, "-bubble-attachments{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;}.", k, "-bubble-before-content{min-width:0;width:100%;}.", k, "-bubble-text{white-space:pre-wrap;}.", k, "-bubble-typing-suffix{display:inline-flex;align-items:center;gap:4px;width:26px;height:6px;line-height:0;}.", k, "-bubble-typing-suffix span{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);animation:", k, "-bubble-typing-suffix-pulse 1.2s ease-in-out infinite;}.", k, "-bubble-typing-suffix span:nth-child(2){animation-delay:0.16s;}.", k, "-bubble-typing-suffix span:nth-child(3){animation-delay:0.32s;}.", k, "-bubble-loading{display:inline-flex;align-items:center;gap:8px;color:", bubble.loadingTextColor, ";min-height:20px;}.", k, "-bubble-loading-dot{width:", bubble.loadingDotSize, ";height:", bubble.loadingDotSize, ";border-radius:50%;background:", bubble.loadingDotColor, ";display:inline-block;animation:", k, "-bubble-loading-bounce 1s ease-in-out infinite;box-shadow:0 0 0 1px ", setAlpha(theme.color.primary, 0.04), ";}.", k, "-bubble-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-bubble-loading-dot:nth-of-type(3){animation-delay:0.28s;}.", k, "-bubble-footer{display:flex;align-items:center;gap:4px;}.", k, "-bubble-extra{color:", bubble.extraColor, ";font-size:12px;line-height:1.5;}.", k, "-bubble-avatar{width:", bubble.avatarSize, ";height:", bubble.avatarSize, ";flex:0 0 ", bubble.avatarSize, ";border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:", bubble.avatarBg, ";color:", bubble.avatarColor, ";font-size:", bubble.avatarFontSize, ";font-weight:600;}.", k, "-bubble-avatar-image{width:100%;height:100%;object-fit:cover;display:block;}.", k, "-bubble-markdown{color:inherit;overflow-x:auto;}.", k, "-bubble-markdown>:first-child{margin-top:0;}.", k, "-bubble-markdown>:last-child{margin-bottom:0;}.", k, "-bubble-markdown [data-kpc-bubble-markdown-tail]{display:inline;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;}.", k, "-bubble-markdown p,.", k, "-bubble-markdown ul,.", k, "-bubble-markdown ol,.", k, "-bubble-markdown blockquote,.", k, "-bubble-markdown pre,.", k, "-bubble-markdown table,.", k, "-bubble-markdown hr,.", k, "-bubble-markdown h1,.", k, "-bubble-markdown h2,.", k, "-bubble-markdown h3,.", k, "-bubble-markdown h4,.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{margin:0 0 10px;}.", k, "-bubble-markdown ul,.", k, "-bubble-markdown ol{padding-left:20px;list-style-position:outside;}.", k, "-bubble-markdown ul{list-style-type:disc;}.", k, "-bubble-markdown ul ul{list-style-type:circle;}.", k, "-bubble-markdown ul ul ul{list-style-type:square;}.", k, "-bubble-markdown ol{list-style-type:decimal;}.", k, "-bubble-markdown ol ol{list-style-type:lower-alpha;}.", k, "-bubble-markdown li{margin:6px 0;}.", k, "-bubble-markdown li>p{margin:6px 0 0;}.", k, "-bubble-markdown h1,.", k, "-bubble-markdown h2,.", k, "-bubble-markdown h3,.", k, "-bubble-markdown h4,.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{color:", bubble.markdownHeadingColor, ";font-weight:600;line-height:1.35;}.", k, "-bubble-markdown h1{font-size:22px;}.", k, "-bubble-markdown h2{font-size:18px;}.", k, "-bubble-markdown h3{font-size:16px;}.", k, "-bubble-markdown h4{font-size:14px;}.", k, "-bubble-markdown h5,.", k, "-bubble-markdown h6{font-size:13px;}.", k, "-bubble-markdown a{color:", bubble.markdownLinkColor, ";text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}.", k, "-bubble-markdown a:hover{opacity:0.88;}.", k, "-bubble-markdown code{display:inline-block;padding:0 6px;border-radius:4px;background:", bubble.markdownCodeBg, ";color:", bubble.markdownCodeColor, ";font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:12px;white-space:break-spaces;}.", k, "-bubble-markdown strong,.", k, "-bubble-markdown b{font-weight:600;}.", k, "-bubble-markdown img{display:block;max-width:100%;height:auto;margin:12px 0;border-radius:12px;}.", k, "-bubble-markdown hr{height:1px;border:0;background:", bubble.markdownBorderColor, ";}.", k, "-bubble-markdown pre{padding:0px;overflow:auto;background:", bubble.markdownPreBg, ";color:", bubble.markdownPreColor, ";border:1px solid ", setAlpha('#ffffff', 0.06), ";}.", k, "-bubble-markdown pre code{display:block;padding:4px;background:transparent;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;}.", k, "-bubble-markdown .hljs{background:transparent;color:inherit;}.", k, "-bubble-markdown .hljs-comment,.", k, "-bubble-markdown .hljs-quote{color:#8fa1b3;}.", k, "-bubble-markdown .hljs-keyword,.", k, "-bubble-markdown .hljs-selector-tag,.", k, "-bubble-markdown .hljs-literal,.", k, "-bubble-markdown .hljs-section,.", k, "-bubble-markdown .hljs-link{color:#ffb86c;}.", k, "-bubble-markdown .hljs-string,.", k, "-bubble-markdown .hljs-title,.", k, "-bubble-markdown .hljs-name,.", k, "-bubble-markdown .hljs-type,.", k, "-bubble-markdown .hljs-attribute,.", k, "-bubble-markdown .hljs-symbol,.", k, "-bubble-markdown .hljs-bullet,.", k, "-bubble-markdown .hljs-addition{color:#7ee787;}.", k, "-bubble-markdown .hljs-number,.", k, "-bubble-markdown .hljs-built_in,.", k, "-bubble-markdown .hljs-builtin-name,.", k, "-bubble-markdown .hljs-variable,.", k, "-bubble-markdown .hljs-template-variable{color:#79c0ff;}.", k, "-bubble-markdown .hljs-deletion{color:#ff7b72;}.", k, "-bubble-markdown table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid ", bubble.markdownBorderColor, ";border-radius:10px;overflow:hidden;font-size:12px;background:transparent;}.", k, "-bubble-markdown th,.", k, "-bubble-markdown td{padding:8px 12px;border:1px solid ", bubble.markdownBorderColor, ";text-align:left;vertical-align:top;}.", k, "-bubble-markdown th{font-weight:600;background:", bubble.markdownTableHeadBg, ";}.", k, "-bubble-markdown blockquote{padding-left:12px;border-left:3px solid ", setAlpha(theme.color.text, 0.16), ";background:", bubble.markdownBlockquoteBg, ";border-radius:0 10px 10px 0;padding:8px 12px;opacity:0.96;}.", k, "-bubble-markdown blockquote>:last-child{margin-bottom:0;}&.", k, "-bubble-start{align-items:flex-start;}&.", k, "-bubble-start .", k, "-bubble-main{align-items:flex-start;}&.", k, "-bubble-end{align-items:flex-end;}&.", k, "-bubble-end .", k, "-bubble-main{align-items:flex-end;}&.", k, "-bubble-end .", k, "-bubble-meta{flex-direction:row-reverse;justify-content:flex-end;}&.", k, "-bubble-end .", k, "-bubble-header{text-align:right;}&.", k, "-bubble-middle{align-items:center;}&.", k, "-bubble-middle .", k, "-bubble-main{align-items:center;}&.", k, "-bubble-middle .", k, "-bubble-meta{justify-content:center;}&.", k, "-bubble-middle .", k, "-bubble-header{text-align:center;}&.", k, "-bubble-filled .", k, "-bubble-content{background:", bubble.filledBg, ";color:", bubble.filledColor, ";border:", bubble.filledBorder, ";}&.", k, "-bubble-outlined .", k, "-bubble-content{background:", bubble.outlinedBg, ";color:", bubble.outlinedColor, ";border:", bubble.outlinedBorder, ";}&.", k, "-bubble-plain .", k, "-bubble-content{background:", bubble.plainBg, ";color:", bubble.plainColor, ";border:", bubble.plainBorder, ";padding:0;}&.", k, "-bubble-round .", k, "-bubble-content{border-radius:", bubble.roundBorderRadius, ";}&.", k, "-bubble-corner.", k, "-bubble-start .", k, "-bubble-content{border-radius:0 ", bubble.borderRadius, " ", bubble.borderRadius, " ", bubble.borderRadius, ";}&.", k, "-bubble-corner.", k, "-bubble-end .", k, "-bubble-content{border-radius:", bubble.borderRadius, " 0 ", bubble.borderRadius, " ", bubble.borderRadius, ";}&.", k, "-bubble-corner.", k, "-bubble-middle .", k, "-bubble-content{border-radius:0 0 ", bubble.borderRadius, " ", bubble.borderRadius, ";}&.", k, "-bubble-square .", k, "-bubble-content{border-radius:", bubble.borderRadius, ";}@keyframes ", k, "-bubble-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-5px) scale(1);opacity:1;}}@keyframes ", k, "-bubble-typing-suffix-pulse{0%,80%,100%{background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);transform:translateY(0);}40%{background:radial-gradient(circle at center, ", setAlpha(theme.color.primary, 0.45), " 0%, ", theme.color.primary, " 100%);transform:translateY(-1px);}}")
   );
 });
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/bubble/bubble.vdt.js
@@ -76345,6 +76345,9 @@ var bubble_styles_makeStyles = utils_cache(function makeStyles(k) {
 var bubble_vdt_$tmp0 = {
   'className': 'ion-person'
 };
+var _$tmp1 = {
+  'aria-hidden': 'true'
+};
 /* harmony default export */ function bubble_vdt($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -76359,7 +76362,8 @@ var bubble_vdt_$tmp0 = {
     getRoleNameText = _this$display.getRoleNameText,
     getAvatarText = _this$display.getAvatarText,
     hasNonEmptyContentProp = _this$display.hasNonEmptyContentProp,
-    getDisplayedContent = _this$display.getDisplayedContent;
+    getDisplayedContent = _this$display.getDisplayedContent,
+    shouldShowTypingSuffix = _this$display.shouldShowTypingSuffix;
   var _this$get = this.get(),
     className = _this$get.className,
     placement = _this$get.placement,
@@ -76416,7 +76420,7 @@ var bubble_vdt_$tmp0 = {
   }, getRestProps(this)), createElementVNode(2, 'div', [showMeta ? createElementVNode(2, 'div', [showAvatar ? createElementVNode(2, 'div', hasAvatarSlot ? avatarSlot : typeof avatar === 'string' && avatar ? createElementVNode(2, 'img', null, 1, index_esm_className(k + "-bubble-avatar-image"), {
     'src': avatar,
     'alt': getRoleNameText() || 'avatar'
-  }) : getAvatarText() ? createElementVNode(2, 'span', getAvatarText(), 0) : createUnknownComponentVNode(Icon, bubble_vdt_$tmp0), 0, index_esm_className(k + "-bubble-avatar")) : undefined, showHeader ? createElementVNode(2, 'div', hasRoleNameSlot ? roleNameSlot : createElementVNode(2, 'span', getRoleNameText(), 0), 0, index_esm_className(k + "-bubble-header")) : undefined], 0, index_esm_className(k + "-bubble-meta")) : undefined, showBeforeContent ? createElementVNode(2, 'div', beforeContentSlot, 0, index_esm_className(k + "-bubble-before-content")) : undefined, showContent ? createElementVNode(2, 'div', [showAttachments ? createElementVNode(2, 'div', attachmentsSlot, 0, index_esm_className(k + "-bubble-attachments")) : undefined, showLoadingShell ? hasLoadingSlot ? loadingSlot : createElementVNode(2, 'div', [createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot")), createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot")), createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot"))], 4, index_esm_className(k + "-bubble-loading")) : hasContentSlot ? contentSlot : children ? children : hasNonEmptyContentProp() || getDisplayedContent() ? createElementVNode(2, 'div', getDisplayedContent(), 0, index_esm_className(k + "-bubble-text")) : undefined, hasBottomSlot ? createElementVNode(2, 'div', bottomSlot, 0, index_esm_className(k + "-bubble-bottom")) : undefined], 0, index_esm_className(k + "-bubble-content")) : undefined, showFooter ? createElementVNode(2, 'div', footerSlot, 0, index_esm_className(k + "-bubble-footer")) : undefined, hasExtraSlot ? createElementVNode(2, 'div', extraSlot, 0, index_esm_className(k + "-bubble-extra")) : undefined], 0, index_esm_className(k + "-bubble-main"), {
+  }) : getAvatarText() ? createElementVNode(2, 'span', getAvatarText(), 0) : createUnknownComponentVNode(Icon, bubble_vdt_$tmp0), 0, index_esm_className(k + "-bubble-avatar")) : undefined, showHeader ? createElementVNode(2, 'div', hasRoleNameSlot ? roleNameSlot : createElementVNode(2, 'span', getRoleNameText(), 0), 0, index_esm_className(k + "-bubble-header")) : undefined], 0, index_esm_className(k + "-bubble-meta")) : undefined, showBeforeContent ? createElementVNode(2, 'div', beforeContentSlot, 0, index_esm_className(k + "-bubble-before-content")) : undefined, showContent ? createElementVNode(2, 'div', [showAttachments ? createElementVNode(2, 'div', attachmentsSlot, 0, index_esm_className(k + "-bubble-attachments")) : undefined, showLoadingShell ? hasLoadingSlot ? loadingSlot : createElementVNode(2, 'div', [createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot")), createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot")), createElementVNode(2, 'span', null, 1, index_esm_className(k + "-bubble-loading-dot"))], 4, index_esm_className(k + "-bubble-loading")) : hasContentSlot ? contentSlot : children ? children : hasNonEmptyContentProp() || getDisplayedContent() ? createElementVNode(2, 'div', getDisplayedContent(), 0, index_esm_className(k + "-bubble-text")) : undefined, shouldShowTypingSuffix() ? createElementVNode(2, 'div', [createElementVNode(2, 'span'), createElementVNode(2, 'span'), createElementVNode(2, 'span')], 4, index_esm_className(k + "-bubble-typing-suffix"), _$tmp1) : undefined, hasBottomSlot ? createElementVNode(2, 'div', bottomSlot, 0, index_esm_className(k + "-bubble-bottom")) : undefined], 0, index_esm_className(k + "-bubble-content")) : undefined, showFooter ? createElementVNode(2, 'div', footerSlot, 0, index_esm_className(k + "-bubble-footer")) : undefined, hasExtraSlot ? createElementVNode(2, 'div', extraSlot, 0, index_esm_className(k + "-bubble-extra")) : undefined], 0, index_esm_className(k + "-bubble-main"), {
     'style': getBubbleStyle()
   })) : undefined;
 }
@@ -76676,6 +76680,13 @@ function useBubbleDisplay() {
   function isTypingActive() {
     return !!instance.get('$typingActive');
   }
+  function shouldShowTypingSuffix() {
+    var typing = instance.get('typing');
+    if (!typing) return false;
+    if (typeof typing === 'boolean') return false;
+    if (typing.suffix !== true) return false;
+    return !instance.get('loading') && (isTypingActive() || !!instance.get('streaming'));
+  }
   function getBubbleStyle() {
     var maxWidthString = instance.get('maxWidthString');
     if (!maxWidthString) return;
@@ -76714,6 +76725,7 @@ function useBubbleDisplay() {
     shouldShowContentBlock: shouldShowContentBlock,
     shouldShowLoadingShell: shouldShowLoadingShell,
     getDisplayedContent: getDisplayedContent,
+    shouldShowTypingSuffix: shouldShowTypingSuffix,
     isTypingActive: isTypingActive,
     getBubbleStyle: getBubbleStyle,
     getRoleNameText: getRoleNameText,
@@ -76900,7 +76912,7 @@ MemoBlock.template = function () {
 
 var bubbleList_styles_defaults = {
   gap: '12px',
-  paddingInline: '8px',
+  scrollbarGap: '6px',
   scrollToBottomBg: '#fff',
   scrollToBottomColor: '#97A3B6',
   scrollToBottomBorder: "1px solid " + setAlpha(theme.color.border, 0.72),
@@ -76927,7 +76939,7 @@ var bubbleList_styles_makeStyles = utils_cache(function makeStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:relative;display:flex;flex-direction:column;gap:", bubbleList.gap, ";width:100%;min-height:0;.", k, "-bubble-list-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:", bubbleList.scrollThumb, " ", bubbleList.scrollbarTrack, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar{width:10px;height:10px;}.", k, "-bubble-list-scroll::-webkit-scrollbar-track{background:", bubbleList.scrollbarTrack, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar-thumb{background:", bubbleList.scrollThumb, ";border-radius:999px;border:2px solid transparent;background-clip:content-box;transition:background ", theme.transition.small, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar-thumb:hover{background:", bubbleList.scrollThumbHover, ";background-clip:content-box;}.", k, "-bubble-list-scroll-content{min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-inline:", bubbleList.paddingInline, ";}.", k, "-bubble-list-history{display:flex;justify-content:center;color:", bubbleList.auxiliaryColor, ";font-size:12px;line-height:1.5;padding:4px 0 8px;flex:0 0 auto;}.", k, "-bubble-list-items{display:flex;flex-direction:column;gap:", bubbleList.gap, ";width:100%;}.", k, "-bubble-list-item{width:100%;min-width:0;}.", k, "-bubble-list-empty{min-height:100%;display:flex;align-items:center;justify-content:center;color:", bubbleList.auxiliaryColor, ";padding:24px 16px;text-align:center;box-sizing:border-box;}.", k, "-bubble-list-scroll-to-bottom{position:absolute;right:16px;bottom:16px;z-index:1;}.", k, "-bubble-list-scroll-to-bottom-button{border:", bubbleList.scrollToBottomBorder, ";background:", bubbleList.scrollToBottomBg, ";color:", bubbleList.scrollToBottomColor, ";border-radius:999px;box-shadow:", bubbleList.scrollToBottomShadow, ";width:", bubbleList.scrollToBottomSize, ";height:", bubbleList.scrollToBottomSize, ";display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px;line-height:1;cursor:pointer;transition:background ", theme.transition.small, ",border-color ", theme.transition.small, ",color ", theme.transition.small, ",transform ", theme.transition.small, ",box-shadow ", theme.transition.small, ";}.", k, "-bubble-list-scroll-to-bottom-button:hover{background:", bubbleList.scrollToBottomHoverBg, ";color:", bubbleList.scrollToBottomHoverColor, ";border:", bubbleList.scrollToBottomHoverBorder, ";transform:translateY(-1px);box-shadow:0 14px 30px ", setAlpha('#000', 0.16), ";}.", k, "-bubble-list-scroll-to-bottom-button:focus-visible{outline:0;color:", bubbleList.scrollToBottomHoverColor, ";border:", bubbleList.scrollToBottomHoverBorder, ";box-shadow:0 0 0 4px ", setAlpha(theme.color.primary, 0.14), ",0 10px 28px ", setAlpha('#000', 0.12), ";}.", k, "-bubble-list-scroll-to-bottom-icon{pointer-events:none;font-size:", bubbleList.scrollToBottomIconSize, ";}")
+    css("position:relative;display:flex;flex-direction:column;gap:", bubbleList.gap, ";width:100%;min-height:0;.", k, "-bubble-list-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:", bubbleList.scrollThumb, " ", bubbleList.scrollbarTrack, ";}.", k, "-bubble-list-scroll-has-scrollbar{padding-inline-end:", bubbleList.scrollbarGap, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar{width:10px;height:10px;}.", k, "-bubble-list-scroll::-webkit-scrollbar-track{background:", bubbleList.scrollbarTrack, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar-thumb{background:", bubbleList.scrollThumb, ";border-radius:999px;border:2px solid transparent;background-clip:content-box;transition:background ", theme.transition.small, ";}.", k, "-bubble-list-scroll::-webkit-scrollbar-thumb:hover{background:", bubbleList.scrollThumbHover, ";background-clip:content-box;}.", k, "-bubble-list-scroll-content{min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-inline:0;}.", k, "-bubble-list-history{display:flex;justify-content:center;color:", bubbleList.auxiliaryColor, ";font-size:12px;line-height:1.5;padding:4px 0 8px;flex:0 0 auto;}.", k, "-bubble-list-items{display:flex;flex-direction:column;gap:", bubbleList.gap, ";width:100%;}.", k, "-bubble-list-item{width:100%;min-width:0;}.", k, "-bubble-list-empty{min-height:100%;display:flex;align-items:center;justify-content:center;color:", bubbleList.auxiliaryColor, ";padding:24px 16px;text-align:center;box-sizing:border-box;}.", k, "-bubble-list-scroll-to-bottom{position:absolute;right:16px;bottom:16px;z-index:1;}.", k, "-bubble-list-scroll-to-bottom-button{border:", bubbleList.scrollToBottomBorder, ";background:", bubbleList.scrollToBottomBg, ";color:", bubbleList.scrollToBottomColor, ";border-radius:999px;box-shadow:", bubbleList.scrollToBottomShadow, ";width:", bubbleList.scrollToBottomSize, ";height:", bubbleList.scrollToBottomSize, ";display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px;line-height:1;cursor:pointer;transition:background ", theme.transition.small, ",border-color ", theme.transition.small, ",color ", theme.transition.small, ",transform ", theme.transition.small, ",box-shadow ", theme.transition.small, ";}.", k, "-bubble-list-scroll-to-bottom-button:hover{background:", bubbleList.scrollToBottomHoverBg, ";color:", bubbleList.scrollToBottomHoverColor, ";border:", bubbleList.scrollToBottomHoverBorder, ";transform:translateY(-1px);box-shadow:0 14px 30px ", setAlpha('#000', 0.16), ";}.", k, "-bubble-list-scroll-to-bottom-button:focus-visible{outline:0;color:", bubbleList.scrollToBottomHoverColor, ";border:", bubbleList.scrollToBottomHoverBorder, ";box-shadow:0 0 0 4px ", setAlpha(theme.color.primary, 0.14), ",0 10px 28px ", setAlpha('#000', 0.12), ";}.", k, "-bubble-list-scroll-to-bottom-icon{pointer-events:none;font-size:", bubbleList.scrollToBottomIconSize, ";}")
   );
 });
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/bubbleList/bubbleList.vdt.js
@@ -76941,6 +76953,7 @@ var bubbleList_styles_makeStyles = utils_cache(function makeStyles(k) {
 
 /* harmony default export */ function bubbleList_vdt($props, $blocks, $__proto__) {
   var _classNameObj,
+    _$cn2,
     _this = this;
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -76960,6 +76973,7 @@ var bubbleList_styles_makeStyles = utils_cache(function makeStyles(k) {
     shouldShowScrollToBottom = _this$bubbleList.shouldShowScrollToBottom,
     getDefaultHistoryLoadingText = _this$bubbleList.getDefaultHistoryLoadingText,
     onScrollToBottomClick = _this$bubbleList.onScrollToBottomClick;
+  var hasScrollbar = this.get('$hasScrollbar');
   var _this$get = this.get(),
     className = _this$get.className,
     style = _this$get.style,
@@ -77049,7 +77063,7 @@ var bubbleList_styles_makeStyles = utils_cache(function makeStyles(k) {
       'list': this,
       'slotRenderers': getSlotRenderers($value, $key)
     }), 2, null, null, getItemKey($value, $key), getItemRef($value, $key));
-  }, $this), 8, index_esm_className(k + "-bubble-list-items"))], 0, index_esm_className(k + "-bubble-list-scroll-content"), null, null, scrollContentRef), 2, index_esm_className(k + "-bubble-list-scroll"), {
+  }, $this), 8, index_esm_className(k + "-bubble-list-items"))], 0, index_esm_className(k + "-bubble-list-scroll-content"), null, null, scrollContentRef), 2, index_esm_className((_$cn2 = {}, _$cn2[k + "-bubble-list-scroll"] = true, _$cn2[k + "-bubble-list-scroll-has-scrollbar"] = hasScrollbar, _$cn2)), {
     'ev-scroll': handleScroll
   }, null, scrollBoxRef), hasListFooterSlot ? createElementVNode(2, 'div', listFooterSlot, 0, index_esm_className(k + "-bubble-list-footer")) : undefined, shouldShowScrollToBottom() ? createElementVNode(2, 'div', $blocks.scrollToBottom ? (_$blocks['scrollToBottom'] = function ($super) {
     return null;
@@ -77156,6 +77170,11 @@ function useBubbleList() {
     if (instance.get(key) === value) return;
     instance.set(key, value);
   }
+  function syncScrollbarState() {
+    var scrollBox = getScrollBox();
+    var hasScrollbar = !!scrollBox && scrollBox.scrollHeight - scrollBox.clientHeight > 1;
+    setInternalState('$hasScrollbar', hasScrollbar);
+  }
   function setIsAtBottom(value) {
     if (instance.get('$isAtBottom') === value) return;
     setInternalState('$isAtBottom', value);
@@ -77281,6 +77300,7 @@ function useBubbleList() {
     scrollBox.scrollTop += delta;
   }
   function syncScrollState() {
+    syncScrollbarState();
     var atBottom = isAtBottom();
     setIsAtBottom(atBottom);
     setAutoScrollActive(atBottom);
@@ -77483,6 +77503,7 @@ function useBubbleList() {
   function onMountedCallback() {
     nextTick(function () {
       mountResizeObserver();
+      syncScrollbarState();
       if (isAutoScrollEnabled()) {
         scrollToBottom('auto');
         requestAnimationFrame(function () {
@@ -93248,6 +93269,10 @@ __decorate([utils_bind], Editable.prototype, "setValue", null);
 // 资源内联，避免框架包构建时依赖额外图片文件复制。
 var mediaAudioCardSvg = ['<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">', '<g clip-path="url(#clip0_24923_23617)">', '<path d="M1.19995 2.4C1.19995 1.07452 2.27447 0 3.59995 0H14.4017L22.8 8.39355V21.6C22.8 22.9255 21.7254 24 20.4 24H3.59995C2.27447 24 1.19995 22.9255 1.19995 21.6V2.4Z" fill="url(#paint0_linear_24923_23617)"/>', '<path d="M15.7916 10.2829C15.1728 10.2829 14.5793 10.037 14.1417 9.59944C13.7041 9.16185 13.4583 8.56836 13.4583 7.94952H12.2916V13.6429C11.805 13.3177 11.2236 13.1645 10.64 13.2076C10.0563 13.2507 9.50381 13.4876 9.07021 13.8807C8.63661 14.2738 8.3468 14.8005 8.24683 15.3771C8.14687 15.9537 8.24247 16.5473 8.51845 17.0634C8.79444 17.5794 9.23497 17.9885 9.77007 18.2255C10.3052 18.4626 10.9041 18.514 11.4718 18.3716C12.0395 18.2293 12.5433 17.9013 12.9032 17.4398C13.2631 16.9783 13.4585 16.4098 13.4583 15.8245V10.5541C14.0993 11.1296 14.9301 11.4484 15.7916 11.4495V10.2829Z" fill="white"/>', '<g filter="url(#filter0_f_24923_23617)">', '<path d="M13.8 0L22.8 9H16.2C14.8746 9 13.8 7.92548 13.8 6.6V0Z" fill="#FA655E"/>', '</g>', '<path d="M14.3999 0L22.7999 8.4H16.7999C15.4744 8.4 14.3999 7.32548 14.3999 6V0Z" fill="#FEC6C2"/>', '</g>', '<defs>', '<filter id="filter0_f_24923_23617" x="10.8" y="-3" width="15" height="15" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">', '<feFlood flood-opacity="0" result="BackgroundImageFix"/>', '<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>', '<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_24923_23617"/>', '</filter>', '<linearGradient id="paint0_linear_24923_23617" x1="1.19995" y1="0" x2="25.2" y2="24" gradientUnits="userSpaceOnUse">', '<stop stop-color="#FDA79C"/>', '<stop offset="1" stop-color="#FF8787"/>', '</linearGradient>', '<clipPath id="clip0_24923_23617">', '<rect width="24" height="24" fill="white"/>', '</clipPath>', '</defs>', '</svg>'].join('');
 var mediaAudioCardUrl = "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(mediaAudioCardSvg);
+var mediaImagePlaceholderSvg = ['<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">', '<path d="M4.5 7C5.32842 7 6 6.32842 6 5.5C6 4.67158 5.32842 4 4.5 4C3.67158 4 3 4.67158 3 5.5C3 6.32842 3.67158 7 4.5 7Z" fill="#C2C2CA"/>', '<path d="M8.90229 7.24208C9.17247 6.91269 9.7174 6.9208 9.9756 7.25809L12.8799 11.0521C13.1859 11.4518 12.8719 12 12.3369 12H5L8.90229 7.24208Z" fill="#C2C2CA" stroke="#C2C2CA" stroke-linecap="round" stroke-linejoin="round"/>', '<rect x="1" y="3" width="13" height="9" rx="1" stroke="#C2C2CA" stroke-linejoin="round"/>', '</svg>'].join('');
+var mediaImagePlaceholderUrl = "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(mediaImagePlaceholderSvg);
+var mediaVideoPlaceholderSvg = ['<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">', '<path d="M1.33282 4.4165C1.33282 3.86422 1.78054 3.4165 2.33282 3.4165H9.98913C10.5414 3.4165 10.9891 3.86422 10.9891 4.4165V11.5833C10.9891 12.1356 10.5414 12.5833 9.98913 12.5833H2.33282C1.78054 12.5833 1.33282 12.1356 1.33282 11.5833V4.4165Z" fill="#C2C2CA" stroke="#C2C2CA" stroke-linecap="square"/>', '<path d="M14 4.40059V11.5827C14 11.7506 13.8056 11.8438 13.6747 11.7386L11 9.58943V6.25554L13.6798 4.24073C13.8116 4.14163 14 4.23567 14 4.40059Z" fill="#C2C2CA" stroke="#C2C2CA" stroke-linecap="square"/>', '<path d="M8.8 5C8.91046 5 9 5.08954 9 5.2V5.8C9 5.91046 8.91046 6 8.8 6H5.2C5.08954 6 5 5.91046 5 5.8V5.2C5 5.08954 5.08954 5 5.2 5H8.8Z" fill="white"/>', '</svg>'].join('');
+var mediaVideoPlaceholderUrl = "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(mediaVideoPlaceholderSvg);
 var mediaImageCardErrorSvg = ['<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">', '<g clip-path="url(#clip0_25770_6783)">', '<path d="M1.6001 3.2C1.6001 1.43269 3.03279 0 4.8001 0H19.2024L30.4001 11.1914V28.8C30.4001 30.5673 28.9674 32 27.2001 32H4.8001C3.03279 32 1.6001 30.5673 1.6001 28.8V3.2Z" fill="url(#paint0_linear_25770_6783)"/>', '<path d="M8.24289 22.3474L11.1107 18.1323C11.1475 18.0783 11.1956 18.033 11.2518 17.9996C11.3079 17.9663 11.3707 17.9457 11.4357 17.9393C11.5007 17.9329 11.5664 17.9408 11.628 17.9626C11.6895 17.9844 11.7456 18.0194 11.7921 18.0652L13.6875 19.9222L17.8459 13.4042C17.8871 13.3395 17.9442 13.2865 18.0119 13.2504C18.0795 13.2142 18.1553 13.1961 18.232 13.1979C18.3086 13.1996 18.3835 13.2211 18.4495 13.2602C18.5154 13.2993 18.5701 13.3548 18.6084 13.4213L23.7752 22.3756C23.8144 22.4434 23.8351 22.5203 23.8351 22.5986C23.8352 22.6769 23.8146 22.7539 23.7754 22.8217C23.7362 22.8896 23.6799 22.9459 23.612 22.985C23.5441 23.0241 23.4672 23.0447 23.3888 23.0446H8.61173C8.53054 23.0447 8.45085 23.0227 8.38126 22.9809C8.31167 22.9391 8.25481 22.8791 8.21683 22.8074C8.17885 22.7356 8.16118 22.6548 8.16574 22.5738C8.1703 22.4927 8.19691 22.4145 8.2427 22.3474H8.24289Z" fill="white"/>', '<path d="M9.10168 12.8034C9.10168 13.3996 9.33855 13.9715 9.76017 14.3931C10.1818 14.8147 10.7536 15.0516 11.3499 15.0516C11.9462 15.0516 12.518 14.8147 12.9396 14.3931C13.3612 13.9715 13.5981 13.3996 13.5981 12.8034C13.5981 12.2071 13.3612 11.6353 12.9396 11.2137C12.518 10.792 11.9462 10.5552 11.3499 10.5552C10.7536 10.5552 10.1818 10.792 9.76017 11.2137C9.33855 11.6353 9.10168 12.2071 9.10168 12.8034Z" fill="white"/>', '<g filter="url(#filter0_f_25770_6783)">', '<path d="M18.4001 0L30.4001 12H21.6001C19.8328 12 18.4001 10.5673 18.4001 8.8V0Z" fill="#C9CAD6"/>', '</g>', '<path d="M19.2001 0L30.4001 11.2H22.4001C20.6328 11.2 19.2001 9.76731 19.2001 8V0Z" fill="#F2F2F3"/>', '</g>', '<defs>', '<filter id="filter0_f_25770_6783" x="14.4001" y="-4" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">', '<feFlood flood-opacity="0" result="BackgroundImageFix"/>', '<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>', '<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_25770_6783"/>', '</filter>', '<linearGradient id="paint0_linear_25770_6783" x1="1.6001" y1="0" x2="33.6001" y2="32" gradientUnits="userSpaceOnUse">', '<stop stop-color="#ECECEC"/>', '<stop offset="1" stop-color="#D6DCE7"/>', '</linearGradient>', '<clipPath id="clip0_25770_6783">', '<rect width="32" height="32" fill="white"/>', '</clipPath>', '</defs>', '</svg>'].join('');
 var mediaImageCardErrorUrl = "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(mediaImageCardErrorSvg);
 var mediaVideoCardErrorSvg = ['<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">', '<g clip-path="url(#clip0_25770_6789)">', '<path d="M1.6001 3.2C1.6001 1.43269 3.03279 0 4.8001 0H19.2024L30.4001 11.1914V28.8C30.4001 30.5673 28.9674 32 27.2001 32H4.8001C3.03279 32 1.6001 30.5673 1.6001 28.8V3.2Z" fill="url(#paint0_linear_25770_6789)"/>', '<path d="M13.4815 12.9907C13.2152 12.8215 12.8669 13.0128 12.8669 13.3283V21.8719C12.8669 22.1874 13.2152 22.3787 13.4815 22.2095L20.2025 17.9377C20.4497 17.7805 20.4497 17.4197 20.2025 17.2625L13.4815 12.9907Z" fill="white"/>', '<g filter="url(#filter0_f_25770_6789)">', '<path d="M18.4001 0L30.4001 12H21.6001C19.8328 12 18.4001 10.5673 18.4001 8.8V0Z" fill="#C9CAD6"/>', '</g>', '<path d="M19.2001 0L30.4001 11.2H22.4001C20.6328 11.2 19.2001 9.76731 19.2001 8V0Z" fill="#F2F2F3"/>', '</g>', '<defs>', '<filter id="filter0_f_25770_6789" x="14.4001" y="-4" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">', '<feFlood flood-opacity="0" result="BackgroundImageFix"/>', '<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>', '<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_25770_6789"/>', '</filter>', '<linearGradient id="paint0_linear_25770_6789" x1="1.6001" y1="0" x2="33.6001" y2="32" gradientUnits="userSpaceOnUse">', '<stop stop-color="#ECECEC"/>', '<stop offset="1" stop-color="#D6DCE7"/>', '</linearGradient>', '<clipPath id="clip0_25770_6789">', '<rect width="32" height="32" fill="white"/>', '</clipPath>', '</defs>', '</svg>'].join('');
@@ -93455,11 +93480,13 @@ var media_styles_defaults = {
   },
   placeholderBg: 'linear-gradient(180deg, #F5F7FA 0%, #ECEFF4 100%)',
   placeholderColor: '#98A0AF',
-  audioCardBg: '#F3F4F6',
+  audioCardBg: '#F3F5F6',
   audioCardTextColor: '#3A3D52',
   overlayBg: 'rgba(15, 23, 42, 0.42)',
   errorTextColor: theme.color.danger,
-  loadingSpinnerColor: theme.color.primary,
+  get loadingSpinnerColor() {
+    return theme.color.primary;
+  },
   loadingSkeletonBase: '#EEF1F5',
   loadingSkeletonTo: '#F7F9FC',
   groupGap: '12px',
@@ -93487,7 +93514,7 @@ var makeMediaStyles = utils_cache(function makeMediaStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("&.", k, "-media{position:relative;display:inline-flex;flex:0 0 auto;width:", media.sizes.default, ";height:", media.sizes.default, ";vertical-align:top;box-sizing:border-box;}&.", k, "-media.", k, "-media-mini{width:", media.sizes.mini, ";height:", media.sizes.mini, ";}&.", k, "-media.", k, "-media-small{width:", media.sizes.small, ";height:", media.sizes.small, ";}&.", k, "-media.", k, "-media-large{width:", media.sizes.large, ";height:", media.sizes.large, ";}.", k, "-media-shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:", media.radius, ";background:", media.placeholderBg, ";box-shadow:inset 0 0 0 1px ", setAlpha('#111827', 0.08), ";}&.", k, "-media-loading .", k, "-media-shell{background:linear-gradient(\n                90deg,\n                ", media.loadingSkeletonBase, " 25%,\n                ", media.loadingSkeletonTo, " 37%,\n                ", media.loadingSkeletonBase, " 63%\n            );background-size:400% 100%;animation:", k, "-media-loading-wave 1.4s ease infinite;box-shadow:none;}&.", k, "-media-error .", k, "-media-shell,&.", k, "-media-custom-error .", k, "-media-shell{box-shadow:none;}&.", k, "-media-loading .", k, "-media-shell::before{content:none;}@keyframes ", k, "-media-loading-wave{0%{background-position:100% 50%;}100%{background-position:0 50%;}}.", k, "-media-image,.", k, "-media-video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#DCE1E9;}&.", k, "-media-loading .", k, "-media-image,&.", k, "-media-loading .", k, "-media-video{background:transparent;}.", k, "-media-audio-loader{display:none;}.", k, "-media-audio-card,.", k, "-media-error-card{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:", media.audioCardBg, ";box-sizing:border-box;}.", k, "-media-card-icon{display:block;width:32px;height:32px;flex:0 0 auto;}.", k, "-media-name-tooltip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.", k, "-media-name-tooltip-trigger{position:absolute;inset:0;z-index:2;outline:none;}&.", k, "-media.", k, "-media-mini .", k, "-media-card-icon{width:24px;height:24px;}&.", k, "-media-loading .", k, "-media-audio-card,.", k, "-media-error-card{background:transparent;}.", k, "-media-placeholder{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:", media.placeholderBg, ";color:", media.placeholderColor, ";}.", k, "-media-placeholder .", k, "-icon{font-size:20px;}&.", k, "-media-loading .", k, "-media-placeholder{background:transparent;}&.", k, "-media-mini .", k, "-media-placeholder .", k, "-icon,&.", k, "-media-small .", k, "-media-placeholder .", k, "-icon{font-size:16px;}.", k, "-media-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:", media.overlayBg, ";opacity:0;pointer-events:none;transition:opacity ", theme.transition.middle, ";}.", k, "-media-preview-trigger,&.", k, "-media-custom-mask .", k, "-media-overlay{pointer-events:auto;}.", k, "-media-video-preview-trigger{position:absolute;inset:0;z-index:4;width:24px;height:24px;margin:auto;pointer-events:auto;}.", k, "-media-loading-indicator{position:absolute;top:3px;left:3px;z-index:3;display:flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none;}.", k, "-media-loading-spinner{width:12px;height:12px;border:1.5px solid ", setAlpha(media.loadingSpinnerColor, 0.22), ";border-top-color:", media.loadingSpinnerColor, ";border-radius:50%;box-sizing:border-box;animation:", k, "-media-loading-spinner 0.8s linear infinite;}@keyframes ", k, "-media-loading-spinner{100%{transform:rotate(360deg);}}.", k, "-media-state-layer{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}.", k, "-media-preview-trigger{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border:none;border-radius:0;background:transparent;color:#FFFFFF;cursor:pointer;transition:opacity ", theme.transition.middle, ";}.", k, "-media-preview-trigger:focus{outline:none;}.", k, "-media-preview-trigger .", k, "-icon,.", k, "-media-preview-trigger.ion{font-size:18px;}&.", k, "-media-mini .", k, "-media-preview-trigger .", k, "-icon,&.", k, "-media-small .", k, "-media-preview-trigger .", k, "-icon,&.", k, "-media-mini .", k, "-media-preview-trigger.ion,&.", k, "-media-small .", k, "-media-preview-trigger.ion{font-size:14px;}&.", k, "-media-mini .", k, "-media-video-preview-trigger,&.", k, "-media-small .", k, "-media-video-preview-trigger{width:18px;height:18px;}.", k, "-media-preview-trigger:hover:not(:disabled){background:transparent;}.", k, "-media-preview-trigger:disabled{opacity:0.5;cursor:not-allowed;}&.", k, "-media-mini .", k, "-media-loading-spinner,&.", k, "-media-small .", k, "-media-loading-spinner{width:10px;height:10px;border-width:1px;}&.", k, "-media-mini .", k, "-media-loading-indicator,&.", k, "-media-small .", k, "-media-loading-indicator{top:4px;left:4px;width:10px;height:10px;}&.", k, "-media-previewable:hover .", k, "-media-overlay{opacity:1;}&.", k, "-media-custom-mask:hover .", k, "-media-overlay{opacity:1;}&.", k, "-media-video-play-visible:hover .", k, "-media-overlay{opacity:1;}.", k, "-media-preview-icon.", k, "-icon,.", k, "-media-preview-icon.ion{color:inherit;}")
+    css("&.", k, "-media{position:relative;display:inline-flex;flex:0 0 auto;width:", media.sizes.default, ";height:", media.sizes.default, ";vertical-align:top;box-sizing:border-box;}&.", k, "-media.", k, "-media-mini{width:", media.sizes.mini, ";height:", media.sizes.mini, ";}&.", k, "-media.", k, "-media-small{width:", media.sizes.small, ";height:", media.sizes.small, ";}&.", k, "-media.", k, "-media-large{width:", media.sizes.large, ";height:", media.sizes.large, ";}.", k, "-media-shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:", media.radius, ";background:", media.placeholderBg, ";box-shadow:inset 0 0 0 1px ", setAlpha('#111827', 0.08), ";}&.", k, "-media-loading .", k, "-media-shell{background:linear-gradient(\n                90deg,\n                ", media.loadingSkeletonBase, " 25%,\n                ", media.loadingSkeletonTo, " 37%,\n                ", media.loadingSkeletonBase, " 63%\n            );background-size:400% 100%;animation:", k, "-media-loading-wave 1.4s ease infinite;box-shadow:none;}&.", k, "-media-error .", k, "-media-shell,&.", k, "-media-custom-error .", k, "-media-shell{box-shadow:none;}&.", k, "-media-loading .", k, "-media-shell::before{content:none;}@keyframes ", k, "-media-loading-wave{0%{background-position:100% 50%;}100%{background-position:0 50%;}}.", k, "-media-image,.", k, "-media-video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#DCE1E9;}&.", k, "-media-loading .", k, "-media-image,&.", k, "-media-loading .", k, "-media-video{background:transparent;}.", k, "-media-visual-hidden{display:none;}.", k, "-media-audio-loader{display:none;}.", k, "-media-audio-card,.", k, "-media-error-card{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:", media.audioCardBg, ";box-sizing:border-box;}.", k, "-media-card-icon{display:block;width:32px;height:32px;flex:0 0 auto;}.", k, "-media-name-tooltip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.", k, "-media-name-tooltip-trigger{position:absolute;inset:0;z-index:2;outline:none;}&.", k, "-media.", k, "-media-mini .", k, "-media-card-icon{width:24px;height:24px;}.", k, "-media-error-card{background:transparent;}.", k, "-media-placeholder{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:", media.placeholderBg, ";color:", media.placeholderColor, ";}.", k, "-media-placeholder .", k, "-icon{font-size:20px;}.", k, "-media-placeholder-asset{display:block;width:16px;height:16px;flex:0 0 auto;}&.", k, "-media-loading .", k, "-media-placeholder{background:transparent;}&.", k, "-media-mini .", k, "-media-placeholder .", k, "-icon,&.", k, "-media-small .", k, "-media-placeholder .", k, "-icon{font-size:16px;}.", k, "-media-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:", media.overlayBg, ";opacity:0;pointer-events:none;transition:opacity ", theme.transition.middle, ";}.", k, "-media-loading-overlay{position:absolute;inset:0;z-index:2;background:", media.overlayBg, ";pointer-events:none;}.", k, "-media-preview-trigger,&.", k, "-media-custom-mask .", k, "-media-overlay{pointer-events:auto;}.", k, "-media-video-preview-trigger{position:absolute;inset:0;z-index:4;width:24px;height:24px;margin:auto;pointer-events:auto;}.", k, "-media-loading-indicator{position:absolute;top:3px;left:3px;z-index:3;display:flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none;}.", k, "-media-loading-spinner{width:12px;height:12px;border:1.5px solid ", setAlpha(media.loadingSpinnerColor, 0.22), ";border-top-color:", media.loadingSpinnerColor, ";border-radius:50%;box-sizing:border-box;animation:", k, "-media-loading-spinner 0.8s linear infinite;}.", k, "-media-loading-video-icon{position:absolute;inset:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:auto;color:#FFFFFF;font-size:18px;line-height:1;pointer-events:none;}@keyframes ", k, "-media-loading-spinner{100%{transform:rotate(360deg);}}.", k, "-media-state-layer{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}.", k, "-media-preview-trigger{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border:none;border-radius:0;background:transparent;color:#FFFFFF;cursor:pointer;transition:opacity ", theme.transition.middle, ";}.", k, "-media-preview-trigger:focus{outline:none;}.", k, "-media-preview-trigger .", k, "-icon,.", k, "-media-preview-trigger.ion{font-size:18px;}&.", k, "-media-mini .", k, "-media-preview-trigger .", k, "-icon,&.", k, "-media-small .", k, "-media-preview-trigger .", k, "-icon,&.", k, "-media-mini .", k, "-media-preview-trigger.ion,&.", k, "-media-small .", k, "-media-preview-trigger.ion{font-size:14px;}&.", k, "-media-mini .", k, "-media-video-preview-trigger,&.", k, "-media-small .", k, "-media-video-preview-trigger{width:18px;height:18px;}.", k, "-media-preview-trigger:hover:not(:disabled){background:transparent;}.", k, "-media-preview-trigger:disabled{opacity:0.5;cursor:not-allowed;}&.", k, "-media-mini .", k, "-media-loading-spinner,&.", k, "-media-small .", k, "-media-loading-spinner{width:10px;height:10px;border-width:1px;}&.", k, "-media-mini .", k, "-media-loading-indicator,&.", k, "-media-small .", k, "-media-loading-indicator{top:4px;left:4px;width:10px;height:10px;}&.", k, "-media-previewable:hover .", k, "-media-overlay{opacity:1;}&.", k, "-media-custom-mask:hover .", k, "-media-overlay{opacity:1;}&.", k, "-media-video-play-visible:hover .", k, "-media-overlay{opacity:1;}.", k, "-media-preview-icon.", k, "-icon,.", k, "-media-preview-icon.ion{color:inherit;}")
   );
 });
 var makeMediaGroupStyles = utils_cache(function makeMediaGroupStyles(k) {
@@ -93517,7 +93544,7 @@ var media_vdt_$tmp0 = {
   'tabindex': '-1'
 };
 /* harmony default export */ function media_vdt($props, $blocks, $__proto__) {
-  var _extends2;
+  var _extends2, _$cn2, _$cn3;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
@@ -93526,6 +93553,7 @@ var media_vdt_$tmp0 = {
     getRootStyle = _this$media.getRootStyle,
     getFileName = _this$media.getFileName,
     isLoading = _this$media.isLoading,
+    shouldShowVisualMediaContent = _this$media.shouldShowVisualMediaContent,
     shouldShowImage = _this$media.shouldShowImage,
     shouldShowVideo = _this$media.shouldShowVideo,
     shouldShowAudioLoader = _this$media.shouldShowAudioLoader,
@@ -93542,15 +93570,18 @@ var media_vdt_$tmp0 = {
     getErrorCardAssetSrc = _this$media.getErrorCardAssetSrc,
     getMediaCardIconStyle = _this$media.getMediaCardIconStyle,
     shouldShowLoadingIndicator = _this$media.shouldShowLoadingIndicator,
+    shouldShowLoadingVideoIcon = _this$media.shouldShowLoadingVideoIcon,
     shouldShowPlaceholder = _this$media.shouldShowPlaceholder,
     getPreviewIconClassName = _this$media.getPreviewIconClassName,
     getPlaceholderIconClassName = _this$media.getPlaceholderIconClassName,
+    getPlaceholderAssetSrc = _this$media.getPlaceholderAssetSrc,
     getPreviewTitle = _this$media.getPreviewTitle,
     onClick = _this$media.onClick,
     onPreview = _this$media.onPreview,
     canPreview = _this$media.canPreview,
     shouldShowVideoPlayTrigger = _this$media.shouldShowVideoPlayTrigger,
     shouldShowMaskLayer = _this$media.shouldShowMaskLayer,
+    shouldShowLoadingOverlay = _this$media.shouldShowLoadingOverlay,
     getViewerItem = _this$media.getViewerItem,
     getMaskValue = _this$media.getMaskValue,
     isStandalonePreviewRendered = _this$media.isStandalonePreviewRendered,
@@ -93594,6 +93625,7 @@ var media_vdt_$tmp0 = {
     theme: 'light'
   }, this.get('nameTooltipProps') || {});
   var mediaName = getFileName();
+  var placeholderAssetSrc = getPlaceholderAssetSrc();
   var audioCard = createElementVNode(2, 'div', createElementVNode(2, 'img', null, 1, index_esm_className(k + "-media-card-icon " + k + "-media-audio-card-icon"), {
     'src': getAudioCardAssetSrc(),
     'alt': '',
@@ -93613,19 +93645,25 @@ var media_vdt_$tmp0 = {
     'title': showNameTooltip ? undefined : getFileName()
   }, getRestProps(this), {
     'ev-click': onClick
-  }), [createElementVNode(2, 'div', [shouldShowImage() ? createVNode('img', _extends({
-    'className': index_esm_className(k + "-media-image"),
+  }), [createElementVNode(2, 'div', [shouldShowLoadingOverlay() && !showCustomLoadingLayer ? createElementVNode(2, 'div', null, 1, index_esm_className(k + "-media-loading-overlay")) : undefined, shouldShowImage() ? createVNode('img', _extends({
+    'className': index_esm_className((_$cn2 = {}, _$cn2[k + "-media-image"] = true, _$cn2[k + "-media-visual-hidden"] = !shouldShowVisualMediaContent(), _$cn2)),
     'ref': imageRef
   }, getImageProps())) : shouldShowVideo() ? createVNode('video', _extends({
     'key': getVideoKey(),
-    'className': index_esm_className(k + "-media-video"),
+    'className': index_esm_className((_$cn3 = {}, _$cn3[k + "-media-video"] = true, _$cn3[k + "-media-visual-hidden"] = !shouldShowVisualMediaContent(), _$cn3)),
     'ref': videoRef
   }, getVideoProps())) : undefined, shouldShowAudioLoader() ? createVNode('audio', _extends({
     'className': index_esm_className(k + "-media-audio-loader"),
     'ref': audioRef
-  }, getAudioLoaderProps())) : undefined, shouldShowErrorCard() && !showCustomErrorLayer ? errorCard : shouldShowAudioCard() && !showCustomStateLayer ? audioCard : shouldShowPlaceholder() && !showCustomLoadingLayer && !showCustomErrorLayer ? createElementVNode(2, 'div', createUnknownComponentVNode(Icon, {
+  }, getAudioLoaderProps())) : undefined, shouldShowErrorCard() && !showCustomErrorLayer ? errorCard : shouldShowAudioCard() && !showCustomStateLayer ? audioCard : shouldShowPlaceholder() && !showCustomLoadingLayer && !showCustomErrorLayer ? createElementVNode(2, 'div', placeholderAssetSrc ? createElementVNode(2, 'img', null, 1, index_esm_className(k + "-media-placeholder-asset"), {
+    'src': placeholderAssetSrc,
+    'alt': '',
+    'draggable': false
+  }) : createUnknownComponentVNode(Icon, {
     'className': index_esm_className(getPlaceholderIconClassName())
-  }), 2, index_esm_className(k + "-media-placeholder")) : undefined, shouldShowLoadingIndicator() && !showCustomLoadingLayer ? createElementVNode(2, 'div', createElementVNode(2, 'span', null, 1, index_esm_className(k + "-media-loading-spinner")), 2, index_esm_className(k + "-media-loading-indicator")) : undefined, showNameTooltip ? createUnknownComponentVNode(tooltip_Tooltip, _extends({
+  }), 2, index_esm_className(k + "-media-placeholder")) : undefined, shouldShowLoadingIndicator() && !showCustomLoadingLayer ? createElementVNode(2, 'div', createElementVNode(2, 'span', null, 1, index_esm_className(k + "-media-loading-spinner")), 2, index_esm_className(k + "-media-loading-indicator")) : undefined, shouldShowLoadingVideoIcon() && !showCustomLoadingLayer ? createUnknownComponentVNode(Icon, {
+    'className': index_esm_className(k + "-media-loading-video-icon ion-ios-play")
+  }) : undefined, showNameTooltip ? createUnknownComponentVNode(tooltip_Tooltip, _extends({
     'className': index_esm_className(k + "-media-name-tooltip")
   }, nameTooltipProps, {
     'children': createElementVNode(2, 'div', null, 1, index_esm_className(k + "-media-name-tooltip-trigger"), media_vdt_$tmp0),
@@ -93856,6 +93894,9 @@ function useMedia() {
   function isDone() {
     return getDisplayStatus() === 'done';
   }
+  function isMediaReady() {
+    return getInternalStatus() === 'done' || isDone();
+  }
   // 自定义遮罩层仅在 default/done 展示，避免与 loading/error 状态层冲突。
   function shouldShowMaskLayer() {
     var status = getDisplayStatus();
@@ -93865,7 +93906,7 @@ function useMedia() {
     return !!instance.get('showPreview') && hasSource() && isDone();
   }
   function shouldShowVideoPlayTrigger() {
-    return !!instance.get('showPreview') && shouldShowVideo();
+    return !!instance.get('showPreview') && shouldShowVideo() && isDone();
   }
   // 事件和插槽使用的公共媒体信息。
   function getValue() {
@@ -93930,6 +93971,9 @@ function useMedia() {
   function shouldShowVideo() {
     return getResolvedType() === 'video' && hasSource() && !isError();
   }
+  function shouldShowVisualMediaContent() {
+    return isMediaReady();
+  }
   function shouldShowAudioLoader() {
     return getResolvedType() === 'audio' && hasSource() && !isError();
   }
@@ -93940,7 +93984,7 @@ function useMedia() {
     return isError();
   }
   function shouldShowPlaceholder() {
-    return !shouldShowImage() && !shouldShowVideo() && !shouldShowErrorCard();
+    return (!shouldShowImage() || !shouldShowVisualMediaContent()) && (!shouldShowVideo() || !shouldShowVisualMediaContent()) && !shouldShowErrorCard();
   }
   // poster 是组件级视频封面，不从 videoProps 中读取。
   function getPosterSource() {
@@ -93986,6 +94030,13 @@ function useMedia() {
   function shouldShowLoadingIndicator() {
     return isLoading();
   }
+  function shouldShowLoadingOverlay() {
+    var type = getResolvedType();
+    return isLoading() && hasSource() && shouldShowVisualMediaContent() && (type === 'image' || type === 'video');
+  }
+  function shouldShowLoadingVideoIcon() {
+    return isLoading() && getResolvedType() === 'video' && hasSource() && shouldShowVisualMediaContent();
+  }
   // 去掉已被组件接管的事件键，避免作为普通 attribute 透传到 DOM。
   function omitNativeHandlers(props, keys) {
     var nextProps = _extends({}, props);
@@ -94056,13 +94107,18 @@ function useMedia() {
     });
   }
   function getPreviewIconClassName() {
-    return getResolvedType() === 'image' ? 'ion-ios-eye-outline' : 'ion-ios-play';
+    return getResolvedType() === 'image' ? 'k-icon-visible' : 'ion-ios-play';
   }
   function getPlaceholderIconClassName() {
     var resolvedType = getResolvedType();
-    if (resolvedType === 'video') return 'ion-videocamera';
     if (resolvedType === 'audio') return 'ion-ios-musical-note';
-    return 'ion-image';
+    return '';
+  }
+  function getPlaceholderAssetSrc() {
+    var resolvedType = getResolvedType();
+    if (resolvedType === 'video') return mediaVideoPlaceholderUrl;
+    if (resolvedType === 'image') return mediaImagePlaceholderUrl;
+    return '';
   }
   function getPreviewTitle() {
     var resolvedType = getResolvedType();
@@ -94221,6 +94277,7 @@ function useMedia() {
     isLoading: isLoading,
     isError: isError,
     isDone: isDone,
+    shouldShowVisualMediaContent: shouldShowVisualMediaContent,
     shouldShowLoadingIndicator: shouldShowLoadingIndicator,
     shouldShowImage: shouldShowImage,
     shouldShowVideo: shouldShowVideo,
@@ -94238,8 +94295,11 @@ function useMedia() {
     getAudioCardAssetSrc: getAudioCardAssetSrc,
     getErrorCardAssetSrc: getErrorCardAssetSrc,
     getMediaCardIconStyle: getMediaCardIconStyle,
+    shouldShowLoadingOverlay: shouldShowLoadingOverlay,
+    shouldShowLoadingVideoIcon: shouldShowLoadingVideoIcon,
     getPreviewIconClassName: getPreviewIconClassName,
     getPlaceholderIconClassName: getPlaceholderIconClassName,
+    getPlaceholderAssetSrc: getPlaceholderAssetSrc,
     getPreviewTitle: getPreviewTitle,
     onClick: onClick,
     onPreview: onPreview,
@@ -94328,6 +94388,7 @@ Media.events = media_events;
 
 var fileCard_styles_defaults = {
   radius: '4px',
+  mediaRadius: '6px',
   border: '1px solid #E5E8EE',
   titleColor: '#3F3F51',
   descriptionColor: '#868A9C',
@@ -94335,31 +94396,31 @@ var fileCard_styles_defaults = {
   file: {
     mini: {
       width: '160px',
-      minHeight: '34px',
+      minHeight: '40px',
       iconSize: '24px',
-      padding: '5px 10px',
+      padding: '8px',
       gap: '8px'
     },
     small: {
       width: '160px',
-      minHeight: '44px',
+      minHeight: '48px',
       iconSize: '32px',
-      padding: '6px 12px',
+      padding: '8px',
       gap: '8px'
     },
     default: {
       width: '160px',
       minHeight: '54px',
       iconSize: '32px',
-      padding: '8px 12px',
+      padding: '8px',
       gap: '8px'
     },
     large: {
       width: '192px',
       minHeight: '64px',
       iconSize: '40px',
-      padding: '12px 14px',
-      gap: '10px'
+      padding: '8px',
+      gap: '8px'
     }
   },
   fileIcon: {
@@ -94381,6 +94442,7 @@ var fileCard_styles_defaults = {
     iconGap: '16px'
   },
   errorMaskBg: 'rgba(21, 27, 30, 0.46)',
+  loadingOverlayBg: 'rgba(15, 23, 42, 0.42)',
   errorTextColor: theme.color.danger,
   actionBg: 'rgba(255, 255, 255, 0.18)',
   actionColor: '#FFFFFF',
@@ -94405,7 +94467,7 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("&.", k, "-file-card{position:relative;display:inline-flex;flex:0 0 auto;align-self:flex-start;vertical-align:top;width:auto;max-width:100%;min-width:0;border:", fileCard.border, ";border-radius:", fileCard.radius, ";background:#FFFFFF;box-sizing:border-box;overflow:visible;}&.", k, "-file-card.", k, "-file-card-file{width:", fileCard.file.small.width, ";min-height:", fileCard.file.small.minHeight, ";border:", fileCard.border, ";border-radius:", fileCard.radius, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-mini{width:", fileCard.file.mini.width, ";min-height:", fileCard.file.mini.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-small{width:", fileCard.file.small.width, ";min-height:", fileCard.file.small.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-default{width:", fileCard.file.default.width, ";min-height:", fileCard.file.default.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-large{width:", fileCard.file.large.width, ";min-height:", fileCard.file.large.minHeight, ";}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-image{border:none;background:transparent;}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-video{border:none;background:transparent;}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-audio{border:none;background:transparent;}.", k, "-file-card-media-shell{position:relative;min-width:0;box-sizing:border-box;}.", k, "-file-card-media-view{display:inline-flex;}.", k, "-file-card-media-status-layer{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;}.", k, "-file-card-media-status-layer>*{pointer-events:auto;}.", k, "-file-card-media-error-artwork-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;gap:4px;padding:0 4px;border-radius:inherit;background:#F3F5F6;box-sizing:border-box;}.", k, "-file-card-media-error-artwork-icon{display:block;width:32px;height:32px;flex:0 0 auto;}.", k, "-file-card-file-shell{position:relative;width:100%;min-width:0;border-radius:inherit;overflow:hidden;background:linear-gradient(\n                90deg,\n                ", fileCard.progressBg, " 0 var(--file-card-progress-percent, 0%),\n                #FFFFFF var(--file-card-progress-percent, 0%) 100%\n            );}.", k, "-file-card-file-main{display:flex;align-items:center;width:100%;min-width:0;gap:", fileCard.file.small.gap, ";padding:", fileCard.file.small.padding, ";box-sizing:border-box;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-main{gap:", fileCard.file.mini.gap, ";padding:", fileCard.file.mini.padding, ";}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-main{gap:", fileCard.file.large.gap, ";padding:", fileCard.file.large.padding, ";}&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-main{gap:", fileCard.file.default.gap, ";padding:", fileCard.file.default.padding, ";}.", k, "-file-card-file-icon,.", k, "-file-card-file-media-view{width:", fileCard.file.small.iconSize, ";height:", fileCard.file.small.iconSize, ";flex:0 0 auto;border-radius:4px;overflow:hidden;}.", k, "-file-card-file-icon{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:0.04em;color:", fileCard.fileIcon.defaultColor, ";}.", k, "-file-card-file-icon .", k, "-icon{font-size:16px;line-height:1;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-media-view{width:", fileCard.file.mini.iconSize, ";height:", fileCard.file.mini.iconSize, ";}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-icon{font-size:10px;}&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-media-view{width:", fileCard.file.default.iconSize, ";height:", fileCard.file.default.iconSize, ";}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-media-view{width:", fileCard.file.large.iconSize, ";height:", fileCard.file.large.iconSize, ";}.", k, "-file-card-file-icon-img{display:block;width:100%;height:100%;object-fit:cover;}.", k, "-file-card-file-icon-pdf{color:", fileCard.fileIcon.pdfColor, ";}.", k, "-file-card-file-icon-doc{color:", fileCard.fileIcon.docColor, ";}.", k, "-file-card-file-icon-sheet{color:", fileCard.fileIcon.sheetColor, ";}.", k, "-file-card-file-icon-slide{color:", fileCard.fileIcon.slideColor, ";}.", k, "-file-card-file-icon-archive{color:", fileCard.fileIcon.archiveColor, ";}.", k, "-file-card-file-icon-image{color:", fileCard.fileIcon.imageColor, ";}.", k, "-file-card-file-icon-video{color:", fileCard.fileIcon.videoColor, ";}.", k, "-file-card-file-icon-audio{color:", fileCard.fileIcon.audioColor, ";}.", k, "-file-card-file-content{flex:1;min-width:0;}.", k, "-file-card-title{display:flex;align-items:baseline;min-width:0;color:", fileCard.titleColor, ";font-weight:400;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-title{font-size:13px;line-height:18px;}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-title{font-size:15px;line-height:22px;}.", k, "-file-card-title-prefix{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.", k, "-file-card-title-suffix{flex:0 0 auto;white-space:nowrap;}.", k, "-file-card-title-status{color:", fileCard.titleColor, ";}.", k, "-file-card-title-status-error{color:", theme.color.danger, ";}.", k, "-file-card-description{color:", fileCard.descriptionColor, ";font-size:12px;line-height:18px;margin-top:2px;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-description{display:none;}.", k, "-file-card-action{color:inherit;border-radius:999px;background:transparent;transition:background ", theme.transition.small, ",color ", theme.transition.small, ",opacity ", theme.transition.small, ";}.", k, "-file-card-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;}.", k, "-file-card-mask{gap:10px;background:", fileCard.maskBg, ";opacity:0;transition:opacity ", theme.transition.small, ";pointer-events:none;}.", k, "-file-card-error-text{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;color:", fileCard.errorTextColor, ";font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.", k, "-file-card-media-error-artwork-text{width:auto;max-width:100%;box-sizing:border-box;color:#FF4433;font-size:12px;line-height:12px;text-shadow:none;}.", k, "-file-card-mask>*{pointer-events:auto;}.", k, "-file-card-mask .", k, "-file-card-action{color:", fileCard.actionColor, ";background:", fileCard.actionBg, ";}.", k, "-file-card-mask .", k, "-file-card-action:hover{background:", fileCard.actionHoverBg, ";}&.", k, "-file-card:hover .", k, "-file-card-mask{opacity:1;}&.", k, "-file-card.", k, "-file-card-type-image .", k, "-file-card-mask{background:", fileCard.imagePreview.bgColor, ";gap:", fileCard.imagePreview.iconGap, ";color:", fileCard.imagePreview.color, ";transition:opacity ", theme.transition.middle, ";}&.", k, "-file-card.", k, "-file-card-type-image .", k, "-file-card-mask .", k, "-icon:not(:hover){color:inherit;}.", k, "-file-card-file-mask{background:rgba(255, 255, 255, 0.92);gap:8px;}.", k, "-file-card-file-mask .", k, "-file-card-action{color:#5D6378;background:rgba(63, 68, 81, 0.08);}.", k, "-file-card-file-mask .", k, "-file-card-action:hover{color:", theme.color.primary, ";background:", setAlpha(theme.color.primary, 0.12), ";}.", k, "-file-card-media-loading-text{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;color:#FFFFFF;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0, 0, 0, 0.28);}&.", k, "-file-card.", k, "-file-card-type-audio .", k, "-file-card-media-loading-text{color:#3A3D52;text-shadow:none;}.", k, "-file-card-media-progress-text{position:absolute;top:3px;left:20px;z-index:4;color:#FFFFFF;font-size:11px;line-height:14px;white-space:nowrap;text-shadow:0 1px 2px rgba(0, 0, 0, 0.35);}&.", k, "-file-card>.", k, "-file-card-delete{position:absolute;top:2px;right:2px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;border:none;border-radius:50%;cursor:pointer;color:", fileCard.deleteColor, ";background:", fileCard.deleteBg, ";box-shadow:", fileCard.deleteShadow, ";box-sizing:border-box;line-height:1;outline:none;opacity:0;pointer-events:none;transition:background ", theme.transition.small, ",opacity ", theme.transition.small, ";}&.", k, "-file-card>.", k, "-file-card-delete .", k, "-icon{margin:0;color:inherit;font-size:10px;line-height:1;}&.", k, "-file-card.", k, "-file-card-mini>.", k, "-file-card-delete{width:12px;min-width:12px;height:12px;min-height:12px;flex-basis:12px;}&.", k, "-file-card.", k, "-file-card-mini>.", k, "-file-card-delete .", k, "-icon{font-size:8px;}&.", k, "-file-card:hover>.", k, "-file-card-delete{opacity:1;pointer-events:auto;}&.", k, "-file-card>.", k, "-file-card-delete:hover,&.", k, "-file-card>.", k, "-file-card-delete:focus{color:", fileCard.deleteHoverColor, ";background:", fileCard.deleteHoverBg, ";box-shadow:", fileCard.deleteShadow, ";}&.", k, "-file-card.", k, "-file-card-error .", k, "-file-card-description{color:", theme.color.danger, ";}&.", k, "-file-card-list{display:flex;gap:", fileCard.listGap, ";align-items:flex-start;}&.", k, "-file-card-list-wrap{flex-wrap:wrap;align-items:flex-start;}&.", k, "-file-card-list-scrollX{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%;max-width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;}&.", k, "-file-card-list-scrollY{flex-wrap:wrap;align-content:flex-start;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;height:100%;max-height:108px;min-height:0;max-width:100%;padding-right:6px;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar{height:8px;}&.", k, "-file-card-list-scrollY::-webkit-scrollbar{width:8px;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar-track,&.", k, "-file-card-list-scrollY::-webkit-scrollbar-track{background:transparent;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar-thumb,&.", k, "-file-card-list-scrollY::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:transparent;background-clip:content-box;}&.", k, "-file-card-list-scrollX:hover,&.", k, "-file-card-list-scrollY:hover{scrollbar-color:", fileCard.scrollbarThumb, " transparent;}&.", k, "-file-card-list-scrollX:hover::-webkit-scrollbar-thumb,&.", k, "-file-card-list-scrollY:hover::-webkit-scrollbar-thumb{background:", fileCard.scrollbarThumb, ";background-clip:content-box;}&.", k, "-file-card-list-scrollX:hover::-webkit-scrollbar-thumb:hover,&.", k, "-file-card-list-scrollY:hover::-webkit-scrollbar-thumb:hover{background:", fileCard.scrollbarThumbHover, ";background-clip:content-box;}.", k, "-file-card-list-extension{flex:0 0 auto;}")
+    css("&.", k, "-file-card{position:relative;display:inline-flex;flex:0 0 auto;align-self:flex-start;vertical-align:top;width:auto;max-width:100%;min-width:0;border:", fileCard.border, ";border-radius:", fileCard.radius, ";background:#FFFFFF;box-sizing:border-box;overflow:visible;}&.", k, "-file-card.", k, "-file-card-file{width:", fileCard.file.small.width, ";min-height:", fileCard.file.small.minHeight, ";border:", fileCard.border, ";border-radius:", fileCard.radius, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-mini{width:", fileCard.file.mini.width, ";min-height:", fileCard.file.mini.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-small{width:", fileCard.file.small.width, ";min-height:", fileCard.file.small.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-default{width:", fileCard.file.default.width, ";min-height:", fileCard.file.default.minHeight, ";}&.", k, "-file-card.", k, "-file-card-file.", k, "-file-card-large{width:", fileCard.file.large.width, ";min-height:", fileCard.file.large.minHeight, ";}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-image{border:none;background:transparent;}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-video{border:none;background:transparent;}&.", k, "-file-card.", k, "-file-card-media.", k, "-file-card-type-audio{border:none;background:transparent;}.", k, "-file-card-media-shell{position:relative;min-width:0;border-radius:", fileCard.mediaRadius, ";box-sizing:border-box;overflow:hidden;}.", k, "-file-card-media-view{display:inline-flex;}.", k, "-file-card-media-status-layer{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;}.", k, "-file-card-media-loading-overlay{position:absolute;inset:0;z-index:2;border-radius:inherit;background:", fileCard.loadingOverlayBg, ";pointer-events:none;}.", k, "-file-card-media-status-layer>*{pointer-events:auto;}.", k, "-file-card-media-error-artwork-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;gap:4px;padding:0 4px;border-radius:inherit;background:#F3F5F6;box-sizing:border-box;}.", k, "-file-card-media-error-artwork-icon{display:block;width:32px;height:32px;flex:0 0 auto;}.", k, "-file-card-file-shell{position:relative;width:100%;min-width:0;border-radius:inherit;overflow:hidden;background:linear-gradient(\n                90deg,\n                ", fileCard.progressBg, " 0 var(--file-card-progress-percent, 0%),\n                #FFFFFF var(--file-card-progress-percent, 0%) 100%\n            );}.", k, "-file-card-file-main{display:flex;align-items:center;width:100%;min-width:0;gap:", fileCard.file.small.gap, ";padding:", fileCard.file.small.padding, ";box-sizing:border-box;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-main{gap:", fileCard.file.mini.gap, ";padding:", fileCard.file.mini.padding, ";}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-main{gap:", fileCard.file.large.gap, ";padding:", fileCard.file.large.padding, ";}&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-main{gap:", fileCard.file.default.gap, ";padding:", fileCard.file.default.padding, ";}.", k, "-file-card-file-icon,.", k, "-file-card-file-media-view{width:", fileCard.file.small.iconSize, ";height:", fileCard.file.small.iconSize, ";flex:0 0 auto;border-radius:4px;overflow:hidden;}.", k, "-file-card-file-icon{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:0.04em;color:", fileCard.fileIcon.defaultColor, ";}.", k, "-file-card-file-icon .", k, "-icon{font-size:16px;line-height:1;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-media-view{width:", fileCard.file.mini.iconSize, ";height:", fileCard.file.mini.iconSize, ";}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-file-icon{font-size:10px;}&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-default .", k, "-file-card-file-media-view{width:", fileCard.file.default.iconSize, ";height:", fileCard.file.default.iconSize, ";}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-icon,&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-file-media-view{width:", fileCard.file.large.iconSize, ";height:", fileCard.file.large.iconSize, ";}.", k, "-file-card-file-icon-img{display:block;width:100%;height:100%;object-fit:cover;}.", k, "-file-card-file-icon-pdf{color:", fileCard.fileIcon.pdfColor, ";}.", k, "-file-card-file-icon-doc{color:", fileCard.fileIcon.docColor, ";}.", k, "-file-card-file-icon-sheet{color:", fileCard.fileIcon.sheetColor, ";}.", k, "-file-card-file-icon-slide{color:", fileCard.fileIcon.slideColor, ";}.", k, "-file-card-file-icon-archive{color:", fileCard.fileIcon.archiveColor, ";}.", k, "-file-card-file-icon-image{color:", fileCard.fileIcon.imageColor, ";}.", k, "-file-card-file-icon-video{color:", fileCard.fileIcon.videoColor, ";}.", k, "-file-card-file-icon-audio{color:", fileCard.fileIcon.audioColor, ";}.", k, "-file-card-file-content{flex:1;min-width:0;}.", k, "-file-card-title{display:flex;align-items:baseline;min-width:0;color:", fileCard.titleColor, ";font-weight:400;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-title{font-size:13px;line-height:18px;}&.", k, "-file-card.", k, "-file-card-large .", k, "-file-card-title{font-size:15px;line-height:22px;}.", k, "-file-card-title-prefix{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.", k, "-file-card-title-suffix{flex:0 0 auto;white-space:nowrap;}.", k, "-file-card-title-status{color:", fileCard.titleColor, ";}.", k, "-file-card-title-status-error{color:", theme.color.danger, ";}.", k, "-file-card-description{color:", fileCard.descriptionColor, ";font-size:12px;line-height:18px;margin-top:2px;}&.", k, "-file-card.", k, "-file-card-mini .", k, "-file-card-description{display:none;}.", k, "-file-card-action{color:inherit;border-radius:999px;background:transparent;transition:background ", theme.transition.small, ",color ", theme.transition.small, ",opacity ", theme.transition.small, ";}.", k, "-file-card-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;}.", k, "-file-card-mask{gap:10px;background:", fileCard.maskBg, ";opacity:0;transition:opacity ", theme.transition.small, ";pointer-events:none;}.", k, "-file-card-error-text{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;color:", fileCard.errorTextColor, ";font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.", k, "-file-card-media-error-artwork-text{width:auto;max-width:100%;box-sizing:border-box;color:#FF4433;font-size:12px;line-height:12px;text-shadow:none;}.", k, "-file-card-mask>*{pointer-events:auto;}.", k, "-file-card-mask .", k, "-file-card-action{color:", fileCard.actionColor, ";background:", fileCard.actionBg, ";}.", k, "-file-card-mask .", k, "-file-card-action:hover{background:", fileCard.actionHoverBg, ";}&.", k, "-file-card:hover .", k, "-file-card-mask{opacity:1;}&.", k, "-file-card.", k, "-file-card-type-image .", k, "-file-card-mask{background:", fileCard.imagePreview.bgColor, ";gap:", fileCard.imagePreview.iconGap, ";color:", fileCard.imagePreview.color, ";transition:opacity ", theme.transition.middle, ";}&.", k, "-file-card.", k, "-file-card-type-image .", k, "-file-card-mask .", k, "-icon:not(:hover){color:inherit;}.", k, "-file-card-file-mask{background:rgba(255, 255, 255, 0.92);gap:8px;}.", k, "-file-card-file-mask .", k, "-file-card-action{color:#5D6378;background:rgba(63, 68, 81, 0.08);}.", k, "-file-card-file-mask .", k, "-file-card-action:hover{color:", theme.color.primary, ";background:", setAlpha(theme.color.primary, 0.12), ";}.", k, "-file-card-media-loading-text{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;color:#FFFFFF;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0, 0, 0, 0.28);}.", k, "-file-card-media-progress-text{position:absolute;top:3px;left:20px;z-index:4;color:#FFFFFF;font-size:11px;line-height:14px;white-space:nowrap;text-shadow:0 1px 2px rgba(0, 0, 0, 0.35);}&.", k, "-file-card>.", k, "-file-card-delete{position:absolute;top:2px;right:2px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;border:none;border-radius:50%;cursor:pointer;color:", fileCard.deleteColor, ";background:", fileCard.deleteBg, ";box-shadow:", fileCard.deleteShadow, ";box-sizing:border-box;line-height:1;outline:none;opacity:0;pointer-events:none;transition:background ", theme.transition.small, ",opacity ", theme.transition.small, ";}&.", k, "-file-card>.", k, "-file-card-delete .", k, "-icon{margin:0;color:inherit;font-size:10px;line-height:1;}&.", k, "-file-card.", k, "-file-card-mini>.", k, "-file-card-delete{width:12px;min-width:12px;height:12px;min-height:12px;flex-basis:12px;}&.", k, "-file-card.", k, "-file-card-mini>.", k, "-file-card-delete .", k, "-icon{font-size:8px;}&.", k, "-file-card:hover>.", k, "-file-card-delete{opacity:1;pointer-events:auto;}&.", k, "-file-card>.", k, "-file-card-delete:hover,&.", k, "-file-card>.", k, "-file-card-delete:focus{color:", fileCard.deleteHoverColor, ";background:", fileCard.deleteHoverBg, ";box-shadow:", fileCard.deleteShadow, ";}&.", k, "-file-card.", k, "-file-card-error .", k, "-file-card-description{color:", theme.color.danger, ";}&.", k, "-file-card-list{display:flex;gap:", fileCard.listGap, ";align-items:flex-start;}&.", k, "-file-card-list-wrap{flex-wrap:wrap;align-items:flex-start;}&.", k, "-file-card-list-scrollX{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%;max-width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;}&.", k, "-file-card-list-scrollY{flex-wrap:wrap;align-content:flex-start;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;height:100%;max-height:108px;min-height:0;max-width:100%;padding-right:6px;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar{height:8px;}&.", k, "-file-card-list-scrollY::-webkit-scrollbar{width:8px;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar-track,&.", k, "-file-card-list-scrollY::-webkit-scrollbar-track{background:transparent;}&.", k, "-file-card-list-scrollX::-webkit-scrollbar-thumb,&.", k, "-file-card-list-scrollY::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:transparent;background-clip:content-box;}&.", k, "-file-card-list-scrollX:hover,&.", k, "-file-card-list-scrollY:hover{scrollbar-color:", fileCard.scrollbarThumb, " transparent;}&.", k, "-file-card-list-scrollX:hover::-webkit-scrollbar-thumb,&.", k, "-file-card-list-scrollY:hover::-webkit-scrollbar-thumb{background:", fileCard.scrollbarThumb, ";background-clip:content-box;}&.", k, "-file-card-list-scrollX:hover::-webkit-scrollbar-thumb:hover,&.", k, "-file-card-list-scrollY:hover::-webkit-scrollbar-thumb:hover{background:", fileCard.scrollbarThumbHover, ";background-clip:content-box;}.", k, "-file-card-list-prefix,.", k, "-file-card-list-suffix{flex:0 0 auto;}")
   );
 });
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/fileCard/fileCard.vdt.js
@@ -94433,6 +94495,7 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
     onDelete = _this$model.onDelete,
     getValue = _this$model.getValue,
     onPreview = _this$model.onPreview,
+    isLoading = _this$model.isLoading,
     isError = _this$model.isError,
     getMediaLoadingText = _this$model.getMediaLoadingText,
     getMediaErrorText = _this$model.getMediaErrorText,
@@ -94459,7 +94522,7 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
     getFileMediaType = _this$model.getFileMediaType,
     getMediaStatus = _this$model.getMediaStatus,
     getMediaShowPreview = _this$model.getMediaShowPreview,
-    onMediaError = _this$model.onMediaError,
+    shouldShowMediaLoadingOverlay = _this$model.shouldShowMediaLoadingOverlay,
     getMediaSize = _this$model.getMediaSize,
     getFileMediaSize = _this$model.getFileMediaSize,
     shouldShowFileMedia = _this$model.shouldShowFileMedia;
@@ -94479,7 +94542,7 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
   var value = getValue();
   var shouldShowFileContent = !isMediaType();
   var descriptionSlot = shouldShowFileContent && $blocks.description ? $blocks.description(noop, value) : undefined;
-  var fileMaskSlot = shouldShowFileContent && maskBlock ? maskBlock(noop, value) : undefined;
+  var fileMaskSlot = shouldShowFileContent && !isLoading() && maskBlock ? maskBlock(noop, value) : undefined;
   var hasDescriptionSlot = !isEmptySlot(descriptionSlot);
   var hasFileMaskSlot = !isEmptySlot(fileMaskSlot);
   var isMini = (this.get('size') || 'default') === 'mini';
@@ -94510,7 +94573,6 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
     'videoProps': this.get('videoProps'),
     'audioProps': this.get('audioProps'),
     'ev-preview': onPreview,
-    'ev-loadError': onMediaError,
     '$blocks': function ($blocks) {
       var _$blocks = {},
         __$blocks = extend({}, $blocks);
@@ -94536,7 +94598,7 @@ var fileCard_styles_makeStyles = utils_cache(function makeStyles(k) {
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
     }.call($this, EMPTY_OBJ)
-  }), shouldShowMediaStatusLayer() && !shouldUseMediaErrorArtworkLayout() ? createElementVNode(2, 'div', createElementVNode(2, 'span', isError() ? getMediaErrorText() : getMediaLoadingText(), 0, index_esm_className((_$cn2 = {}, _$cn2[k + "-file-card-media-loading-text"] = !isError(), _$cn2[k + "-file-card-error-text"] = isError(), _$cn2))), 2, index_esm_className(k + "-file-card-media-status-layer")) : undefined, shouldShowVisualMediaProgressText() ? createElementVNode(2, 'div', getMediaProgressText(), 0, index_esm_className(k + "-file-card-media-progress-text")) : undefined], 0, index_esm_className(k + "-file-card-media-shell")) : createElementVNode(2, 'div', [createElementVNode(2, 'div', [shouldShowFileMedia() ? createUnknownComponentVNode(Media, {
+  }), shouldShowMediaLoadingOverlay() ? createElementVNode(2, 'div', null, 1, index_esm_className(k + "-file-card-media-loading-overlay")) : undefined, shouldShowMediaStatusLayer() && !shouldUseMediaErrorArtworkLayout() ? createElementVNode(2, 'div', createElementVNode(2, 'span', isError() ? getMediaErrorText() : getMediaLoadingText(), 0, index_esm_className((_$cn2 = {}, _$cn2[k + "-file-card-media-loading-text"] = !isError(), _$cn2[k + "-file-card-error-text"] = isError(), _$cn2))), 2, index_esm_className(k + "-file-card-media-status-layer")) : undefined, shouldShowVisualMediaProgressText() ? createElementVNode(2, 'div', getMediaProgressText(), 0, index_esm_className(k + "-file-card-media-progress-text")) : undefined], 0, index_esm_className(k + "-file-card-media-shell")) : createElementVNode(2, 'div', [createElementVNode(2, 'div', [shouldShowFileMedia() ? createUnknownComponentVNode(Media, {
     'className': index_esm_className(k + "-file-card-file-media-view"),
     'name': getFileName(),
     'type': getFileMediaType(),
@@ -94848,12 +94910,6 @@ function useFileCard() {
   function hasSource() {
     return !!instance.get('src');
   }
-  function isMediaLoadError() {
-    return !!instance.get('$mediaLoadError');
-  }
-  function setMediaLoadError(value) {
-    instance.set('$mediaLoadError', value);
-  }
   function shouldShowDeleteButton() {
     return !!instance.get('showDelIcon');
   }
@@ -94877,27 +94933,21 @@ function useFileCard() {
   function getMediaType() {
     return getResolvedType();
   }
-  function isImageOrVideoMedia() {
-    var mediaType = getMediaType();
-    return mediaType === 'image' || mediaType === 'video';
-  }
-  function shouldKeepVisualMediaOnError() {
-    if (!isError() || !hasSource()) return false;
-    if (isMediaLoadError()) return false;
-    return isImageOrVideoMedia();
-  }
   function getFileMediaType() {
     return getResourceType();
   }
   function getMediaStatus() {
     if (!isMediaType()) return 'default';
-    if (shouldKeepVisualMediaOnError()) return 'default';
     return getDisplayStatus();
   }
   function getMediaShowPreview() {
     if (isError()) return false;
     return instance.get('showPreview');
   }
+  function shouldShowMediaLoadingOverlay() {
+    var mediaType = getMediaType();
+    return isLoading() && mediaType === 'audio' && (hasSpecifiedMediaLoadingText() || hasPercentProp());
+  }
   function getMediaSize() {
     return instance.get('size') || 'default';
   }
@@ -94935,7 +94985,7 @@ function useFileCard() {
     return isMediaType() && isError() && !shouldHideMediaStatusTextForSize() && hasSpecifiedMediaErrorText();
   }
   function shouldUseMediaErrorArtworkLayout() {
-    return shouldRenderMediaErrorArtwork() && !shouldKeepVisualMediaOnError();
+    return shouldRenderMediaErrorArtwork();
   }
   // 媒体卡片在 loading 且传入 percent 时都展示进度文本（不限制尺寸）。
   function shouldShowVisualMediaProgressText() {
@@ -94992,23 +95042,6 @@ function useFileCard() {
     e.stopPropagation();
     instance.trigger('delete', getValue(), e);
   }
-  function onMediaError() {
-    setMediaLoadError(true);
-  }
-  function bootstrap() {
-    instance.set('$mediaLoadError', false, {
-      silent: true
-    });
-    ['src', 'type', 'poster'].forEach(function (key) {
-      instance.watch(key, function () {
-        return setMediaLoadError(false);
-      });
-    });
-    instance.watch('status', function (status) {
-      if (status !== 'error') setMediaLoadError(false);
-    });
-  }
-  bootstrap();
   return {
     getRootClassNameObj: getRootClassNameObj,
     getProgressStyle: getProgressStyle,
@@ -95045,7 +95078,7 @@ function useFileCard() {
     getFileMediaType: getFileMediaType,
     getMediaStatus: getMediaStatus,
     getMediaShowPreview: getMediaShowPreview,
-    onMediaError: onMediaError,
+    shouldShowMediaLoadingOverlay: shouldShowMediaLoadingOverlay,
     getMediaSize: getMediaSize,
     getFileMediaSize: getFileMediaSize,
     shouldShowFileMedia: shouldShowFileMedia
@@ -95157,12 +95190,14 @@ FileCard.events = fileCard_events;
     if (value && value.type === 1) return isEmptySlot(value.children);
     return false;
   };
-  var extensionSlot = $blocks.extension ? $blocks.extension(noop, items) : undefined;
-  var hasExtensionSlot = !isEmptySlot(extensionSlot);
+  var prefixSlot = $blocks.prefix ? $blocks.prefix(noop, items) : undefined;
+  var suffixSlot = $blocks.suffix ? $blocks.suffix(noop, items) : undefined;
+  var hasPrefixSlot = !isEmptySlot(prefixSlot);
+  var hasSuffixSlot = !isEmptySlot(suffixSlot);
   var classNameObj = _extends({}, getClassNameObj(), (_extends2 = {}, _extends2[className] = className, _extends2[fileCard_styles_makeStyles(k)] = true, _extends2));
   return createVNode('div', _extends({
     'className': index_esm_className(classNameObj)
-  }, getRestProps(this)), [map(items, function ($value, $key) {
+  }, getRestProps(this)), [hasPrefixSlot ? createElementVNode(2, 'div', prefixSlot, 0, index_esm_className(k + "-file-card-list-prefix")) : undefined, map(items, function ($value, $key) {
     return createUnknownComponentVNode(FileCard, {
       'key': getItemKey($value, $key),
       'name': $value.name,
@@ -95193,7 +95228,7 @@ FileCard.events = fileCard_events;
         return onItemDelete($value, value, e);
       }
     }, getItemKey($value, $key));
-  }, $this), hasExtensionSlot ? createElementVNode(2, 'div', extensionSlot, 0, index_esm_className(k + "-file-card-list-extension")) : undefined]);
+  }, $this), hasSuffixSlot ? createElementVNode(2, 'div', suffixSlot, 0, index_esm_className(k + "-file-card-list-suffix")) : undefined]);
 }
 ;
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/fileCard/useFileCardList.js
@@ -99084,7 +99119,7 @@ var progress_index_vdt_$tmp0 = {
   'from': '0.2',
   'to': '0'
 };
-var _$tmp1 = {
+var index_vdt_$tmp1 = {
   'viewBox': '0 0 120 120'
 };
 /* harmony default export */ function progress_index_vdt($props, $blocks, $__proto__) {
@@ -99138,7 +99173,7 @@ var _$tmp1 = {
     'stroke-width': strokeWidth,
     'stroke-dasharray': circumference,
     'stroke-dashoffset': circumference
-  }) : undefined]), 0, index_esm_className(k + "-progress-canvas"), _$tmp1) : undefined, children ? createElementVNode(2, 'div', children, 0, index_esm_className(k + "-progress-text")) : showOuterText ? createElementVNode(2, 'div', function () {
+  }) : undefined]), 0, index_esm_className(k + "-progress-canvas"), index_vdt_$tmp1) : undefined, children ? createElementVNode(2, 'div', children, 0, index_esm_className(k + "-progress-text")) : showOuterText ? createElementVNode(2, 'div', function () {
     if (type !== 'circle') {
       switch (status) {
         case 'success':
@@ -99680,22 +99715,31 @@ var sender_styles_defaults = {
   bg: '#FFFFFF',
   color: theme.color.text,
   placeholderColor: theme.color.placeholder,
-  disabledBg: theme.color.disabledBg,
+  disabledBg: theme.color.bg,
   disabledColor: theme.color.disabled,
   fontSize: theme.fontSize,
   lineHeight: 1.5,
+  prefixGap: '8px',
+  prefixColor: '#868A9C',
   gradientDefault: SENDER_GRADIENT_DEFAULT,
   gradientActive: SENDER_GRADIENT_ACTIVE,
+  activeBackdropFilter: 'blur(4px)',
+  activeShadow: ['0px 4px 6px -4px rgba(0, 0, 0, 0.102)', '3px -3px 16px -5px rgba(113, 47, 255, 0.102)', '-3px 3px 14px -4px rgba(83, 112, 255, 0.102)'].join(', '),
   sendButtonSize: '32px',
   attachButtonSize: '16px',
   attachIconColor: '#868A9C',
-  attachIconHoverColor: theme.color.primary,
-  // type='image' 末尾的 + 框，尺寸和 FileCard image default 对齐
-  imageAddSize: '64px',
-  imageAddRadius: '4px',
-  imageAddBg: '#FFFFFF',
-  imageAddBorder: '1px dashed #D0D5E0',
-  imageAddColor: '#868A9C',
+  get attachIconHoverColor() {
+    return theme.color.primary;
+  },
+  // 附件列表末尾上传入口，尺寸和 FileCard media default 对齐
+  listUploadSize: '64px',
+  listUploadRadius: '6px',
+  listUploadBg: '#FFFFFF',
+  listUploadBorder: '1px dashed #E5E8EE',
+  listUploadColor: '#868A9C',
+  listUploadIconSize: '16px',
+  listUploadTextFontSize: '12px',
+  listUploadIconToTextGap: '8px',
   dragMaskBg: 'rgba(255, 255, 255, 0.72)',
   dragCardColor: '#5370FF',
   dragCardTextColor: theme.color.text,
@@ -99714,7 +99758,7 @@ var sender_styles_makeStyles = utils_cache(function makeStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:relative;display:flex;flex-direction:column;box-sizing:border-box;.", k, "-sender-header,.", k, "-sender-footer{box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-header{margin-bottom:", sender.gapHeaderToShell, ";}.", k, "-sender-footer{margin-top:", sender.gapShellToFooter, ";}.", k, "-sender-shell{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:", sender.shellMaxH, ";padding:", sender.padding, ";background:", sender.bg, ";border-radius:", sender.radius, ";transition:background ", theme.transition.middle, ";min-width:0;overflow:hidden;}.", k, "-sender-shell::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:", sender.gradientDefault, ";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;transition:background ", theme.transition.middle, ",opacity ", theme.transition.middle, ";}.", k, "-sender-shell:hover::before,.", k, "-sender-shell.", k, "-sender-active::before{background:", sender.gradientActive, ";}&.", k, "-sender-disabled .", k, "-sender-shell::before{opacity:0.5;}&.", k, "-sender-disabled .", k, "-sender-shell{background:", sender.disabledBg, ";}.", k, "-sender-attachments{padding:0;box-sizing:border-box;min-width:0;flex:0 0 auto;}.", k, "-sender-attachments-image .", k, "-file-card-list{min-width:0;}.", k, "-sender-before-input{margin-bottom:", sender.gapTopToInput, ";padding:0;box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-attachments+.", k, "-sender-before-input{margin-top:", sender.gapAttachToTop, ";}.", k, "-sender-attachments+.", k, "-sender-input-area{margin-top:", sender.gapTopToInput, ";}.", k, "-sender-input-area{position:relative;display:flex;flex:0 0 auto;min-height:0;margin-bottom:", sender.gapInputToToolbar, ";padding:0;box-sizing:border-box;}.", k, "-sender-input{flex:1 1 auto;width:100%;min-width:0;min-height:0;border:none;outline:none;resize:none;background:transparent;color:", sender.color, ";font-family:inherit;font-size:", sender.fontSize, ";line-height:", sender.lineHeight, ";padding:0;scrollbar-width:thin;scrollbar-color:transparent transparent;}.", k, "-sender-input::-webkit-scrollbar{width:8px;}.", k, "-sender-input::-webkit-scrollbar-track{background:transparent;}.", k, "-sender-input::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:transparent;background-clip:content-box;}.", k, "-sender-input:hover{scrollbar-color:", sender.scrollbarThumb, " transparent;}.", k, "-sender-input:hover::-webkit-scrollbar-thumb{background:", sender.scrollbarThumb, ";background-clip:content-box;}.", k, "-sender-input:hover::-webkit-scrollbar-thumb:hover{background:", sender.scrollbarThumbHover, ";background-clip:content-box;}.", k, "-sender-input::placeholder{color:", sender.placeholderColor, ";}&.", k, "-sender-disabled .", k, "-sender-input{color:", sender.disabledColor, ";cursor:not-allowed;}.", k, "-sender-toolbar{display:flex;gap:8px;padding:0;box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-toolbar-left{display:flex;align-items:center;gap:8px;margin-top:8px;flex:0 0 auto;}.", k, "-sender-toolbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;}.", k, "-sender-toolbar-middle{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end;gap:8px;}.", k, "-sender-attach-btn{display:inline-flex;align-items:center;justify-content:center;width:", sender.attachButtonSize, ";height:", sender.attachButtonSize, ";border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;color:", sender.attachIconColor, ";transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-sender-attach-btn:hover{color:", sender.attachIconHoverColor, ";}.", k, "-sender-attach-btn:disabled,&.", k, "-sender-disabled .", k, "-sender-attach-btn{color:", theme.color.disabled, ";cursor:not-allowed;background:transparent;}.", k, "-sender-attach-btn svg{display:block;}.", k, "-sender-send-btn{display:inline-flex;align-items:center;justify-content:center;width:", sender.sendButtonSize, ";height:", sender.sendButtonSize, ";background:transparent;border:none;padding:0;cursor:pointer;transition:filter ", theme.transition.small, ";}.", k, "-sender-send-btn:disabled{cursor:not-allowed;filter:opacity(0.5);}.", k, "-sender-send-btn:not(:disabled):hover{filter:opacity(0.85);}.", k, "-sender-send-icon{display:block;width:32px;height:32px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(83, 112, 255, 0.32));}.", k, "-sender-image-add{display:inline-flex;align-items:center;justify-content:center;width:", sender.imageAddSize, ";height:", sender.imageAddSize, ";box-sizing:border-box;flex:0 0 auto;border-radius:", sender.imageAddRadius, ";border:", sender.imageAddBorder, ";background:", sender.imageAddBg, ";color:", sender.imageAddColor, ";cursor:pointer;transition:border-color ", theme.transition.small, ",color ", theme.transition.small, ";}.", k, "-sender-image-add:hover{border-color:", theme.color.primary, ";color:", theme.color.primary, ";}.", k, "-sender-image-add-disabled,.", k, "-sender-image-add-disabled:hover{cursor:not-allowed;border-color:", theme.color.border, ";color:", theme.color.disabled, ";}.", k, "-sender-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;top:-9999px;left:-9999px;}.", k, "-sender-drag-mask{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:", sender.dragMaskBg, ";backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.", k, "-sender-drag-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:", sender.dragCardColor, ";}.", k, "-sender-drag-card .", k, "-icon{color:", sender.dragCardColor, ";font-size:32px;line-height:1;}.", k, "-sender-drag-text{color:", sender.dragCardTextColor, ";font-size:14px;font-weight:500;line-height:20px;}")
+    css("position:relative;display:flex;flex-direction:column;box-sizing:border-box;.", k, "-sender-header,.", k, "-sender-footer{box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-header{margin-bottom:", sender.gapHeaderToShell, ";}.", k, "-sender-footer{margin-top:", sender.gapShellToFooter, ";}.", k, "-sender-shell{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:", sender.shellMaxH, ";padding:", sender.padding, ";background:", sender.bg, ";border-radius:", sender.radius, ";transition:background ", theme.transition.middle, ",box-shadow ", theme.transition.middle, ";min-width:0;overflow:hidden;}.", k, "-sender-shell::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:", sender.gradientDefault, ";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;transition:background ", theme.transition.middle, ",opacity ", theme.transition.middle, ";}&:not(.", k, "-sender-disabled) .", k, "-sender-shell:hover::before,.", k, "-sender-shell.", k, "-sender-active::before{background:", sender.gradientActive, ";}.", k, "-sender-shell.", k, "-sender-active{backdrop-filter:", sender.activeBackdropFilter, ";-webkit-backdrop-filter:", sender.activeBackdropFilter, ";box-shadow:", sender.activeShadow, ";}&.", k, "-sender-disabled .", k, "-sender-shell::before{opacity:0.5;}&.", k, "-sender-disabled .", k, "-sender-shell{background:", sender.disabledBg, ";}&.", k, "-sender-input-disabled .", k, "-sender-shell{background:", sender.disabledBg, ";}.", k, "-sender-attachments{padding:0;box-sizing:border-box;min-width:0;flex:0 0 auto;}.", k, "-sender-attachments-media .", k, "-file-card-list{min-width:0;}.", k, "-sender-before-input{margin-bottom:", sender.gapTopToInput, ";padding:0;box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-attachments+.", k, "-sender-before-input{margin-top:", sender.gapAttachToTop, ";}.", k, "-sender-attachments+.", k, "-sender-input-area{margin-top:", sender.gapTopToInput, ";}.", k, "-sender-input-area{position:relative;display:flex;align-items:flex-start;flex:0 0 auto;min-height:0;margin-bottom:", sender.gapInputToToolbar, ";padding:0;box-sizing:border-box;}.", k, "-sender-prefix{display:inline-flex;align-items:center;flex:0 0 auto;min-height:calc(", sender.fontSize, " * ", sender.lineHeight, ");margin-right:", sender.prefixGap, ";color:", sender.prefixColor, ";line-height:", sender.lineHeight, ";}.", k, "-sender-input{flex:1 1 auto;width:0;min-width:0;min-height:0;border:none;outline:none;resize:none;background:transparent;color:", sender.color, ";font-family:inherit;font-size:", sender.fontSize, ";line-height:", sender.lineHeight, ";padding:0;scrollbar-width:thin;scrollbar-color:transparent transparent;}.", k, "-sender-input::-webkit-scrollbar{width:8px;}.", k, "-sender-input::-webkit-scrollbar-track{background:transparent;}.", k, "-sender-input::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:transparent;background-clip:content-box;}.", k, "-sender-input:hover{scrollbar-color:", sender.scrollbarThumb, " transparent;}.", k, "-sender-input:hover::-webkit-scrollbar-thumb{background:", sender.scrollbarThumb, ";background-clip:content-box;}.", k, "-sender-input:hover::-webkit-scrollbar-thumb:hover{background:", sender.scrollbarThumbHover, ";background-clip:content-box;}.", k, "-sender-input::placeholder{color:", sender.placeholderColor, ";}&.", k, "-sender-disabled .", k, "-sender-input,&.", k, "-sender-input-disabled .", k, "-sender-input{color:", sender.disabledColor, ";cursor:not-allowed;}.", k, "-sender-toolbar{display:flex;gap:8px;padding:0;box-sizing:border-box;flex:0 0 auto;}.", k, "-sender-toolbar-left{display:flex;align-items:center;gap:8px;margin-top:8px;flex:0 0 auto;}.", k, "-sender-toolbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;}.", k, "-sender-toolbar-middle{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end;gap:8px;}.", k, "-sender-attach-btn{display:inline-flex;align-items:center;justify-content:center;width:", sender.attachButtonSize, ";height:", sender.attachButtonSize, ";border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;color:", sender.attachIconColor, ";transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-sender-attach-btn:hover{color:", sender.attachIconHoverColor, ";}.", k, "-sender-attach-btn:disabled,&.", k, "-sender-disabled .", k, "-sender-attach-btn,&.", k, "-sender-input-disabled .", k, "-sender-attach-btn{color:", theme.color.disabled, ";cursor:not-allowed;background:transparent;}.", k, "-sender-attach-btn svg{display:block;}.", k, "-sender-send-btn{display:inline-flex;align-items:center;justify-content:center;width:", sender.sendButtonSize, ";height:", sender.sendButtonSize, ";background:transparent;border:none;padding:0;cursor:pointer;transition:filter ", theme.transition.small, ";}.", k, "-sender-send-btn:disabled{cursor:not-allowed;filter:opacity(0.5);}.", k, "-sender-send-btn:not(:disabled):hover{filter:opacity(0.85);}.", k, "-sender-send-icon{display:block;width:32px;height:32px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(83, 112, 255, 0.32));}.", k, "-sender-list-upload{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:", sender.listUploadIconToTextGap, ";width:", sender.listUploadSize, ";height:", sender.listUploadSize, ";box-sizing:border-box;flex:0 0 auto;padding:0;border-radius:", sender.listUploadRadius, ";border:", sender.listUploadBorder, ";background:", sender.listUploadBg, ";color:", sender.listUploadColor, ";cursor:pointer;transition:border-color ", theme.transition.small, ",color ", theme.transition.small, ";}.", k, "-sender-list-upload .", k, "-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:", sender.listUploadIconSize, ";height:", sender.listUploadIconSize, ";color:inherit;font-size:", sender.listUploadIconSize, ";line-height:1;transition:color ", theme.transition.small, ";}.", k, "-sender-list-upload-text{flex:0 0 auto;font-size:", sender.listUploadTextFontSize, ";line-height:1;color:inherit;transition:color ", theme.transition.small, ";}.", k, "-sender-list-upload:hover{border-color:", theme.color.primary, ";color:", theme.color.primary, ";}.", k, "-sender-list-upload:hover .", k, "-icon,.", k, "-sender-list-upload:hover .", k, "-sender-list-upload-text{color:inherit;}.", k, "-sender-list-upload-disabled,.", k, "-sender-list-upload-disabled:hover{cursor:not-allowed;border:", sender.listUploadBorder, ";color:", theme.color.disabled, ";}.", k, "-sender-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;top:-9999px;left:-9999px;}.", k, "-sender-drag-mask{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:", sender.dragMaskBg, ";backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.", k, "-sender-drag-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:", sender.dragCardColor, ";}.", k, "-sender-drag-card .", k, "-icon{color:", sender.dragCardColor, ";font-size:32px;line-height:1;}.", k, "-sender-drag-text{color:", sender.dragCardTextColor, ";font-size:14px;font-weight:500;line-height:20px;}")
   );
 });
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/sender/icons.js
@@ -99746,6 +99790,9 @@ var senderAttachSvg = ATTACH_SVG;
 
 
 
+
+
+
 var sender_vdt_$tmp0 = {
   'aria-hidden': 'true'
 };
@@ -99763,9 +99810,11 @@ var sender_vdt_$tmp0 = {
   var _this$input = this.input,
     isFocus = _this$input.isFocus,
     isDisabled = _this$input.isDisabled,
+    isInputDisabled = _this$input.isInputDisabled,
     isGenerating = _this$input.isGenerating,
     isLoading = _this$input.isLoading,
     isSendButtonDisabled = _this$input.isSendButtonDisabled,
+    isStopButtonDisabled = _this$input.isStopButtonDisabled,
     handleKeydown = _this$input.handleKeydown,
     handleInput = _this$input.handleInput,
     handleFocus = _this$input.handleFocus,
@@ -99776,6 +99825,7 @@ var sender_vdt_$tmp0 = {
   var _this$upload = this.upload,
     getAcceptAttr = _this$upload.getAcceptAttr,
     isMultiple = _this$upload.isMultiple,
+    addFiles = _this$upload.addFiles,
     onInputChange = _this$upload.onInputChange,
     pickFiles = _this$upload.pickFiles,
     removeAttachment = _this$upload.removeAttachment;
@@ -99789,11 +99839,12 @@ var sender_vdt_$tmp0 = {
     readonly = _this$get.readonly,
     width = _this$get.width,
     maxHeight = _this$get.maxHeight,
-    type = _this$get.type,
+    fileView = _this$get.fileView,
+    uploadButton = _this$get.uploadButton,
     enableDragFile = _this$get.dragFile,
     attachments = _this$get.attachments,
-    showAttachmentsButton = _this$get.showAttachmentsButton,
-    uploadProps = _this$get.uploadProps;
+    uploadProps = _this$get.uploadProps,
+    buttonTooltip = _this$get.buttonTooltip;
   var k = this.config.k;
   var isEmptySlot = function isEmptySlot(value) {
     if (index_esm_isInvalid(value) || value === undefined || value === null || value === '') return true;
@@ -99803,35 +99854,47 @@ var sender_vdt_$tmp0 = {
     if (value && value.type === 1) return isEmptySlot(value.children);
     return false;
   };
-  var renderSlot = function renderSlot(name) {
-    return $blocks[name] ? $blocks[name](noop) : undefined;
+  var renderSlot = function renderSlot(name, params) {
+    return $blocks[name] ? $blocks[name](noop, params) : undefined;
   };
   var headerSlot = renderSlot('header');
   var footerSlot = renderSlot('footer');
+  var prefixSlot = renderSlot('prefix');
   var beforeInputSlot = renderSlot('beforeInput');
   var configureSlot = renderSlot('configure');
-  var attachmentsButtonSlot = renderSlot('attachmentsButton');
   var hasHeaderSlot = !isEmptySlot(headerSlot);
   var hasFooterSlot = !isEmptySlot(footerSlot);
+  var hasPrefixSlot = !isEmptySlot(prefixSlot);
   var hasBeforeInputSlot = !isEmptySlot(beforeInputSlot);
   var hasConfigureSlot = !isEmptySlot(configureSlot);
-  var hasAttachmentsButtonSlot = !isEmptySlot(attachmentsButtonSlot);
   var disabled = isDisabled();
+  var inputDisabled = isInputDisabled();
   var generating = isGenerating();
   var loading = isLoading();
-  var sendDisabled = isSendButtonDisabled();
+  var sendButtonDisabled = isSendButtonDisabled();
+  var stopButtonDisabled = isStopButtonDisabled();
   var list = attachments || [];
   var hasAttachments = list.length > 0;
   var limit = uploadProps && uploadProps.limit;
   var reachLimit = limit !== undefined && limit !== null && list.length >= Number(limit);
-  var isImage = type === 'image';
+  var isMediaView = fileView === 'media';
   var isDirectory = !!(uploadProps && uploadProps.directory);
+  var showToolbarUploadButton = uploadButton === 'toolbar';
+  var showListUploadButton = uploadButton === 'list';
+  var getMediaItemType = function getMediaItemType(type) {
+    var _context;
+    var value = trim_default()(_context = (type || '').toLowerCase()).call(_context);
+    if (value === 'image' || value === 'video' || value === 'audio' || starts_with_default()(value).call(value, 'image/') || starts_with_default()(value).call(value, 'video/') || starts_with_default()(value).call(value, 'audio/')) {
+      return type;
+    }
+    return undefined;
+  };
 
-  // 文本模式下，所有附件统一按「文件卡」呈现，避免引入额外的文件夹展示语义。
-  // 图片模式下把 type 交给 FileCard 自动识别（基于 name/src），避免业务透传 MIME 干扰媒体类型判断。
-  var renderItems = isImage ? map_default()(list).call(list, function (it) {
+  // card 视图下，所有附件统一按「文件卡」呈现，避免引入额外的文件夹展示语义。
+  // media 视图下保留明确媒体类型，但忽略 application/octet-stream 等泛 MIME，继续交给 FileCard 基于 name/src 识别。
+  var renderItems = isMediaView ? map_default()(list).call(list, function (it) {
     return _extends({}, it, {
-      type: undefined
+      type: getMediaItemType(it.type)
     });
   }) : map_default()(list).call(list, function (it) {
     return _extends({}, it, {
@@ -99839,12 +99902,8 @@ var sender_vdt_$tmp0 = {
     });
   });
 
-  // 图片模式即便没有附件也要展示 FileCardList，用来承载末尾的虚线 + 框。
-  var showAttachmentsArea = isImage || hasAttachments;
-  // 图片模式下不展示左下默认附件按钮，由 FileCardList 末尾的 + 框替代；用户自定义 slot 仍可保留。
-  var showDefaultAttachBtn = !isImage && !$blocks.attachmentsButton && showAttachmentsButton !== false;
-  var showAttachSlot = !isImage && hasAttachmentsButtonSlot;
-  var showToolbarLeft = showAttachSlot || showDefaultAttachBtn;
+  // 列表入口即便没有附件也要展示 FileCardList，用来承载前置上传按钮。
+  var showAttachmentsArea = showListUploadButton || hasAttachments;
   var onAttachmentClick = function onAttachmentClick(item, e) {
     _this.trigger('attachmentClick', item, e);
   };
@@ -99852,7 +99911,7 @@ var sender_vdt_$tmp0 = {
     _this.trigger('attachmentDelete', item, e);
     removeAttachment(item);
   };
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-sender"] = true, _classNameObj[k + "-sender-" + type] = true, _classNameObj[k + "-sender-disabled"] = disabled, _classNameObj[className] = className, _classNameObj[sender_styles_makeStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-sender"] = true, _classNameObj[k + "-sender-file-view-" + fileView] = true, _classNameObj[k + "-sender-disabled"] = disabled, _classNameObj[k + "-sender-input-disabled"] = inputDisabled, _classNameObj[className] = className, _classNameObj[sender_styles_makeStyles(k)] = true, _classNameObj);
 
   // 整个输入外框 k-sender 的宽度
   if (width != null) {
@@ -99866,39 +99925,81 @@ var sender_vdt_$tmp0 = {
     maxHeight: index_esm_isNumber(maxHeight) ? maxHeight + "px" : maxHeight
   } : undefined;
   var placeholderText = placeholder != null ? placeholder : _$('输入对话内容（Enter发送， Shift + Enter 换行）');
-  var defaultSendButton = createElementVNode(2, 'button', createElementVNode(2, 'img', null, 1, index_esm_className(k + "-sender-send-icon"), {
+  var getButtonTooltip = function getButtonTooltip(name) {
+    var value = buttonTooltip && buttonTooltip[name];
+    return value;
+  };
+  var renderButtonWithTooltip = function renderButtonWithTooltip(button, content, className) {
+    return createUnknownComponentVNode(tooltip_Tooltip, {
+      'content': content,
+      'className': index_esm_className(className),
+      'children': button
+    });
+  };
+  var sendButtonText = _$('发送');
+  var stopButtonText = _$('停止生成');
+  var uploadButtonText = isDirectory ? _$('上传文件夹') : _$('上传附件');
+  var listUploadButtonText = _$('参考内容');
+  var currentSendButtonTooltip = getButtonTooltip(generating ? 'stop' : 'send');
+  var currentSendButtonAriaLabel = generating ? stopButtonText : sendButtonText;
+  var currentUploadButtonTooltip = getButtonTooltip('upload');
+  var currentListUploadButtonTooltip = getButtonTooltip('listUpload');
+  var sendButtonTitle = currentSendButtonTooltip === undefined ? currentSendButtonAriaLabel : undefined;
+  var uploadButtonTitle = currentUploadButtonTooltip === undefined ? uploadButtonText : undefined;
+  var listUploadButtonTitle = currentListUploadButtonTooltip === undefined ? listUploadButtonText : undefined;
+  var defaultSendButtonInner = createElementVNode(2, 'button', createElementVNode(2, 'img', null, 1, index_esm_className(k + "-sender-send-icon"), {
     'src': generating ? senderStopIcon : senderSendIcon,
     'alt': '',
     'draggable': false
   }), 2, index_esm_className(k + "-sender-send-btn"), {
     'type': 'button',
-    'disabled': !generating && sendDisabled,
+    'disabled': generating ? stopButtonDisabled : sendButtonDisabled,
     'ev-click': handleSendClick,
-    'title': generating ? _$('停止生成') : _$('发送'),
-    'aria-label': generating ? _$('停止生成') : _$('发送')
+    'title': sendButtonTitle,
+    'aria-label': currentSendButtonAriaLabel
   });
-  var defaultAttachButton = createElementVNode(2, 'button', null, 1, index_esm_className(k + "-sender-attach-btn"), {
+  var defaultSendButton = typeof currentSendButtonTooltip === 'string' ? renderButtonWithTooltip(defaultSendButtonInner, currentSendButtonTooltip, k + "-sender-send-tooltip") : defaultSendButtonInner;
+  var defaultAttachButtonInner = createElementVNode(2, 'button', null, 1, index_esm_className(k + "-sender-attach-btn"), {
     'type': 'button',
-    'disabled': disabled,
+    'disabled': inputDisabled || reachLimit,
     'ev-click': pickFiles,
-    'title': isDirectory ? _$('上传文件夹') : _$('上传附件'),
-    'aria-label': isDirectory ? _$('上传文件夹') : _$('上传附件'),
+    'title': uploadButtonTitle,
+    'aria-label': uploadButtonText,
     'innerHTML': senderAttachSvg
   });
+  var defaultAttachButton = typeof currentUploadButtonTooltip === 'string' ? renderButtonWithTooltip(defaultAttachButtonInner, currentUploadButtonTooltip, k + "-sender-upload-tooltip") : defaultAttachButtonInner;
+  var getUploadButtonSlotParams = function getUploadButtonSlotParams(position) {
+    return {
+      disabled: inputDisabled,
+      reachLimit: reachLimit,
+      position: position,
+      addFiles: addFiles,
+      pickFiles: pickFiles
+    };
+  };
+  var renderUploadButtonSlot = function renderUploadButtonSlot(position) {
+    var slot = renderSlot('uploadButton', getUploadButtonSlotParams(position));
+    return isEmptySlot(slot) ? undefined : slot;
+  };
 
-  // type='image' 末尾的虚线 + 框，与 Upload 画廊的 + 卡片视觉等效；点击触发文件选择。
-  var imageAddBox = createElementVNode(2, 'div', createUnknownComponentVNode(Icon, {
-    'className': index_esm_className(k + "-icon-add-bold"),
-    'size': 'large'
-  }), 2, index_esm_className((_$cn2 = {}, _$cn2[k + "-sender-image-add"] = true, _$cn2[k + "-sender-image-add-disabled"] = disabled, _$cn2)), {
-    'ev-click': disabled ? undefined : pickFiles,
+  // 附件列表末尾的虚线 + 框
+  var listUploadButtonInner = createElementVNode(2, 'div', [createUnknownComponentVNode(Icon, {
+    'className': index_esm_className(k + "-icon-add-bold")
+  }), createElementVNode(2, 'div', listUploadButtonText, 0, index_esm_className(k + "-sender-list-upload-text"))], 4, index_esm_className((_$cn2 = {}, _$cn2[k + "-sender-list-upload"] = true, _$cn2[k + "-sender-list-upload-disabled"] = inputDisabled, _$cn2)), {
+    'ev-click': inputDisabled ? undefined : pickFiles,
     'role': 'button',
-    'title': _$('上传图片'),
-    'aria-label': _$('上传图片')
+    'title': listUploadButtonTitle,
+    'aria-label': listUploadButtonText
   });
+  var listUploadButton = typeof currentListUploadButtonTooltip === 'string' ? renderButtonWithTooltip(listUploadButtonInner, currentListUploadButtonTooltip, k + "-sender-list-upload-tooltip") : listUploadButtonInner;
+  var toolbarUploadButtonSlot = showToolbarUploadButton ? renderUploadButtonSlot('toolbar') : undefined;
+  var listUploadButtonSlot = showListUploadButton ? renderUploadButtonSlot('list') : undefined;
+  var showDefaultToolbarUploadButton = showToolbarUploadButton && !toolbarUploadButtonSlot;
+  var showToolbarLeft = showToolbarUploadButton;
   var sendButtonSlotParams = {
     generating: generating,
-    disabled: sendDisabled,
+    disabled: sendButtonDisabled,
+    stopDisabled: stopButtonDisabled,
     loading: loading,
     send: send,
     stopGenerate: stopGenerate
@@ -99907,21 +100008,22 @@ var sender_vdt_$tmp0 = {
     'className': index_esm_className(classNameObj)
   }, getRestProps(this), {
     'style': style
-  }), [hasHeaderSlot ? createElementVNode(2, 'div', headerSlot, 0, index_esm_className(k + "-sender-header")) : undefined, createElementVNode(2, 'div', [showAttachmentsArea ? createElementVNode(2, 'div', isImage ? createUnknownComponentVNode(FileCardList, {
+  }), [hasHeaderSlot ? createElementVNode(2, 'div', headerSlot, 0, index_esm_className(k + "-sender-header")) : undefined, createElementVNode(2, 'div', [showAttachmentsArea ? createElementVNode(2, 'div', isMediaView ? createUnknownComponentVNode(FileCardList, {
     'items': renderItems,
     'deleteable': true,
     'overflow': 'scrollY',
+    'showNameTooltip': true,
     'ev-click': onAttachmentClick,
     'ev-delete': onAttachmentDelete,
     '$blocks': function ($blocks) {
       var _$blocks = {},
         __$blocks = extend({}, $blocks);
-      return (_$blocks['extension'] = function ($super) {
-        return !disabled && !reachLimit ? imageAddBox : undefined;
-      }, __$blocks['extension'] = function ($super, data) {
-        var block = $blocks['extension'];
+      return (_$blocks['prefix'] = function ($super) {
+        return showListUploadButton && !reachLimit ? listUploadButtonSlot || listUploadButton : undefined;
+      }, __$blocks['prefix'] = function ($super, data) {
+        var block = $blocks['prefix'];
         var callBlock = function callBlock() {
-          return _$blocks['extension'].call($this, $super, data);
+          return _$blocks['prefix'].call($this, $super, data);
         };
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
@@ -99930,20 +100032,34 @@ var sender_vdt_$tmp0 = {
     'items': renderItems,
     'deleteable': true,
     'overflow': 'scrollY',
+    'showNameTooltip': true,
     'ev-click': onAttachmentClick,
-    'ev-delete': onAttachmentDelete
-  }), 2, index_esm_className((_$cn3 = {}, _$cn3[k + "-sender-attachments"] = true, _$cn3[k + "-sender-attachments-" + type] = true, _$cn3))) : undefined, hasBeforeInputSlot ? createElementVNode(2, 'div', beforeInputSlot, 0, index_esm_className(k + "-sender-before-input")) : undefined, createElementVNode(2, 'div', createElementVNode(256, 'textarea', null, 1, index_esm_className(k + "-sender-input"), {
+    'ev-delete': onAttachmentDelete,
+    '$blocks': function ($blocks) {
+      var _$blocks = {},
+        __$blocks = extend({}, $blocks);
+      return (_$blocks['prefix'] = function ($super) {
+        return showListUploadButton && !reachLimit ? listUploadButtonSlot || listUploadButton : undefined;
+      }, __$blocks['prefix'] = function ($super, data) {
+        var block = $blocks['prefix'];
+        var callBlock = function callBlock() {
+          return _$blocks['prefix'].call($this, $super, data);
+        };
+        return block ? block.call($this, callBlock, data) : callBlock();
+      }), __$blocks;
+    }.call($this, EMPTY_OBJ)
+  }), 2, index_esm_className((_$cn3 = {}, _$cn3[k + "-sender-attachments"] = true, _$cn3[k + "-sender-attachments-" + fileView] = true, _$cn3))) : undefined, hasBeforeInputSlot ? createElementVNode(2, 'div', beforeInputSlot, 0, index_esm_className(k + "-sender-before-input")) : undefined, createElementVNode(2, 'div', [hasPrefixSlot ? createElementVNode(2, 'div', prefixSlot, 0, index_esm_className(k + "-sender-prefix")) : undefined, createElementVNode(256, 'textarea', null, 1, index_esm_className(k + "-sender-input"), {
     'rows': 1,
     'value': value,
     'placeholder': placeholderText,
-    'disabled': disabled,
+    'disabled': inputDisabled,
     'readOnly': readonly,
     'ev-input': handleInput,
     'ev-keydown': handleKeydown,
     'ev-paste': handlePaste,
     'ev-focus': handleFocus,
     'ev-blur': handleBlur
-  }, null, this.textareaRef), 2, index_esm_className(k + "-sender-input-area")), createElementVNode(2, 'div', [showToolbarLeft ? createElementVNode(2, 'div', showAttachSlot ? attachmentsButtonSlot : showDefaultAttachBtn ? defaultAttachButton : undefined, 0, index_esm_className(k + "-sender-toolbar-left")) : undefined, hasConfigureSlot ? createElementVNode(2, 'div', configureSlot, 0, index_esm_className(k + "-sender-toolbar-middle")) : undefined, createElementVNode(2, 'div', $blocks.sendButton ? (_$blocks['sendButton'] = function ($super) {
+  }, null, this.textareaRef)], 0, index_esm_className(k + "-sender-input-area")), createElementVNode(2, 'div', [showToolbarLeft ? createElementVNode(2, 'div', toolbarUploadButtonSlot ? toolbarUploadButtonSlot : showDefaultToolbarUploadButton ? defaultAttachButton : undefined, 0, index_esm_className(k + "-sender-toolbar-left")) : undefined, hasConfigureSlot ? createElementVNode(2, 'div', configureSlot, 0, index_esm_className(k + "-sender-toolbar-middle")) : undefined, createElementVNode(2, 'div', $blocks.sendButton ? (_$blocks['sendButton'] = function ($super) {
     return null;
   }, __$blocks['sendButton'] = function ($super, data) {
     var block = $blocks['sendButton'];
@@ -99958,7 +100074,7 @@ var sender_vdt_$tmp0 = {
     'directory': isDirectory ? '' : undefined,
     'webkitdirectory': isDirectory ? '' : undefined,
     'ev-change': onInputChange
-  }, null, this.fileInputRef)], 0, index_esm_className((_$cn4 = {}, _$cn4[k + "-sender-shell"] = true, _$cn4[k + "-sender-active"] = isFocus.value && !disabled, _$cn4)), {
+  }, null, this.fileInputRef)], 0, index_esm_className((_$cn4 = {}, _$cn4[k + "-sender-shell"] = true, _$cn4[k + "-sender-active"] = isFocus.value && !inputDisabled, _$cn4)), {
     'style': shellStyle
   }), hasFooterSlot ? createElementVNode(2, 'div', footerSlot, 0, index_esm_className(k + "-sender-footer")) : undefined, enableDragFile && dragController.dragOver.value ? createElementVNode(2, 'div', createElementVNode(2, 'div', [createUnknownComponentVNode(Icon, {
     'className': index_esm_className(k + "-icon-upload"),
@@ -99989,6 +100105,9 @@ function useSenderInput(textareaRef) {
   function isDisabled() {
     return !!instance.get('disabled');
   }
+  function isInputDisabled() {
+    return isDisabled() || !!instance.get('inputDisabled');
+  }
   function isGenerating() {
     return !!instance.get('generating');
   }
@@ -99997,13 +100116,22 @@ function useSenderInput(textareaRef) {
   }
   /** 发送按钮的最终禁用态：业务强制 disabled 优先，其余按内容自动判定 */
   function isSendButtonDisabled() {
-    if (isDisabled() || isLoading()) return true;
+    if (isDisabled() || isLoading() || instance.get('sendDisabled') || instance.get('inputDisabled')) return true;
+    if (isGenerating()) return false;
+    return isSendButtonAutoDisabled();
+  }
+  /** 生成中的停止按钮禁用态，独立于发送禁用态。 */
+  function isStopButtonDisabled() {
+    return isDisabled() || !!instance.get('stopDisabled');
+  }
+  function isSendDisabled() {
+    if (isDisabled() || isLoading() || instance.get('sendDisabled') || instance.get('inputDisabled')) return true;
     if (isGenerating()) return false;
     return isSendButtonAutoDisabled();
   }
   // 发送消息
   function send() {
-    if (isGenerating() || isSendButtonDisabled()) return;
+    if (isGenerating() || isSendDisabled()) return;
     var value = getValueText();
     var attachments = getCurrentAttachments();
     instance.trigger('messageSend', {
@@ -100019,10 +100147,11 @@ function useSenderInput(textareaRef) {
     }
   }
   function stopGenerate() {
+    if (!isGenerating() || isStopButtonDisabled()) return;
     instance.trigger('stopGenerate');
   }
   function handleKeydown(e) {
-    if (e.key !== 'Enter' || !instance.get('submitOnEnter') || isDisabled() || instance.get('readonly')) return;
+    if (e.key !== 'Enter' || !instance.get('submitOnEnter') || isInputDisabled() || instance.get('readonly')) return;
     // Shift / 中文 IME 期间不触发提交
     if (e.shiftKey || e.isComposing || e.keyCode === 229) return;
     e.preventDefault();
@@ -100031,6 +100160,7 @@ function useSenderInput(textareaRef) {
     send();
   }
   function handleInput(e) {
+    if (isInputDisabled() || instance.get('readonly')) return;
     var next = e.target.value;
     instance.set('value', next);
   }
@@ -100052,9 +100182,12 @@ function useSenderInput(textareaRef) {
   return {
     isFocus: isFocus,
     isDisabled: isDisabled,
+    isInputDisabled: isInputDisabled,
     isGenerating: isGenerating,
     isLoading: isLoading,
     isSendButtonDisabled: isSendButtonDisabled,
+    isStopButtonDisabled: isStopButtonDisabled,
+    isSendDisabled: isSendDisabled,
     send: send,
     stopGenerate: stopGenerate,
     handleKeydown: handleKeydown,
@@ -100206,8 +100339,6 @@ function useSenderUpload_arrayLikeToArray(arr, len) {
 
 // 用一个递增 id 给本地附件分配 key，与 Upload 组件保持一致策略。
 var useSenderUpload_uid = 0;
-// 视觉模型默认 accept；普通文本模式不限制。
-var IMAGE_ACCEPT = 'image/*';
 // 内置的「文件选择 + XHR 上传」逻辑。
 // 不直接复用 Upload 内部 hook，因为它强依赖 useInstance() as Upload 的状态形状；
 // 这里直接复用更底层的 request() 和上传约束规则，避免在 Sender 里渲染额外的 Upload 节点。
@@ -100220,7 +100351,6 @@ function useSenderUpload(fileInputRef) {
     var _getUploadProps = getUploadProps(),
       accept = _getUploadProps.accept;
     if (accept) return accept;
-    if (instance.get('type') === 'image') return IMAGE_ACCEPT;
     return undefined;
   }
   function isMultiple() {
@@ -100233,6 +100363,9 @@ function useSenderUpload(fileInputRef) {
   function getAttachments() {
     return instance.get('attachments') || [];
   }
+  function isInputDisabled() {
+    return !!instance.get('disabled') || !!instance.get('inputDisabled');
+  }
   function setAttachments(next) {
     // 触发 change:attachments，配合 Vue v-model:attachments / React onChangeAttachments
     instance.set('attachments', next);
@@ -100370,13 +100503,19 @@ function useSenderUpload(fileInputRef) {
       return regenerator_default().wrap(function _callee2$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
+            if (!isInputDisabled()) {
+              _context5.next = 2;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 2:
             props = getUploadProps();
             accept = getAcceptAttr();
             limit = props.limit, maxSize = props.maxSize, _props$autoUpload = props.autoUpload, autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload, beforeUpload = props.beforeUpload;
             current = getAttachments();
             incoming = from_default()(fileList);
             if (!(limit && current.length + incoming.length > limit)) {
-              _context5.next = 9;
+              _context5.next = 11;
               break;
             }
             err = new Error(_$('超出文件数量最大限制：{limit}', {
@@ -100384,18 +100523,18 @@ function useSenderUpload(fileInputRef) {
             }));
             instance.trigger('uploadError', err, undefined);
             return _context5.abrupt("return");
-          case 9:
+          case 11:
             next = slice_default()(current).call(current, 0); // 暂存待上传项，先一次性入列再异步发起请求，避免 UI 抖动
             queued = [];
             _iterator = useSenderUpload_createForOfIteratorHelperLoose(incoming);
-          case 12:
+          case 14:
             if ((_step = _iterator()).done) {
-              _context5.next = 27;
+              _context5.next = 29;
               break;
             }
             file = _step.value;
             if (!(maxSize && file.size > maxSize * 1024)) {
-              _context5.next = 18;
+              _context5.next = 20;
               break;
             }
             _err = new Error(_$('"{name}" 超出文件最大限制：{maxSize}kb', {
@@ -100403,48 +100542,48 @@ function useSenderUpload(fileInputRef) {
               maxSize: maxSize
             }));
             instance.trigger('uploadError', _err, undefined);
-            return _context5.abrupt("continue", 25);
-          case 18:
+            return _context5.abrupt("continue", 27);
+          case 20:
             if (isAcceptValid(file, accept)) {
-              _context5.next = 22;
+              _context5.next = 24;
               break;
             }
             _err2 = new Error(_$('"{name}" 文件类型不合法', {
               name: file.name
             }));
             instance.trigger('uploadError', _err2, undefined);
-            return _context5.abrupt("continue", 25);
-          case 22:
+            return _context5.abrupt("continue", 27);
+          case 24:
             _item = makeAttachment(file);
             queued.push(_item);
             next.push(_item);
-          case 25:
-            _context5.next = 12;
-            break;
           case 27:
+            _context5.next = 14;
+            break;
+          case 29:
             setAttachments(next);
             _i = 0, _queued = queued;
-          case 29:
+          case 31:
             if (!(_i < _queued.length)) {
-              _context5.next = 42;
+              _context5.next = 44;
               break;
             }
             item = _queued[_i];
             if (!beforeUpload) {
-              _context5.next = 38;
+              _context5.next = 40;
               break;
             }
-            _context5.next = 34;
+            _context5.next = 36;
             return beforeUpload(item, getAttachments());
-          case 34:
+          case 36:
             ok = _context5.sent;
             if (ok) {
-              _context5.next = 38;
+              _context5.next = 40;
               break;
             }
             removeAttachment(item, false);
-            return _context5.abrupt("continue", 39);
-          case 38:
+            return _context5.abrupt("continue", 41);
+          case 40:
             if (autoUpload) {
               performUpload(item);
             } else {
@@ -100452,11 +100591,11 @@ function useSenderUpload(fileInputRef) {
                 status: 'default'
               });
             }
-          case 39:
+          case 41:
             _i++;
-            _context5.next = 29;
+            _context5.next = 31;
             break;
-          case 42:
+          case 44:
           case "end":
             return _context5.stop();
         }
@@ -100555,7 +100694,7 @@ function useSenderUpload(fileInputRef) {
   }
   function onInputChange(e) {
     var input = e.target;
-    if (input.files && input.files.length) {
+    if (!isInputDisabled() && input.files && input.files.length) {
       addFiles(input.files);
     }
     input.value = '';
@@ -100563,7 +100702,10 @@ function useSenderUpload(fileInputRef) {
   /** 触发左下角 + 号按钮的文件选择 */
   function pickFiles() {
     var _fileInputRef$value;
-    if (instance.get('disabled')) return;
+    if (isInputDisabled()) return;
+    var _getUploadProps4 = getUploadProps(),
+      limit = _getUploadProps4.limit;
+    if (limit !== undefined && limit !== null && getAttachments().length >= Number(limit)) return;
     (_fileInputRef$value = fileInputRef.value) == null || _fileInputRef$value.click();
   }
   return {
@@ -100580,10 +100722,10 @@ function useSenderUpload(fileInputRef) {
 
 
 
-// textarea 高度自适应：textarea 默认高 text=64、image=32；maxHeight 约束整个输入外框而非 textarea 本身。
+// textarea 高度自适应：文件卡视图默认 64，媒体缩略图视图默认 20；maxHeight 约束整个输入外框而非 textarea 本身。
 var SHELL_MAX_FALLBACK = 300;
-var TEXTAREA_MIN_TEXT = 64;
-var TEXTAREA_MIN_IMAGE = 20;
+var TEXTAREA_MIN_CARD = 64;
+var TEXTAREA_MIN_MEDIA = 20;
 function useAutoResize(textareaRef) {
   var instance = useInstance();
   var _useConfigContext = useConfigContext(),
@@ -100624,8 +100766,8 @@ function useAutoResize(textareaRef) {
     if (!el) return;
     var shell = getShell(el);
     if (!shell) return;
-    var isImage = instance.get('type') === 'image';
-    var min = isImage ? TEXTAREA_MIN_IMAGE : TEXTAREA_MIN_TEXT;
+    var isMediaView = instance.get('fileView') === 'media';
+    var min = isMediaView ? TEXTAREA_MIN_MEDIA : TEXTAREA_MIN_CARD;
     /** 整框最大高度（props 或默认 300），从实际 CSS 读取，支持 50vh 等合法 CSS 值 */
     var shellMax = getShellMaxHeight(shell);
     var nonInputH = measureNonInputBlockHeight(el, shell);
@@ -100664,7 +100806,7 @@ function useAutoResize(textareaRef) {
     inited: true,
     presented: true
   });
-  instance.watch('type', scheduleAdjust, {
+  instance.watch('fileView', scheduleAdjust, {
     inited: true,
     presented: true
   });
@@ -100909,8 +101051,11 @@ function _extractDroppedFiles() {
 function useSenderDrag(addFiles) {
   var instance = useInstance();
   var dragOver = useState(false);
+  function isInputDisabled() {
+    return !!instance.get('disabled') || !!instance.get('inputDisabled');
+  }
   function isEnabled() {
-    return !!instance.get('dragFile') && !instance.get('disabled');
+    return !!instance.get('dragFile') && !isInputDisabled();
   }
   var controller = {
     dragOver: dragOver,
@@ -100921,7 +101066,7 @@ function useSenderDrag(addFiles) {
       e.stopPropagation();
     },
     onDragEnter: function onDragEnter() {
-      if (instance.get('disabled')) return;
+      if (isInputDisabled()) return;
       controller.counter++;
       if (!dragOver.value) {
         dragOver.set(true);
@@ -100938,7 +101083,7 @@ function useSenderDrag(addFiles) {
       var _instance$get, _e$dataTransfer2;
       controller.stopEvent(e);
       controller.reset();
-      if (instance.get('disabled')) return;
+      if (isInputDisabled()) return;
       var directoryEnabled = !!((_instance$get = instance.get('uploadProps')) != null && _instance$get.directory);
       var directFiles = (_e$dataTransfer2 = e.dataTransfer) == null ? void 0 : _e$dataTransfer2.files;
       if (!directoryEnabled && directFiles != null && directFiles.length) {
@@ -100993,6 +101138,12 @@ function useSenderDrag(addFiles) {
     }
     syncController();
   });
+  instance.watch('inputDisabled', function (disabled) {
+    if (disabled) {
+      controller.reset();
+    }
+    syncController();
+  });
   return {
     dragOver: dragOver
   };
@@ -101024,7 +101175,7 @@ function getClipboardFiles(e) {
 function useSenderPaste(addFiles) {
   var instance = useInstance();
   function handlePaste(e) {
-    if (!instance.get('pasteFile') || instance.get('disabled') || instance.get('readonly')) return;
+    if (!instance.get('pasteFile') || instance.get('disabled') || instance.get('inputDisabled') || instance.get('readonly')) return;
     var files = getClipboardFiles(e);
     if (!files.length) return;
     e.preventDefault();
@@ -101049,17 +101200,21 @@ var sender_typeDefs = {
   value: String,
   placeholder: String,
   disabled: Boolean,
+  inputDisabled: Boolean,
+  sendDisabled: Boolean,
+  stopDisabled: Boolean,
   readonly: Boolean,
   generating: Boolean,
   loading: Boolean,
-  type: ['text', 'image'],
+  fileView: ['card', 'media'],
+  uploadButton: ['toolbar', 'list', 'none'],
+  buttonTooltip: Object,
   dragFile: Boolean,
   pasteFile: Boolean,
   width: [String, Number],
   maxHeight: [String, Number],
   attachments: Array,
   uploadProps: Object,
-  showAttachmentsButton: Boolean,
   submitOnEnter: Boolean,
   clearOnSend: Boolean
 };
@@ -101068,17 +101223,21 @@ var sender_defaults = function defaults() {
     value: '',
     placeholder: undefined,
     disabled: false,
+    inputDisabled: false,
+    sendDisabled: false,
+    stopDisabled: false,
     readonly: false,
     generating: false,
     loading: false,
-    type: 'text',
+    fileView: 'card',
+    uploadButton: 'toolbar',
+    buttonTooltip: undefined,
     dragFile: false,
     pasteFile: false,
     width: 640,
     maxHeight: undefined,
     attachments: undefined,
     uploadProps: undefined,
-    showAttachmentsButton: true,
     submitOnEnter: true,
     clearOnSend: true
   };
@@ -101135,9 +101294,12 @@ var Sender = /*#__PURE__*/function (_Component) {
       void this.upload.clearAttachments();
     }
   }
+  /** 复用 Sender 内置上传逻辑添加本地文件，适合自定义附件弹窗确认后调用。 */;
+  _proto.addFiles = function addFiles(files) {
+    void this.upload.addFiles(files);
+  }
   /** 主动触发停止生成，等价于点击生成中的停止按钮。 */;
   _proto.stopGenerate = function stopGenerate() {
-    if (!this.get('generating')) return;
     this.input.stopGenerate();
   };
   return Sender;
@@ -101381,7 +101543,7 @@ var spin_index_vdt_$tmp0 = {
   'cy': '60',
   'r': '57'
 };
-var index_vdt_$tmp1 = {
+var spin_index_vdt_$tmp1 = {
   'viewBox': '0 0 120 120'
 };
 /* harmony default export */ function spin_index_vdt($props, $blocks, $__proto__) {
@@ -101399,7 +101561,7 @@ var index_vdt_$tmp1 = {
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-spin"] = true, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-center"] = !overlay && center, _classNameObj[k + "-overlay"] = overlay, _classNameObj[className] = className, _classNameObj[spin_styles_makeStyles(k)] = true, _classNameObj);
   var canvas = createElementVNode(2, 'div', (_$blocks['canvas'] = function ($super) {
-    return createElementVNode(512, 'svg', createElementVNode(2, 'circle', null, 1, index_esm_className(k + "-spin-circle"), spin_index_vdt_$tmp0), 2, null, index_vdt_$tmp1);
+    return createElementVNode(512, 'svg', createElementVNode(2, 'circle', null, 1, index_esm_className(k + "-spin-circle"), spin_index_vdt_$tmp0), 2, null, spin_index_vdt_$tmp1);
   }, __$blocks['canvas'] = function ($super, data) {
     var block = $blocks['canvas'];
     var callBlock = function callBlock() {
@@ -109587,7 +109749,7 @@ var xmarkdown_styles_makeStyles = utils_cache(function makeStyles(k) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:block;color:", xmarkdown.color, ";line-height:1.7;font-size:14px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;.", k, "-xmarkdown-loading,.", k, "-xmarkdown-empty{display:inline-flex;align-items:center;gap:8px;color:", xmarkdown.mutedColor, ";min-height:24px;}.", k, "-xmarkdown-loading-dots{display:inline-flex;align-items:center;gap:4px;margin-right:4px;}.", k, "-xmarkdown-loading-dot{width:", xmarkdown.loadingDotSize, ";height:", xmarkdown.loadingDotSize, ";border-radius:50%;background:", xmarkdown.loadingDotColor, ";display:inline-block;animation:", k, "-xmarkdown-loading-bounce 1s ease-in-out infinite;opacity:0.45;}.", k, "-xmarkdown-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-xmarkdown-loading-dot:nth-of-type(3){animation-delay:0.28s;}@keyframes ", k, "-xmarkdown-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-4px) scale(1);opacity:1;}}.", k, "-xmarkdown-content{color:inherit;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}.", k, "-xmarkdown-content p{font-size:12px;}.", k, "-xmarkdown-stable,.", k, "-xmarkdown-tail{display:contents;}.", k, "-xmarkdown-stable>:first-child{margin-top:0;}.", k, "-xmarkdown-stable>:last-child,.", k, "-xmarkdown-tail>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content [data-kpc-xmarkdown-tail=\"true\"]{display:inline;white-space:pre-wrap;word-break:break-word;}.", k, "-xmarkdown-stable>p,.", k, "-xmarkdown-stable>ul,.", k, "-xmarkdown-stable>ol,.", k, "-xmarkdown-stable>blockquote,.", k, "-xmarkdown-stable>pre,.", k, "-xmarkdown-stable>table,.", k, "-xmarkdown-stable>hr,.", k, "-xmarkdown-stable>h1,.", k, "-xmarkdown-stable>h2,.", k, "-xmarkdown-stable>h3,.", k, "-xmarkdown-stable>h4,.", k, "-xmarkdown-stable>h5,.", k, "-xmarkdown-stable>h6{margin:0 0 12px;}.", k, "-xmarkdown-content blockquote>:first-child{margin-top:0;}.", k, "-xmarkdown-content blockquote>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content ul,.", k, "-xmarkdown-content ol{padding-left:20px;}.", k, "-xmarkdown-content li{margin:6px 0;}.", k, "-xmarkdown-content li>p{margin:6px 0;}.", k, "-xmarkdown-content li>p:first-child{margin-top:0;}.", k, "-xmarkdown-content li>p:last-child{margin-bottom:0;}.", k, "-xmarkdown-content h1,.", k, "-xmarkdown-content h2,.", k, "-xmarkdown-content h3,.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{color:", xmarkdown.headingColor, ";font-weight:600;line-height:1.35;}.", k, "-xmarkdown-content h1{font-size:24px;}.", k, "-xmarkdown-content h2{font-size:20px;}.", k, "-xmarkdown-content h3{font-size:18px;}.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{font-size:16px;}.", k, "-xmarkdown-content a{color:", theme.color.primary, ";text-decoration:none;}.", k, "-xmarkdown-content a:hover{text-decoration:underline;}.", k, "-xmarkdown-content img{display:block;max-width:100%;height:auto;border-radius:8px;}.", k, "-xmarkdown-content hr{border:0;border-top:1px solid ", xmarkdown.hrColor, ";}.", k, "-xmarkdown-inline-code{display:inline-block;padding:0 6px;border-radius:6px;font-size:12px;line-height:1.7;vertical-align:baseline;background:", xmarkdown.inlineCodeBg, ";color:", xmarkdown.inlineCodeColor, ";border:1px solid ", xmarkdown.inlineCodeBorder, ";}.", k, "-xmarkdown-content pre{margin:0;overflow:auto;}.", k, "-xmarkdown-code-block,.", k, "-xmarkdown-mermaid-block{margin:0 0 12px;min-width:0;max-width:100%;overflow:hidden;border:1px solid ", xmarkdown.codeBlockBorder, ";border-radius:18px;background:", xmarkdown.codeBlockBg, ";box-sizing:border-box;}.", k, "-xmarkdown-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid ", xmarkdown.codeBlockBorder, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-code-language{min-width:0;font-size:13px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:inherit;flex:1 1 auto;}.", k, "-xmarkdown-code-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;}.", k, "-xmarkdown-toolbar-toggle-group,.", k, "-xmarkdown-toolbar-action-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%;}.", k, "-xmarkdown-toolbar-toggle-group{margin-right:2px;}.", k, "-xmarkdown-toolbar-toggle{border:0;padding:0 6px;background:transparent;color:", xmarkdown.mutedColor, ";font-size:12px;line-height:20px;cursor:pointer;transition:color ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-toggle[data-kpc-selected=\"true\"]{color:", xmarkdown.codeToolbarColor, ";font-weight:600;}.", k, "-xmarkdown-toolbar-toggle:hover{color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:", xmarkdown.codeActionColor, ";cursor:pointer;transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-icon-button:hover:not(:disabled){background:", xmarkdown.codeActionHoverBg, ";color:", theme.color.primary, ";}.", k, "-xmarkdown-toolbar-icon-button:disabled{opacity:0.4;cursor:not-allowed;background:transparent;color:", xmarkdown.codeActionColor, ";}.", k, "-xmarkdown-toolbar-icon{font-size:14px;line-height:1;}.", k, "-xmarkdown-code-body,.", k, "-xmarkdown-mermaid-body{min-width:0;max-width:100%;overflow:auto;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{padding:0px;background:transparent;color:", xmarkdown.codeTextColor, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;font-size:12px;line-height:1.7;}.", k, "-xmarkdown-code-block pre code,.", k, "-xmarkdown-mermaid-source code{display:block;min-width:fit-content;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;padding:12px;}.", k, "-xmarkdown-code-block .hljs,.", k, "-xmarkdown-mermaid-source .hljs{background:transparent;color:", xmarkdown.codeTextColor, ";border:0;}.", k, "-xmarkdown-code-block .hljs-comment,.", k, "-xmarkdown-code-block .hljs-quote,.", k, "-xmarkdown-mermaid-source .hljs-comment,.", k, "-xmarkdown-mermaid-source .hljs-quote{color:", xmarkdown.codeCommentColor, ";}.", k, "-xmarkdown-code-block .hljs-keyword,.", k, "-xmarkdown-code-block .hljs-selector-tag,.", k, "-xmarkdown-code-block .hljs-literal,.", k, "-xmarkdown-code-block .hljs-link,.", k, "-xmarkdown-mermaid-source .hljs-keyword,.", k, "-xmarkdown-mermaid-source .hljs-selector-tag,.", k, "-xmarkdown-mermaid-source .hljs-literal,.", k, "-xmarkdown-mermaid-source .hljs-link{color:", xmarkdown.codeKeywordColor, ";}.", k, "-xmarkdown-code-block .hljs-string,.", k, "-xmarkdown-code-block .hljs-title,.", k, "-xmarkdown-code-block .hljs-type,.", k, "-xmarkdown-code-block .hljs-attribute,.", k, "-xmarkdown-code-block .hljs-symbol,.", k, "-xmarkdown-code-block .hljs-bullet,.", k, "-xmarkdown-code-block .hljs-addition,.", k, "-xmarkdown-mermaid-source .hljs-string,.", k, "-xmarkdown-mermaid-source .hljs-title,.", k, "-xmarkdown-mermaid-source .hljs-type,.", k, "-xmarkdown-mermaid-source .hljs-attribute,.", k, "-xmarkdown-mermaid-source .hljs-symbol,.", k, "-xmarkdown-mermaid-source .hljs-bullet,.", k, "-xmarkdown-mermaid-source .hljs-addition{color:", xmarkdown.codeStringColor, ";}.", k, "-xmarkdown-code-block .hljs-number,.", k, "-xmarkdown-code-block .hljs-built_in,.", k, "-xmarkdown-code-block .hljs-builtin-name,.", k, "-xmarkdown-code-block .hljs-variable,.", k, "-xmarkdown-code-block .hljs-template-variable,.", k, "-xmarkdown-code-block .hljs-params,.", k, "-xmarkdown-mermaid-source .hljs-number,.", k, "-xmarkdown-mermaid-source .hljs-built_in,.", k, "-xmarkdown-mermaid-source .hljs-builtin-name,.", k, "-xmarkdown-mermaid-source .hljs-variable,.", k, "-xmarkdown-mermaid-source .hljs-template-variable,.", k, "-xmarkdown-mermaid-source .hljs-params{color:", xmarkdown.codeNumberColor, ";}.", k, "-xmarkdown-code-block .hljs-function,.", k, "-xmarkdown-code-block .hljs-title.function_,.", k, "-xmarkdown-code-block .hljs-title.class_,.", k, "-xmarkdown-code-block .hljs-property,.", k, "-xmarkdown-mermaid-source .hljs-function,.", k, "-xmarkdown-mermaid-source .hljs-title.function_,.", k, "-xmarkdown-mermaid-source .hljs-title.class_,.", k, "-xmarkdown-mermaid-source .hljs-property{color:", xmarkdown.codeFunctionColor, ";}.", k, "-xmarkdown-code-block .hljs-deletion,.", k, "-xmarkdown-mermaid-source .hljs-deletion{color:", xmarkdown.mermaidErrorColor, ";}.", k, "-xmarkdown-mermaid-block{background:", xmarkdown.mermaidBg, ";}.", k, "-xmarkdown-mermaid-block .", k, "-xmarkdown-code-toolbar{border-bottom-color:", xmarkdown.borderColor, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-mermaid-canvas{position:relative;min-height:0;min-width:0;max-width:100%;padding:8px;box-sizing:border-box;overflow:hidden;background:", xmarkdown.mermaidCanvasBg, ";}.", k, "-xmarkdown-mermaid-viewport{overflow:auto;min-height:120px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;max-height:480px;border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 252, 0.96) 100%);cursor:default;user-select:none;scrollbar-width:thin;scrollbar-color:", xmarkdown.scrollbarThumb, " transparent;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-can-drag=\"true\"]{cursor:grab;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-dragging=\"true\"]{cursor:grabbing;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar{width:10px;height:10px;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-track{background:transparent;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb{background:", xmarkdown.scrollbarThumb, ";border:2px solid transparent;border-radius:999px;background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb:hover{background:", xmarkdown.scrollbarThumbHover, ";background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-corner{background:transparent;}.", k, "-xmarkdown-mermaid-stage{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:120px;padding:8px;box-sizing:border-box;}.", k, "-xmarkdown-mermaid-stage svg{display:block;margin:0 auto;transition:width ", theme.transition.small, ",height ", theme.transition.small, ";will-change:width,height;}.", k, "-xmarkdown-mermaid-source{display:none;margin:0;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-source{display:block;}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-canvas{display:none;}.", k, "-xmarkdown-mermaid-error{padding:14px 16px;border-radius:8px;background:", xmarkdown.mermaidErrorBg, ";color:", xmarkdown.mermaidErrorColor, ";white-space:pre-wrap;}.", k, "-xmarkdown-content blockquote{padding:12px 16px;border-left:4px solid ", xmarkdown.blockquoteBorder, ";border-radius:0 10px 10px 0;background:", xmarkdown.blockquoteBg, ";color:", xmarkdown.mutedColor, ";}.", k, "-xmarkdown-table-wrap>table{width:max-content;min-width:100%;font-size:12px;border-collapse:collapse;border:1px solid ", xmarkdown.borderColor, ";border-radius:10px;}.", k, "-xmarkdown-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;}.", k, "-xmarkdown-table-wrap>table{margin:0;}.", k, "-xmarkdown-table-wrap>table>thead{background:", xmarkdown.tableHeadBg, ";}.", k, "-xmarkdown-table-wrap>table th,.", k, "-xmarkdown-table-wrap>table td{padding:10px 12px;border:1px solid ", xmarkdown.borderColor, ";text-align:left;vertical-align:top;}")
+    css("display:block;color:", xmarkdown.color, ";line-height:1.7;font-size:14px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;.", k, "-xmarkdown-loading,.", k, "-xmarkdown-empty{display:inline-flex;align-items:center;gap:8px;color:", xmarkdown.mutedColor, ";min-height:24px;}.", k, "-xmarkdown-loading-dots{display:inline-flex;align-items:center;gap:4px;margin-right:4px;}.", k, "-xmarkdown-loading-dot{width:", xmarkdown.loadingDotSize, ";height:", xmarkdown.loadingDotSize, ";border-radius:50%;background:", xmarkdown.loadingDotColor, ";display:inline-block;animation:", k, "-xmarkdown-loading-bounce 1s ease-in-out infinite;opacity:0.45;}.", k, "-xmarkdown-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-xmarkdown-loading-dot:nth-of-type(3){animation-delay:0.28s;}@keyframes ", k, "-xmarkdown-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-4px) scale(1);opacity:1;}}.", k, "-xmarkdown-content{color:inherit;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}.", k, "-xmarkdown-content p{font-size:12px;}.", k, "-xmarkdown-stable,.", k, "-xmarkdown-tail{display:contents;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix{display:inline-flex;align-items:center;gap:4px;width:26px;height:6px;margin-top:8px;line-height:0;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);animation:", k, "-xmarkdown-typing-suffix-pulse 1.2s ease-in-out infinite;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span:nth-child(2){animation-delay:0.16s;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span:nth-child(3){animation-delay:0.32s;}@keyframes ", k, "-xmarkdown-typing-suffix-pulse{0%,80%,100%{background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);transform:translateY(0);}40%{background:radial-gradient(circle at center, ", setAlpha(theme.color.primary, 0.45), " 0%, ", theme.color.primary, " 100%);transform:translateY(-1px);}}.", k, "-xmarkdown-stable>:first-child{margin-top:0;}.", k, "-xmarkdown-stable>:last-child,.", k, "-xmarkdown-tail>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content [data-kpc-xmarkdown-tail=\"true\"]{display:inline;white-space:pre-wrap;word-break:break-word;}.", k, "-xmarkdown-stable>p,.", k, "-xmarkdown-stable>ul,.", k, "-xmarkdown-stable>ol,.", k, "-xmarkdown-stable>blockquote,.", k, "-xmarkdown-stable>pre,.", k, "-xmarkdown-stable>table,.", k, "-xmarkdown-stable>hr,.", k, "-xmarkdown-stable>h1,.", k, "-xmarkdown-stable>h2,.", k, "-xmarkdown-stable>h3,.", k, "-xmarkdown-stable>h4,.", k, "-xmarkdown-stable>h5,.", k, "-xmarkdown-stable>h6{margin:0 0 12px;}.", k, "-xmarkdown-content blockquote>:first-child{margin-top:0;}.", k, "-xmarkdown-content blockquote>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content ul,.", k, "-xmarkdown-content ol{padding-left:20px;}.", k, "-xmarkdown-content li{margin:6px 0;}.", k, "-xmarkdown-content li>p{margin:6px 0;}.", k, "-xmarkdown-content li>p:first-child{margin-top:0;}.", k, "-xmarkdown-content li>p:last-child{margin-bottom:0;}.", k, "-xmarkdown-content h1,.", k, "-xmarkdown-content h2,.", k, "-xmarkdown-content h3,.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{color:", xmarkdown.headingColor, ";font-weight:600;line-height:1.35;}.", k, "-xmarkdown-content h1{font-size:24px;}.", k, "-xmarkdown-content h2{font-size:20px;}.", k, "-xmarkdown-content h3{font-size:18px;}.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{font-size:16px;}.", k, "-xmarkdown-content a{color:", theme.color.primary, ";text-decoration:none;}.", k, "-xmarkdown-content a:hover{text-decoration:underline;}.", k, "-xmarkdown-content img{display:block;max-width:100%;height:auto;border-radius:8px;}.", k, "-xmarkdown-content hr{border:0;border-top:1px solid ", xmarkdown.hrColor, ";}.", k, "-xmarkdown-inline-code{display:inline-block;padding:0 6px;border-radius:6px;font-size:12px;line-height:1.7;vertical-align:baseline;background:", xmarkdown.inlineCodeBg, ";color:", xmarkdown.inlineCodeColor, ";border:1px solid ", xmarkdown.inlineCodeBorder, ";}.", k, "-xmarkdown-content pre{margin:0;overflow:auto;}.", k, "-xmarkdown-code-block,.", k, "-xmarkdown-mermaid-block{margin:0 0 12px;min-width:0;max-width:100%;overflow:hidden;border:1px solid ", xmarkdown.codeBlockBorder, ";border-radius:18px;background:", xmarkdown.codeBlockBg, ";box-sizing:border-box;}.", k, "-xmarkdown-stable:not(:empty)+.", k, "-xmarkdown-tail>.", k, "-xmarkdown-code-block:first-child,.", k, "-xmarkdown-stable:not(:empty)+.", k, "-xmarkdown-tail>.", k, "-xmarkdown-mermaid-block:first-child{margin-top:12px;}.", k, "-xmarkdown-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid ", xmarkdown.codeBlockBorder, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-code-language{min-width:0;font-size:13px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:inherit;flex:1 1 auto;}.", k, "-xmarkdown-code-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;}.", k, "-xmarkdown-toolbar-toggle-group,.", k, "-xmarkdown-toolbar-action-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%;}.", k, "-xmarkdown-toolbar-toggle-group{margin-right:2px;}.", k, "-xmarkdown-toolbar-toggle{border:0;padding:0 6px;background:transparent;color:", xmarkdown.mutedColor, ";font-size:12px;line-height:20px;cursor:pointer;transition:color ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-toggle[data-kpc-selected=\"true\"]{color:", xmarkdown.codeToolbarColor, ";font-weight:600;}.", k, "-xmarkdown-toolbar-toggle:hover{color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:", xmarkdown.codeActionColor, ";cursor:pointer;transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-icon-button:hover:not(:disabled){background:", xmarkdown.codeActionHoverBg, ";color:", theme.color.primary, ";}.", k, "-xmarkdown-toolbar-icon-button:disabled{opacity:0.4;cursor:not-allowed;background:transparent;color:", xmarkdown.codeActionColor, ";}.", k, "-xmarkdown-toolbar-icon{font-size:14px;line-height:1;}.", k, "-xmarkdown-code-body,.", k, "-xmarkdown-mermaid-body{min-width:0;max-width:100%;overflow:auto;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{padding:0px;background:transparent;color:", xmarkdown.codeTextColor, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;font-size:12px;line-height:1.7;}.", k, "-xmarkdown-code-block pre code,.", k, "-xmarkdown-mermaid-source code{display:block;min-width:fit-content;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;padding:12px;}.", k, "-xmarkdown-code-block .hljs,.", k, "-xmarkdown-mermaid-source .hljs{background:transparent;color:", xmarkdown.codeTextColor, ";border:0;}.", k, "-xmarkdown-code-block .hljs-comment,.", k, "-xmarkdown-code-block .hljs-quote,.", k, "-xmarkdown-mermaid-source .hljs-comment,.", k, "-xmarkdown-mermaid-source .hljs-quote{color:", xmarkdown.codeCommentColor, ";}.", k, "-xmarkdown-code-block .hljs-keyword,.", k, "-xmarkdown-code-block .hljs-selector-tag,.", k, "-xmarkdown-code-block .hljs-literal,.", k, "-xmarkdown-code-block .hljs-link,.", k, "-xmarkdown-mermaid-source .hljs-keyword,.", k, "-xmarkdown-mermaid-source .hljs-selector-tag,.", k, "-xmarkdown-mermaid-source .hljs-literal,.", k, "-xmarkdown-mermaid-source .hljs-link{color:", xmarkdown.codeKeywordColor, ";}.", k, "-xmarkdown-code-block .hljs-string,.", k, "-xmarkdown-code-block .hljs-title,.", k, "-xmarkdown-code-block .hljs-type,.", k, "-xmarkdown-code-block .hljs-attribute,.", k, "-xmarkdown-code-block .hljs-symbol,.", k, "-xmarkdown-code-block .hljs-bullet,.", k, "-xmarkdown-code-block .hljs-addition,.", k, "-xmarkdown-mermaid-source .hljs-string,.", k, "-xmarkdown-mermaid-source .hljs-title,.", k, "-xmarkdown-mermaid-source .hljs-type,.", k, "-xmarkdown-mermaid-source .hljs-attribute,.", k, "-xmarkdown-mermaid-source .hljs-symbol,.", k, "-xmarkdown-mermaid-source .hljs-bullet,.", k, "-xmarkdown-mermaid-source .hljs-addition{color:", xmarkdown.codeStringColor, ";}.", k, "-xmarkdown-code-block .hljs-number,.", k, "-xmarkdown-code-block .hljs-built_in,.", k, "-xmarkdown-code-block .hljs-builtin-name,.", k, "-xmarkdown-code-block .hljs-variable,.", k, "-xmarkdown-code-block .hljs-template-variable,.", k, "-xmarkdown-code-block .hljs-params,.", k, "-xmarkdown-mermaid-source .hljs-number,.", k, "-xmarkdown-mermaid-source .hljs-built_in,.", k, "-xmarkdown-mermaid-source .hljs-builtin-name,.", k, "-xmarkdown-mermaid-source .hljs-variable,.", k, "-xmarkdown-mermaid-source .hljs-template-variable,.", k, "-xmarkdown-mermaid-source .hljs-params{color:", xmarkdown.codeNumberColor, ";}.", k, "-xmarkdown-code-block .hljs-function,.", k, "-xmarkdown-code-block .hljs-title.function_,.", k, "-xmarkdown-code-block .hljs-title.class_,.", k, "-xmarkdown-code-block .hljs-property,.", k, "-xmarkdown-mermaid-source .hljs-function,.", k, "-xmarkdown-mermaid-source .hljs-title.function_,.", k, "-xmarkdown-mermaid-source .hljs-title.class_,.", k, "-xmarkdown-mermaid-source .hljs-property{color:", xmarkdown.codeFunctionColor, ";}.", k, "-xmarkdown-code-block .hljs-deletion,.", k, "-xmarkdown-mermaid-source .hljs-deletion{color:", xmarkdown.mermaidErrorColor, ";}.", k, "-xmarkdown-mermaid-block{background:", xmarkdown.mermaidBg, ";}.", k, "-xmarkdown-mermaid-block .", k, "-xmarkdown-code-toolbar{border-bottom-color:", xmarkdown.borderColor, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-mermaid-canvas{position:relative;min-height:0;min-width:0;max-width:100%;padding:8px;box-sizing:border-box;overflow:hidden;background:", xmarkdown.mermaidCanvasBg, ";}.", k, "-xmarkdown-mermaid-viewport{overflow:auto;min-height:120px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;max-height:480px;border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 252, 0.96) 100%);cursor:default;user-select:none;scrollbar-width:thin;scrollbar-color:", xmarkdown.scrollbarThumb, " transparent;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-can-drag=\"true\"]{cursor:grab;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-dragging=\"true\"]{cursor:grabbing;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar{width:10px;height:10px;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-track{background:transparent;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb{background:", xmarkdown.scrollbarThumb, ";border:2px solid transparent;border-radius:999px;background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb:hover{background:", xmarkdown.scrollbarThumbHover, ";background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-corner{background:transparent;}.", k, "-xmarkdown-mermaid-stage{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:120px;padding:8px;box-sizing:border-box;}.", k, "-xmarkdown-mermaid-stage svg{display:block;margin:0 auto;transition:width ", theme.transition.small, ",height ", theme.transition.small, ";will-change:width,height;}.", k, "-xmarkdown-mermaid-source{display:none;margin:0;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-source{display:block;}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-canvas{display:none;}.", k, "-xmarkdown-mermaid-error{padding:14px 16px;border-radius:8px;background:", xmarkdown.mermaidErrorBg, ";color:", xmarkdown.mermaidErrorColor, ";white-space:pre-wrap;}.", k, "-xmarkdown-content blockquote{padding:12px 16px;border-left:4px solid ", xmarkdown.blockquoteBorder, ";border-radius:0 10px 10px 0;background:", xmarkdown.blockquoteBg, ";color:", xmarkdown.mutedColor, ";}.", k, "-xmarkdown-table-wrap>table{width:max-content;min-width:100%;font-size:12px;border-collapse:collapse;border:1px solid ", xmarkdown.borderColor, ";border-radius:10px;}.", k, "-xmarkdown-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;}.", k, "-xmarkdown-table-wrap>table{margin:0;}.", k, "-xmarkdown-table-wrap>table>thead{background:", xmarkdown.tableHeadBg, ";}.", k, "-xmarkdown-table-wrap>table th,.", k, "-xmarkdown-table-wrap>table td{padding:10px 12px;border:1px solid ", xmarkdown.borderColor, ";text-align:left;vertical-align:top;}")
   );
 });
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/components/xmarkdown/xmarkdown.vdt.js
@@ -109596,6 +109758,9 @@ var xmarkdown_styles_makeStyles = utils_cache(function makeStyles(k) {
 
 
 
+var xmarkdown_vdt_$tmp0 = {
+  'aria-hidden': 'true'
+};
 /* harmony default export */ function xmarkdown_vdt($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -109609,7 +109774,8 @@ var xmarkdown_styles_makeStyles = utils_cache(function makeStyles(k) {
     contentRef = _this$contentModel.contentRef;
   var _this$display = this.display,
     shouldShowLoadingShell = _this$display.shouldShowLoadingShell,
-    shouldShowEmpty = _this$display.shouldShowEmpty;
+    shouldShowEmpty = _this$display.shouldShowEmpty,
+    shouldShowTypingSuffix = _this$display.shouldShowTypingSuffix;
   var stableNodes = this.display.getRenderedStableNodes();
   var tailNodes = this.display.getRenderedTailNodes();
   var showLoadingShell = shouldShowLoadingShell();
@@ -109631,7 +109797,7 @@ var xmarkdown_styles_makeStyles = utils_cache(function makeStyles(k) {
     'className': index_esm_className(classNameObj)
   }, getRestProps(this), {
     'ref': rootRef
-  }), showLoadingShell ? hasLoadingSlot ? loadingSlot : createElementVNode(2, 'div', createElementVNode(2, 'div', [createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot")), createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot")), createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot"))], 4, index_esm_className(k + "-xmarkdown-loading-dots")), 2, index_esm_className(k + "-xmarkdown-loading")) : showEmpty ? hasEmptySlot ? createElementVNode(2, 'div', emptySlot, 0, index_esm_className(k + "-xmarkdown-empty")) : undefined : createElementVNode(2, 'div', [createElementVNode(2, 'div', stableNodes, 0, index_esm_className(k + "-xmarkdown-stable")), createElementVNode(2, 'div', tailNodes, 0, index_esm_className(k + "-xmarkdown-tail"))], 4, index_esm_className(k + "-xmarkdown-content"), null, null, contentRef));
+  }), showLoadingShell ? hasLoadingSlot ? loadingSlot : createElementVNode(2, 'div', createElementVNode(2, 'div', [createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot")), createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot")), createElementVNode(2, 'div', null, 1, index_esm_className(k + "-xmarkdown-loading-dot"))], 4, index_esm_className(k + "-xmarkdown-loading-dots")), 2, index_esm_className(k + "-xmarkdown-loading")) : showEmpty ? hasEmptySlot ? createElementVNode(2, 'div', emptySlot, 0, index_esm_className(k + "-xmarkdown-empty")) : undefined : createElementVNode(2, 'div', [createElementVNode(2, 'div', [createElementVNode(2, 'div', stableNodes, 0, index_esm_className(k + "-xmarkdown-stable")), createElementVNode(2, 'div', tailNodes, 0, index_esm_className(k + "-xmarkdown-tail"))], 4, index_esm_className(k + "-xmarkdown-body")), shouldShowTypingSuffix() ? createElementVNode(2, 'div', [createElementVNode(2, 'span'), createElementVNode(2, 'span'), createElementVNode(2, 'span')], 4, index_esm_className(k + "-xmarkdown-typing-suffix"), xmarkdown_vdt_$tmp0) : undefined], 0, index_esm_className(k + "-xmarkdown-content"), null, null, contentRef));
 }
 ;
 // EXTERNAL MODULE: ./node_modules/dompurify/dist/purify.js
@@ -110048,10 +110214,10 @@ function streaming_createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function streaming_unsupportedIterableToArray(o, minLen) {
-  var _context12;
+  var _context15;
   if (!o) return;
   if (typeof o === "string") return streaming_arrayLikeToArray(o, minLen);
-  var n = slice_default()(_context12 = Object.prototype.toString.call(o)).call(_context12, 8, -1);
+  var n = slice_default()(_context15 = Object.prototype.toString.call(o)).call(_context15, 8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return from_default()(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return streaming_arrayLikeToArray(o, minLen);
@@ -110259,7 +110425,7 @@ function recognizeToken(cache) {
       cache.token = 'list';
       return;
     }
-    if (starts_with_default()(_context6 = cache.pending).call(_context6, '|')) {
+    if (starts_with_default()(_context6 = cache.pending).call(_context6, '|') && !isInTableContext(cache.completeMarkdown)) {
       cache.token = 'table';
       return;
     }
@@ -110364,13 +110530,46 @@ function isTableIncomplete(markdown) {
   if (lines.length <= 1) return true;
   var header = lines[0],
     separator = lines[1];
-  if (!/^\|.*\|$/.test(trim_default()(header).call(header))) return false;
+  if (!isTableRow(header)) return false;
   var columns = filter_default()(_context9 = map_default()(_context10 = trim_default()(separator).call(separator).split('|')).call(_context10, function (column) {
     return trim_default()(column).call(column);
   })).call(_context9, Boolean);
+  return isTableSeparatorColumns(columns, true);
+}
+/**
+ * 判断当前 pending 是否是在已有表格后继续追加新行。
+ * 这种场景直接进入 stable 渲染，让 markdown-it 增量填充各列，避免整行原样压在 tail 中。
+ */
+function isInTableContext(completeMarkdown) {
+  var _context12, _context13;
+  var lines = completeMarkdown.split('\n');
+  var block = [];
+  var end = lines.length - 1;
+  while (end >= 0 && !trim_default()(_context11 = lines[end]).call(_context11)) {
+    var _context11;
+    end--;
+  }
+  for (var i = end; i >= 0; i--) {
+    var line = lines[i];
+    if (!trim_default()(line).call(line)) break;
+    block.unshift(line);
+  }
+  if (block.length < 2) return false;
+  var header = block[0],
+    separator = block[1];
+  if (!isTableRow(header)) return false;
+  var columns = filter_default()(_context12 = map_default()(_context13 = trim_default()(separator).call(separator).split('|')).call(_context13, function (column) {
+    return trim_default()(column).call(column);
+  })).call(_context12, Boolean);
+  return isTableSeparatorColumns(columns, false);
+}
+function isTableRow(line) {
+  return /^\|.*\|$/.test(trim_default()(line).call(line));
+}
+function isTableSeparatorColumns(columns, allowTrailingColon) {
   var separatorRegex = /^:?-+:?$/;
-  return columns.every(function (column, index) {
-    return index === columns.length - 1 ? column === ':' || separatorRegex.test(column) : separatorRegex.test(column);
+  return columns.length > 0 && columns.every(function (column, index) {
+    return allowTrailingColon && index === columns.length - 1 ? column === ':' || separatorRegex.test(column) : separatorRegex.test(column);
   });
 }
 /**
@@ -110444,11 +110643,11 @@ function findOpenMathBlock(source) {
  * 提取未闭合代码围栏的语言标记
  */
 function extractLanguageFromFence(tailText) {
-  var _context11;
+  var _context14;
   var firstLineEnd = tailText.indexOf('\n');
   var firstLine = firstLineEnd === -1 ? tailText : slice_default()(tailText).call(tailText, 0, firstLineEnd);
   var match = firstLine.match(/^ {0,3}`{3,}(\S*)/);
-  return match && match[1] ? trim_default()(_context11 = match[1]).call(_context11).toLowerCase() : undefined;
+  return match && match[1] ? trim_default()(_context14 = match[1]).call(_context14).toLowerCase() : undefined;
 }
 /**
  * 渲染未闭合的代码围栏
@@ -119920,6 +120119,13 @@ function useXMarkdownDisplay(getPrefixCls) {
   function isTypingActive() {
     return !!instance.get('$typingActive');
   }
+  function shouldShowTypingSuffix() {
+    var typing = instance.get('typing');
+    if (!typing) return false;
+    if (typeof typing === 'boolean') return false;
+    if (typing.suffix !== true) return false;
+    return !instance.get('loading') && (isTypingActive() || !!instance.get('streaming'));
+  }
   return {
     onMounted: function onMounted() {
       mounted = true;
@@ -119946,7 +120152,8 @@ function useXMarkdownDisplay(getPrefixCls) {
     getRenderedBlockData: getRenderedBlockData,
     getRenderedNodes: getRenderedNodes,
     // 状态查询
-    isTypingActive: isTypingActive
+    isTypingActive: isTypingActive,
+    shouldShowTypingSuffix: shouldShowTypingSuffix
   };
 }
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/number/parse-float.js
@@ -121063,7 +121270,7 @@ XMarkdown.events = xmarkdown_events;
 
 ;// CONCATENATED MODULE: ./packages/kpc-vue-next/index.js
 /*!
- * @king-design v3.8.0-beta.0
+ * @king-design v3.8.0-beta.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -121140,7 +121347,7 @@ XMarkdown.events = xmarkdown_events;
 
 
 
-var version = '3.8.0-beta.0';
+var version = '3.8.0-beta.1';
 /* generate end */