@kweaver-ai/chatkit 0.1.0

package/dist/components/base/ChatKitBase.d.ts

@@ -0,0 +1,261 @@
+import { Component } from 'react';
+import { ChatMessage, ApplicationContext, ChatKitInterface, OnboardingInfo, WebSearchQuery, ExecuteCodeResult } from '../../types';
+/**
+ * ChatKitBase 组件的属性接口
+ */
+export interface ChatKitBaseProps {
+    /** 会话 ID，每次新建会话时由后端返回新的会话唯一标识 */
+    conversationID?: string;
+    /** 当没有指定的 inputContext 时的默认输入上下文 */
+    defaultApplicationContext?: ApplicationContext;
+    /** 组件标题 */
+    title?: string;
+    /** 是否显示组件 */
+    visible?: boolean;
+    /** 关闭组件的回调函数 */
+    onClose?: () => void;
+    /** 调用接口时携带的令牌，放置到请求头：Authorization:Bearer {token} */
+    token?: string;
+    /** 刷新 token 的方法，由集成方传入 */
+    refreshToken?: () => Promise<string>;
+}
+/**
+ * ChatKitBase 组件的状态接口
+ */
+export interface ChatKitBaseState {
+    /** 会话 ID，每次新建会话时由后端返回新的会话唯一标识 */
+    conversationID: string;
+    /** 消息列表，这里仅记录渲染到界面上的对话消息 */
+    messages: ChatMessage[];
+    /** 用户输入的文本 */
+    textInput: string;
+    /** 和用户输入文本相关的上下文 */
+    applicationContext?: ApplicationContext;
+    /** 是否正在发送消息 */
+    isSending: boolean;
+    /** 当前正在流式更新的消息 ID */
+    streamingMessageId: string | null;
+    /** 开场白信息，包含开场白文案和预置问题 */
+    onboardingInfo?: OnboardingInfo;
+    /** 是否正在加载开场白信息 */
+    isLoadingOnboarding: boolean;
+}
+/**
+ * ChatKitBase 基础组件
+ * AI 对话组件的核心类。该类是一个 React 组件，包含标准的交互界面和交互逻辑。
+ *
+ * 注意：开发者不能够直接挂载 ChatKitBase 到 Web 应用，而是需要创建一个子类继承
+ * ChatKitBase 和 ChatKitInterface，并实现 ChatKitInterface 中定义的方法。
+ *
+ * 该类实现了 ChatKitInterface 接口，子类需要实现 sendMessage 和 reduceEventStreamMessage 方法
+ */
+export declare abstract class ChatKitBase<P extends ChatKitBaseProps = ChatKitBaseProps> extends Component<P, ChatKitBaseState> implements ChatKitInterface {
+    /**
+     * 标记是否正在初始化或已经初始化
+     * 用于防止重复初始化（特别是在 React.StrictMode 下）
+     */
+    private isInitializing;
+    private hasInitialized;
+    /**
+     * 调用接口时携带的令牌
+     */
+    protected token: string;
+    /**
+     * 刷新 token 的方法，由集成方传入
+     */
+    protected refreshToken?: () => Promise<string>;
+    constructor(props: P);
+    /**
+     * 组件挂载后自动创建会话
+     * 根据设计文档要求：组件被初始化的时候会自动新建会话
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     * 组件更新时检查是否需要初始化会话
+     * 当 visible 从 false 变为 true 时，如果还未初始化，则初始化会话
+     */
+    componentDidUpdate(prevProps: P): Promise<void>;
+    /**
+     * 初始化会话的内部方法
+     * 仅在组件首次可见时调用，防止重复初始化
+     */
+    private initializeConversation;
+    /**
+     * 获取开场白和预置问题 (抽象方法，由子类实现)
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口
+     * 返回开场白信息结构体
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state
+     * @returns 返回开场白信息，包含开场白文案和预置问题
+     */
+    abstract getOnboardingInfo(): Promise<OnboardingInfo>;
+    /**
+     * 新建会话 (抽象方法，由子类实现)
+     * 该方法需要由开发者实现，以适配扣子、Dify 等 LLMOps 平台的接口
+     * 成功返回会话 ID
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state
+     * @returns 返回新创建的会话 ID
+     */
+    abstract generateConversation(): Promise<string>;
+    /**
+     * 向后端发送消息 (抽象方法，由子类实现)
+     * 该方法需要由开发者实现，以适配扣子、Dify等 LLMOps 平台的接口
+     * 发送成功后，返回发送的消息结构
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state
+     * @param text 发送给后端的用户输入的文本
+     * @param ctx 随用户输入文本一起发送的应用上下文
+     * @param conversationID 发送的对话消息所属的会话 ID
+     * @returns 返回发送的消息结构
+     */
+    abstract sendMessage(text: string, ctx: ApplicationContext, conversationID?: string): Promise<ChatMessage>;
+    /**
+     * 将 API 接口返回的 EventStream 增量解析成完整的 AssistantMessage 对象 (抽象方法，由子类实现)
+     * 当接收到 SSE 消息时触发，该方法需要由子类实现
+     * 子类在该方法中应该调用以下方法来更新消息内容：
+     * - appendMarkdownBlock(): 添加 Markdown 文本块
+     * - appendWebSearchBlock(): 添加 Web 搜索结果块
+     * - appendExecuteCodeBlock(): 添加代码执行结果块
+     * 注意：该方法应该只处理数据解析逻辑，通过调用 append*Block 方法来更新界面
+     * @param eventMessage 接收到的一条 Event Message
+     * @param prev 上一次增量更新后的 AssistantMessage 对象
+     * @param messageId 当前正在更新的消息 ID，用于调用 append*Block 方法
+     * @returns 返回更新后的 AssistantMessage 对象
+     */
+    abstract reduceAssistantMessage<T = any, K = any>(eventMessage: T, prev: K, messageId: string): K;
+    /**
+     * 检查是否需要刷新 token (抽象方法，由子类实现)
+     * 当发生异常时检查是否需要刷新 token。返回 true 表示需要刷新 token，返回 false 表示无需刷新 token。
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口。
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state。
+     * @param status HTTP 状态码
+     * @param error 错误响应体
+     * @returns 返回是否需要刷新 token
+     */
+    abstract shouldRefreshToken(status: number, error: any): boolean;
+    /**
+     * 终止会话 (抽象方法，由子类实现)
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口。
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state。
+     * @param conversationId 要终止的会话 ID
+     * @returns 返回 Promise，成功时 resolve，失败时 reject
+     */
+    abstract terminateConversation(conversationId: string): Promise<void>;
+    /**
+     * 获取历史会话列表 (抽象方法，由子类实现)
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口。
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state。
+     * @param page 分页页码，默认为 1
+     * @param size 每页返回条数，默认为 10
+     * @returns 返回历史会话列表
+     */
+    abstract getConversations(page?: number, size?: number): Promise<import('../../types').ConversationHistory[]>;
+    /**
+     * 获取指定会话 ID 的对话消息列表 (抽象方法，由子类实现)
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口。
+     * 如果对话消息是 AI 助手消息，则需要调用 reduceAssistantMessage() 解析消息。
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state。
+     * @param conversationId 会话 ID
+     * @returns 返回对话消息列表
+     */
+    abstract getConversationMessages(conversationId: string): Promise<ChatMessage[]>;
+    /**
+     * 删除指定 ID 的会话 (抽象方法，由子类实现)
+     * 该方法需要由子类继承并重写，以适配扣子、Dify 等 LLMOps 平台的接口。
+     * 注意：该方法是一个无状态无副作用的函数，不允许修改 state。
+     * @param conversationID 会话 ID
+     * @returns 返回 Promise，成功时 resolve，失败时 reject
+     */
+    abstract deleteConversation(conversationID: string): Promise<void>;
+    /**
+     * 向 ChatKit 注入应用上下文
+     * @param ctx 要注入的应用上下文
+     */
+    injectApplicationContext: (ctx: ApplicationContext) => void;
+    /**
+     * 移除注入的应用上下文
+     */
+    removeApplicationContext: () => void;
+    /**
+     * 添加或更新 Markdown 类型的消息块
+     * 该方法由子类调用，用于在消息中添加或更新 Markdown 内容块
+     * 如果最后一个块是 Markdown 块且内容为空或是 text 的前缀，则更新它（流式更新场景）
+     * 否则添加新的 Markdown 块（新阶段场景）
+     * @param messageId 消息 ID
+     * @param text 要添加或更新的 Markdown 文本，每次都传完整的文本
+     */
+    protected appendMarkdownBlock(messageId: string, text: string): void;
+    /**
+     * 添加 Web 搜索类型的消息块
+     * 该方法由子类调用，用于在消息中添加 Web 搜索结果
+     * @param messageId 消息 ID
+     * @param query Web 搜索的执行详情
+     */
+    protected appendWebSearchBlock(messageId: string, query: WebSearchQuery): void;
+    /**
+     * 添加代码执行工具类型的消息块
+     * 该方法由子类调用，用于在消息中添加代码执行结果
+     * @param messageId 消息 ID
+     * @param result 代码执行的输入和输出结果
+     */
+    protected appendExecuteCodeBlock(messageId: string, result: ExecuteCodeResult): void;
+    /**
+     * 创建新的会话
+     * 内部会调用子类实现的 generateConversation() 和 getOnboardingInfo() 方法
+     */
+    createConversation: () => Promise<void>;
+    /**
+     * 加载历史会话
+     * 该方法从后端加载指定 ID 的历史会话消息，并更新到组件状态中
+     * @param conversationId 要加载的会话 ID
+     */
+    loadConversation: (conversationId: string) => Promise<void>;
+    /**
+     * 清除会话中的对话消息及会话 ID
+     */
+    private clearConversation;
+    /**
+     * 发送消息的核心方法
+     * 该方法是暴露给集成方进行调用的接口，内部会调用子类实现的 sendMessage() 方法
+     * @param text 用户输入的文本
+     * @param ctx 应用上下文
+     * @param conversationID 发送的对话消息所属的会话 ID（可选）
+     * @returns 返回发送的消息结构
+     */
+    send: (text: string, ctx?: ApplicationContext, conversationID?: string) => Promise<ChatMessage>;
+    /**
+     * 处理流式响应
+     * 在闭包中处理 EventStream,并在处理完成后丢弃闭包
+     * @param reader ReadableStreamDefaultReader
+     * @param assistantMessageId 助手消息 ID
+     */
+    protected handleStreamResponse<T = any>(reader: ReadableStreamDefaultReader<Uint8Array>, assistantMessageId: string): Promise<T>;
+    /**
+     * 执行 API 调用，并在需要时自动刷新 token 并重试一次
+     * @param apiCall API 调用函数
+     * @returns API 调用结果
+     */
+    protected executeWithTokenRefresh<T>(apiCall: () => Promise<T>): Promise<T>;
+    /**
+     * 处理发送按钮点击
+     */
+    protected handleSend: () => Promise<void>;
+    /**
+     * 处理停止流式响应
+     * 调用子类实现的 terminateConversation 方法终止当前会话
+     */
+    protected handleStop: () => Promise<void>;
+    /**
+     * 更新用户输入
+     */
+    protected setTextInput: (value: string) => void;
+    /**
+     * 处理推荐问题点击
+     */
+    protected handleQuestionClick: (question: string) => void;
+    /**
+     * 渲染组件 (抽象方法，由子类实现)
+     * 子类需要实现该方法以渲染不同的界面
+     * CopilotBase 和 AssistantBase 会分别实现各自的渲染逻辑
+     */
+    abstract render(): React.ReactNode;
+}
+export default ChatKitBase;

