listpage-next 0.0.262 → 0.0.264

package/dist/features/ChatClient/components/ChatContent/BubbleList.js

@@ -23,10 +23,15 @@ const ChatBubbleList = (props)=>{
             scrollToBottom,
             scrollToBottomWhenAtBottom
         }), [
-        scrollToBottom
+        scrollToBottom,
+        scrollToBottomWhenAtBottom
     ]);
     return /*#__PURE__*/ jsx(BubbleList, {
         styles: styles,
+        refs: {
+            bottomRef,
+            containerRef
+        },
         messages: ctx.messages,
         messageRender: (message)=>render.renderMessage(message, ctx)
     });

package/dist/features/ChatClient/context/useChatContext.d.ts

@@ -9,5 +9,6 @@ export declare function useChatContext(): {
     updateConversation: ((key: string, item: any) => void) | undefined;
     appendConversation: ((item: any, index?: number) => void) | undefined;
     scrollToBottom: () => void;
+    scrollToBottomWhenAtBottom: () => void;
 };
 export type ChatInstance = ReturnType<typeof useChatContext>;

package/dist/features/ChatClient/context/useChatContext.js

@@ -14,7 +14,8 @@ function useChatContext() {
         deleteConversation: deleteItem,
         updateConversation: updateItem,
         appendConversation: appendItem,
-        scrollToBottom: ()=>bubbleListRef.current?.scrollToBottom()
+        scrollToBottom: ()=>bubbleListRef.current?.scrollToBottom(),
+        scrollToBottomWhenAtBottom: ()=>bubbleListRef.current?.scrollToBottomWhenAtBottom()
     };
 }
 export { useChatContext };

package/dist/features/ChatClient/ui/Bubble/Bubble.js

@@ -14,9 +14,11 @@ const Bubble = (props)=>{
     const hovered = containerHovered || feedbackHovered;
     const cursorPlaceholder = 'pending' === status && 'assistant' === role ? '<placeholder type="pending" />' : '';
     const messageMarkdownEle = markdownRender ? markdownRender(content || '', status) : /*#__PURE__*/ jsx(Markdown, {
+        hasNextChunk: 'success' !== status,
         content: (content || '') + cursorPlaceholder
     });
     const reasoningMarkdownEle = reasoningMarkdownRender ? reasoningMarkdownRender(reasoning_content || '', status) : /*#__PURE__*/ jsx(Markdown, {
+        hasNextChunk: !content,
         content: reasoning_content || ''
     });
     const message = 'user' === role ? /*#__PURE__*/ jsx(UserContentWrapper, {

package/dist/features/ChatClient/ui/Bubble/BubbleList.d.ts

@@ -6,6 +6,10 @@ export interface BubbleListProps<MessageInfo extends BaseMessageInfo> {
         bottomPlaceholder?: CSSProperties;
         content?: CSSProperties;
     };
+    refs: {
+        bottomRef: React.Ref<HTMLDivElement>;
+        containerRef: React.Ref<HTMLDivElement>;
+    };
     loading?: boolean;
     messages: Message<MessageInfo>[];
     messageRender: (message: Message<MessageInfo>) => React.ReactNode;

package/dist/features/ChatClient/ui/Bubble/BubbleList.js

@@ -1,11 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
 import { styled } from "styled-components";
 import { PageLoading } from "../../../../components/PageLayout/index.js";
 const BubbleList = (props)=>{
-    const { loading, styles, messages, messageRender } = props;
-    const bottomRef = useRef(null);
-    const containerRef = useRef(null);
+    const { loading, styles, messages, messageRender, refs } = props;
+    const { bottomRef, containerRef } = refs;
     const content = [
         /*#__PURE__*/ jsx("div", {
             style: styles?.headerPlaceholder ?? {

package/dist/features/ChatClient/ui/Bubble/Markdown.d.ts

@@ -1,4 +1,8 @@
+import { XMarkdownProps } from '@ant-design/x-markdown';
+import '@ant-design/x-markdown/themes/light.css';
 export interface MarkdownProps {
     content: string;
+    hasNextChunk?: boolean;
+    components?: XMarkdownProps['components'];
 }
 export declare const Markdown: (props: MarkdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/ui/Bubble/Markdown.js

@@ -1,39 +1,19 @@
 import { jsx } from "react/jsx-runtime";
-import markdown_it from "markdown-it";
 import styled_components from "styled-components";
-const md = markdown_it({
-    html: true,
-    breaks: true
-});
-const defaultLinkOpen = md.renderer.rules.link_open || function(tokens, idx, options, env, self) {
-    return self.renderToken(tokens, idx, options);
-};
-md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
-    const targetIndex = tokens[idx].attrIndex('target');
-    if (targetIndex < 0) tokens[idx].attrPush([
-        'target',
-        '_blank'
-    ]);
-    else tokens[idx].attrs[targetIndex][1] = '_blank';
-    const relIndex = tokens[idx].attrIndex('rel');
-    if (relIndex < 0) tokens[idx].attrPush([
-        'rel',
-        'noopener noreferrer'
-    ]);
-    else tokens[idx].attrs[relIndex][1] = 'noopener noreferrer';
-    return defaultLinkOpen(tokens, idx, options, env, self);
-};
-md.renderer.rules.text = (tokens, idx)=>{
-    let text = tokens[idx].content;
-    text = text.replace(/\[\[(-?\d+(\.\d+)?)\]\]/g, '<sup>[$1]</sup>');
-    return text;
-};
+import x_markdown from "@ant-design/x-markdown";
+import "@ant-design/x-markdown/themes/light.css";
 const Markdown = (props)=>/*#__PURE__*/ jsx(MarkdownBody, {
-        dangerouslySetInnerHTML: {
-            __html: md.render(props.content)
-        }
+        streaming: {
+            enableAnimation: true,
+            hasNextChunk: props.hasNextChunk,
+            animationConfig: {
+                fadeDuration: 400
+            }
+        },
+        content: props.content,
+        openLinksInNewTab: true
     });
-const MarkdownBody = styled_components.div`
+const MarkdownBody = styled_components(x_markdown)`
   h1 {
     font-size: 18px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.262",
+  "version": "0.0.264",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -95,6 +95,7 @@
     "json-schema-faker": "~0.5.9",
     "ansi-to-html": "~0.7.2",
     "@aws-sdk/client-s3": "~3.946.0",
-    "@google/genai": "~1.31.0"
+    "@google/genai": "~1.31.0",
+    "@ant-design/x-markdown": "~2.1.1"
   }
 }