package/dist/components/base/assistant/AssistantBase.d.ts

@@ -0,0 +1,17 @@
+import { ChatKitBase, ChatKitBaseProps } from '../ChatKitBase';
+/**
+ * AssistantBase 基础组件
+ * 作为主交互入口，是应用的主体
+ *
+ * 该类继承自 ChatKitBase，实现了 Assistant 模式的交互界面和交互逻辑
+ * 区别于 CopilotBase，AssistantBase 是全屏主对话界面，不包含 Header
+ * Header（历史对话、新对话等按钮）应由外部应用的侧边栏提供
+ */
+export declare abstract class AssistantBase<P extends ChatKitBaseProps = ChatKitBaseProps> extends ChatKitBase<P> {
+    /**
+     * 实现 React.Component.render() 方法
+     * 渲染 Assistant 模式的界面
+     */
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export default AssistantBase;

package/dist/components/base/assistant/Header.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ * Header 组件的属性接口
+ */
+interface HeaderProps {
+    /** 组件标题 */
+    title?: string;
+    /** 关闭组件的回调函数 */
+    onClose?: () => void;
+    /** 新建会话的回调函数 */
+    onNewChat?: () => void;
+    /** 查看历史对话的回调函数 */
+    onHistory?: () => void;
+}
+/**
+ * Header 组件
+ * Assistant 的头部组件，右侧显示历史对话和新对话按钮
+ */
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/components/base/assistant/InputArea.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ApplicationContext } from '../../../types';
+/**
+ * InputArea 组件的属性接口
+ */
+interface InputAreaProps {
+    /** 输入框的值 */
+    value: string;
+    /** 输入框值变化的回调 */
+    onChange: (value: string) => void;
+    /** 发送消息的回调 */
+    onSend: () => void;
+    /** 当前的应用上下文 */
+    context?: ApplicationContext;
+    /** 移除上下文的回调 */
+    onRemoveContext: () => void;
+    /** 是否禁用输入 */
+    disabled?: boolean;
+    /** 是否正在接收 AI 助手的流式响应 */
+    isStreaming?: boolean;
+    /** 停止当前流式响应的回调 */
+    onStop?: () => void;
+}
+/**
+ * InputArea 组件
+ * 用户输入区域，包括上下文显示和输入框
+ */
+declare const InputArea: React.FC<InputAreaProps>;
+export default InputArea;

package/dist/components/base/assistant/MessageItem.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChatMessage } from '../../../types';
+/**
+ * MessageItem 组件的属性接口
+ */
+interface MessageItemProps {
+    /** 消息对象 */
+    message: ChatMessage;
+}
+/**
+ * MessageItem 组件
+ * 显示单条消息
+ */
+declare const MessageItem: React.FC<MessageItemProps>;
+export default MessageItem;

package/dist/components/base/assistant/MessageList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChatMessage } from '../../../types';
+/**
+ * MessageList 组件的属性接口
+ */
+interface MessageListProps {
+    /** 消息列表 */
+    messages: ChatMessage[];
+}
+/**
+ * MessageList 组件
+ * 显示对话消息列表
+ */
+declare const MessageList: React.FC<MessageListProps>;
+export default MessageList;

package/dist/components/base/assistant/Prologue.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Prologue 组件的属性接口
+ */
+interface PrologueProps {
+    /** 点击推荐问题时的回调函数 */
+    onQuestionClick?: (question: string) => void;
+    /** 开场白文案 */
+    prologue?: string;
+    /** 预置问题列表 */
+    predefinedQuestions?: string[];
+}
+/**
+ * Prologue 组件
+ * Assistant 的欢迎界面，显示开场白和预设问题
+ */
+declare const Prologue: React.FC<PrologueProps>;
+export default Prologue;

package/dist/components/base/assistant/blocks/MarkdownBlock.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MarkdownBlock as MarkdownBlockType } from '../../../../types';
+/**
+ * MarkdownBlock 组件的属性接口
+ */
+export interface MarkdownBlockProps {
+    /** Markdown 块数据 */
+    block: MarkdownBlockType;
+}
+/**
+ * MarkdownBlock 组件
+ * 用于渲染 Markdown 类型的消息块
+ */
+declare const MarkdownBlock: React.FC<MarkdownBlockProps>;
+export default MarkdownBlock;

package/dist/components/base/assistant/blocks/TextBlock.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextBlock as TextBlockType } from '../../../../types';
+/**
+ * TextBlock 组件的属性接口
+ */
+export interface TextBlockProps {
+    /** 文本块数据 */
+    block: TextBlockType;
+}
+/**
+ * TextBlock 组件
+ * 用于渲染文本类型的消息块
+ */
+declare const TextBlock: React.FC<TextBlockProps>;
+export default TextBlock;

package/dist/components/base/assistant/blocks/ToolBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ToolBlock as ToolBlockType } from '../../../../types';
+/**
+ * ToolBlock 组件的属性接口
+ */
+export interface ToolBlockProps {
+    /** 工具块数据 */
+    block: ToolBlockType;
+}
+/**
+ * ToolBlock 组件
+ * 用于在消息流中渲染工具调用块的通用组件
+ * 支持传入自定义图标和标题，并可点击右侧箭头查看详情
+ */
+declare const ToolBlock: React.FC<ToolBlockProps>;
+export default ToolBlock;

package/dist/components/base/assistant/blocks/ToolDrawer.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * ToolDrawer 组件的属性接口
+ */
+export interface ToolDrawerProps {
+    /** 抽屉是否打开 */
+    isOpen: boolean;
+    /** 关闭抽屉的回调函数 */
+    onClose: () => void;
+    /** 工具名称 */
+    toolName: string;
+    /** 工具标题 */
+    toolTitle: string;
+    /** 工具图标 */
+    toolIcon?: string | React.ReactNode;
+    /** 工具输入参数 */
+    input?: any;
+    /** 工具输出结果 */
+    output?: any;
+}
+/**
+ * ToolDrawer 组件
+ * 用于展示工具调用的详细信息（输入和输出）的抽屉组件
+ */
+declare const ToolDrawer: React.FC<ToolDrawerProps>;
+export default ToolDrawer;

package/dist/components/base/assistant/blocks/WebSearchBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WebSearchBlock as WebSearchBlockType } from '../../../../types';
+/**
+ * WebSearchBlock 组件的属性接口
+ */
+export interface WebSearchBlockProps {
+    /** Web 搜索块数据 */
+    block: WebSearchBlockType;
+}
+/**
+ * WebSearchBlock 组件
+ * 用于渲染 Web 搜索类型的消息块
+ * 现在使用通用的 ToolBlock 组件来展示工具调用信息
+ */
+declare const WebSearchBlock: React.FC<WebSearchBlockProps>;
+export default WebSearchBlock;

package/dist/components/base/assistant/blocks/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Block 组件导出文件
+ * 导出所有类型的 Block 组件
+ */
+export { default as TextBlock } from './TextBlock';
+export { default as MarkdownBlock } from './MarkdownBlock';
+export { default as WebSearchBlock } from './WebSearchBlock';
+export { default as ToolBlock } from './ToolBlock';
+export { default as ToolDrawer } from './ToolDrawer';

package/dist/components/base/copilot/CopilotBase.d.ts

@@ -0,0 +1,16 @@
+import { ChatKitBase, ChatKitBaseProps } from '../ChatKitBase';
+/**
+ * CopilotBase 基础组件
+ * 右侧跟随的 AI 助手，为应用提供辅助对话
+ *
+ * 该类继承自 ChatKitBase，实现了 Copilot 模式的交互界面和交互逻辑
+ * 区别于 AssistantBase，CopilotBase 在 render() 函数中渲染 Copilot 模式的界面
+ */
+export declare abstract class CopilotBase<P extends ChatKitBaseProps = ChatKitBaseProps> extends ChatKitBase<P> {
+    /**
+     * 实现 React.Component.render() 方法
+     * 渲染 Copilot 模式的界面
+     */
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export default CopilotBase;

package/dist/components/base/copilot/Header.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * Header 组件的属性接口
+ */
+interface HeaderProps {
+    /** 组件标题 */
+    title?: string;
+    /** 关闭组件的回调函数 */
+    onClose?: () => void;
+    /** 新建会话的回调函数 */
+    onNewChat?: () => void;
+    /** 展开/收起的回调函数 */
+    onExpand?: () => void;
+    /** 更多选项的回调函数 */
+    onMore?: () => void;
+}
+/**
+ * Header 组件
+ * ChatKit 的头部组件，包含 Logo、标题和操作按钮
+ */
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/components/base/copilot/InputArea.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ApplicationContext } from '../../../types';
+/**
+ * InputArea 组件的属性接口
+ */
+interface InputAreaProps {
+    /** 输入框的值 */
+    value: string;
+    /** 输入框值变化的回调 */
+    onChange: (value: string) => void;
+    /** 发送消息的回调 */
+    onSend: () => void;
+    /** 当前的应用上下文 */
+    context?: ApplicationContext;
+    /** 移除上下文的回调 */
+    onRemoveContext: () => void;
+    /** 是否禁用输入 */
+    disabled?: boolean;
+    /** 是否正在接收 AI 助手的流式响应 */
+    isStreaming?: boolean;
+    /** 停止当前流式响应的回调 */
+    onStop?: () => void;
+}
+/**
+ * InputArea 组件
+ * 用户输入区域，包括上下文显示和输入框
+ */
+declare const InputArea: React.FC<InputAreaProps>;
+export default InputArea;

package/dist/components/base/copilot/MessageItem.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChatMessage } from '../../../types';
+/**
+ * MessageItem 组件的属性接口
+ */
+interface MessageItemProps {
+    /** 消息对象 */
+    message: ChatMessage;
+}
+/**
+ * MessageItem 组件
+ * 显示单条消息
+ */
+declare const MessageItem: React.FC<MessageItemProps>;
+export default MessageItem;

package/dist/components/base/copilot/MessageList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChatMessage } from '../../../types';
+/**
+ * MessageList 组件的属性接口
+ */
+interface MessageListProps {
+    /** 消息列表 */
+    messages: ChatMessage[];
+}
+/**
+ * MessageList 组件
+ * 显示对话消息列表
+ */
+declare const MessageList: React.FC<MessageListProps>;
+export default MessageList;

package/dist/components/base/copilot/Prologue.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Prologue 组件的属性接口
+ */
+interface PrologueProps {
+    /** 点击推荐问题时的回调函数 */
+    onQuestionClick?: (question: string) => void;
+    /** 开场白文案 */
+    prologue?: string;
+    /** 预置问题列表 */
+    predefinedQuestions?: string[];
+}
+/**
+ * Prologue 组件
+ * ChatKit 的欢迎界面，显示欢迎语和推荐问题
+ */
+declare const Prologue: React.FC<PrologueProps>;
+export default Prologue;

package/dist/components/base/copilot/blocks/MarkdownBlock.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MarkdownBlock as MarkdownBlockType } from '../../../../types';
+/**
+ * MarkdownBlock 组件的属性接口
+ */
+export interface MarkdownBlockProps {
+    /** Markdown 块数据 */
+    block: MarkdownBlockType;
+}
+/**
+ * MarkdownBlock 组件
+ * 用于渲染 Markdown 类型的消息块
+ */
+declare const MarkdownBlock: React.FC<MarkdownBlockProps>;
+export default MarkdownBlock;

package/dist/components/base/copilot/blocks/TextBlock.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextBlock as TextBlockType } from '../../../../types';
+/**
+ * TextBlock 组件的属性接口
+ */
+export interface TextBlockProps {
+    /** 文本块数据 */
+    block: TextBlockType;
+}
+/**
+ * TextBlock 组件
+ * 用于渲染文本类型的消息块
+ */
+declare const TextBlock: React.FC<TextBlockProps>;
+export default TextBlock;

package/dist/components/base/copilot/blocks/ToolBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ToolBlock as ToolBlockType } from '../../../../types';
+/**
+ * ToolBlock 组件的属性接口
+ */
+export interface ToolBlockProps {
+    /** 工具块数据 */
+    block: ToolBlockType;
+}
+/**
+ * ToolBlock 组件
+ * 用于在消息流中渲染工具调用块的通用组件
+ * 支持传入自定义图标和标题，并可点击右侧箭头查看详情
+ */
+declare const ToolBlock: React.FC<ToolBlockProps>;
+export default ToolBlock;