@springbrand/message-panel 0.1.2 → 0.1.3-alpha.0

package/dist/src/composer/composer.js

@@ -1,180 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowUpIcon, Loader2Icon, PlusIcon, SquareIcon, } from "lucide-react";
-import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from "react";
-import { cn } from "../internal/cn";
-import { AttachmentPreview, AttachmentRemove, AttachmentReorder, AttachmentRetry, Attachments, } from "./composer-attachments";
-import { useComposerDrop } from "./drop-controller";
-export const ComposerHeader = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sb-composer__header", className), ...props })));
-ComposerHeader.displayName = "ComposerHeader";
-export const ComposerBody = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sb-composer__body", className), ...props })));
-ComposerBody.displayName = "ComposerBody";
-export const ComposerFooter = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sb-composer__footer", className), ...props })));
-ComposerFooter.displayName = "ComposerFooter";
-export const ComposerTools = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sb-composer__tools", className), ...props })));
-ComposerTools.displayName = "ComposerTools";
-export const ComposerSubmit = forwardRef(({ className, status = "idle", children, ...props }, ref) => (_jsx("button", { ref: ref, type: "button", className: cn("sb-composer__submit", className), ...props, children: children ??
-        (status === "submitted" ? (_jsx(Loader2Icon, { size: 16, className: "sb-spin" })) : status === "streaming" ? (_jsx(SquareIcon, { size: 15 })) : (_jsx(ArrowUpIcon, { size: 17 }))) })));
-ComposerSubmit.displayName = "ComposerSubmit";
-export function DropOverlay({ label = "松开以添加文件", }) {
-    return (_jsxs("div", { className: "sb-composer__drop", role: "status", children: [_jsx(PlusIcon, { size: 20 }), _jsx("span", { children: label })] }));
-}
-const ATTACHMENT_DRAG_TYPE = "application/x-sb-message-panel-attachment";
-function defaultAttachment(attachment, index) {
-    const record = attachment != null && typeof attachment === "object"
-        ? attachment
-        : {};
-    return {
-        id: String(record.id ?? `attachment-${index}`),
-        name: String(record.name ?? record.filename ?? "附件"),
-        mediaType: typeof record.mediaType === "string" ? record.mediaType : undefined,
-        size: typeof record.size === "number" ? record.size : undefined,
-        url: typeof record.url === "string" ? record.url : undefined,
-        status: record.status === "uploading" || record.status === "error"
-            ? record.status
-            : "ready",
-        note: typeof record.note === "string" ? record.note : undefined,
-    };
-}
-function matchesAccept(file, accept) {
-    if (!accept?.trim())
-        return true;
-    return accept
-        .split(",")
-        .map((value) => value.trim().toLowerCase())
-        .some((rule) => {
-        if (rule.startsWith("."))
-            return file.name.toLowerCase().endsWith(rule);
-        if (rule.endsWith("/*"))
-            return file.type.startsWith(rule.slice(0, -1));
-        return file.type.toLowerCase() === rule;
-    });
-}
-function ComposerInner({ value, defaultValue = "", onValueChange, status, attachments = [], getAttachment = defaultAttachment, dropScope = "composer", dropTarget, accept, multiple = true, maxFiles, maxFileSize, onFilesAdded, onAttachmentRemove, onAttachmentRetry, onAttachmentReorder, onValidationError, onSubmit, onStop, placeholder = "问点什么…", tools, textareaProps, textareaRef: externalTextareaRef, className, ...props }, forwardedRef) {
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const resolvedValue = value ?? internalValue;
-    const rootRef = useRef(null);
-    const localTextareaRef = useRef(null);
-    const inputRef = useRef(null);
-    useImperativeHandle(forwardedRef, () => rootRef.current);
-    useImperativeHandle(externalTextareaRef, () => localTextareaRef.current);
-    const attachmentViews = useMemo(() => attachments.map((attachment, index) => getAttachment(attachment, index)), [attachments, getAttachment]);
-    const generating = status === "submitted" || status === "streaming";
-    const allReady = attachmentViews.every((attachment) => attachment.status === "ready");
-    const canSend = (resolvedValue.trim().length > 0 || attachments.length > 0) &&
-        !generating &&
-        allReady;
-    const changeValue = useCallback((next) => {
-        if (value === undefined)
-            setInternalValue(next);
-        onValueChange?.(next);
-    }, [value, onValueChange]);
-    const addFiles = useCallback((incoming) => {
-        const all = Array.from(incoming);
-        const remaining = maxFiles === undefined
-            ? all.length
-            : Math.max(0, maxFiles - attachments.length);
-        const selected = multiple ? all.slice(0, remaining) : all.slice(0, 1);
-        const valid = selected.filter((file) => matchesAccept(file, accept) &&
-            (maxFileSize === undefined || file.size <= maxFileSize));
-        const invalid = selected.filter((file) => !valid.includes(file));
-        if (all.length > selected.length) {
-            onValidationError?.(`最多只能添加 ${maxFiles ?? 1} 个附件`, all);
-        }
-        if (invalid.length) {
-            onValidationError?.("存在不支持或超过大小限制的文件", invalid);
-        }
-        if (valid.length)
-            void onFilesAdded?.(valid);
-    }, [
-        accept,
-        attachments.length,
-        maxFiles,
-        maxFileSize,
-        multiple,
-        onFilesAdded,
-        onValidationError,
-    ]);
-    const dragging = useComposerDrop({
-        scope: dropScope,
-        rootRef,
-        target: dropTarget,
-        onFiles: addFiles,
-    });
-    const submit = useCallback(async () => {
-        if (!canSend)
-            return;
-        await onSubmit({ text: resolvedValue.trim(), attachments });
-        if (value === undefined)
-            setInternalValue("");
-    }, [canSend, onSubmit, resolvedValue, attachments, value]);
-    const handleKeyDown = (event) => {
-        textareaProps?.onKeyDown?.(event);
-        if (event.defaultPrevented)
-            return;
-        if (event.key === "Enter" &&
-            !event.shiftKey &&
-            !event.nativeEvent.isComposing) {
-            event.preventDefault();
-            if (canSend)
-                void submit();
-            return;
-        }
-        if (event.key === "Backspace" &&
-            event.currentTarget.value === "" &&
-            attachments.length > 0) {
-            const last = attachments[attachments.length - 1];
-            if (last) {
-                event.preventDefault();
-                onAttachmentRemove?.(last);
-            }
-        }
-    };
-    const handlePaste = (event) => {
-        textareaProps?.onPaste?.(event);
-        if (event.defaultPrevented)
-            return;
-        const files = Array.from(event.clipboardData.items)
-            .filter((item) => item.kind === "file")
-            .map((item) => item.getAsFile())
-            .filter((file) => file !== null);
-        if (files.length) {
-            event.preventDefault();
-            addFiles(files);
-        }
-    };
-    return (_jsxs("div", { ref: rootRef, className: cn("sb-composer", className), "data-drop-scope": dropScope, "data-dragging": dragging ? "true" : undefined, "data-status": status, ...props, children: [_jsx("input", { ref: inputRef, className: "sb-sr-only", type: "file", accept: accept, multiple: multiple, tabIndex: -1, "aria-label": "\u4E0A\u4F20\u6587\u4EF6", onChange: (event) => {
-                    if (event.currentTarget.files)
-                        addFiles(event.currentTarget.files);
-                    event.currentTarget.value = "";
-                } }), attachments.length > 0 && (_jsx(ComposerHeader, { children: _jsx(Attachments, { children: attachments.map((attachment, index) => {
-                        const view = attachmentViews[index];
-                        return (_jsx(AttachmentPreview, { attachment: view, draggable: Boolean(onAttachmentReorder), "aria-roledescription": onAttachmentReorder ? "可排序附件" : undefined, onDragStart: (event) => {
-                                if (!onAttachmentReorder)
-                                    return;
-                                event.dataTransfer.effectAllowed = "move";
-                                event.dataTransfer.setData(ATTACHMENT_DRAG_TYPE, String(index));
-                            }, onDragOver: (event) => {
-                                if (onAttachmentReorder &&
-                                    event.dataTransfer.types.includes(ATTACHMENT_DRAG_TYPE)) {
-                                    event.preventDefault();
-                                    event.dataTransfer.dropEffect = "move";
-                                }
-                            }, onDrop: (event) => {
-                                if (!onAttachmentReorder)
-                                    return;
-                                const fromIndex = Number(event.dataTransfer.getData(ATTACHMENT_DRAG_TYPE));
-                                if (Number.isInteger(fromIndex) &&
-                                    fromIndex >= 0 &&
-                                    fromIndex < attachments.length &&
-                                    fromIndex !== index) {
-                                    event.preventDefault();
-                                    onAttachmentReorder(fromIndex, index);
-                                }
-                            }, actions: _jsxs(_Fragment, { children: [view.status === "error" && onAttachmentRetry && (_jsx(AttachmentRetry, { onClick: () => void onAttachmentRetry(attachment) })), onAttachmentReorder && index > 0 && (_jsx(AttachmentReorder, { direction: "left", onClick: () => onAttachmentReorder(index, index - 1) })), onAttachmentReorder && index < attachments.length - 1 && (_jsx(AttachmentReorder, { direction: "right", onClick: () => onAttachmentReorder(index, index + 1) })), onAttachmentRemove && (_jsx(AttachmentRemove, { onClick: () => onAttachmentRemove(attachment) }))] }) }, view.id));
-                    }) }) })), _jsx(ComposerBody, { children: _jsx("textarea", { ...textareaProps, ref: localTextareaRef, value: resolvedValue, rows: 1, placeholder: placeholder, onChange: (event) => changeValue(event.currentTarget.value), onKeyDown: handleKeyDown, onPaste: handlePaste }) }), _jsxs(ComposerFooter, { children: [_jsxs(ComposerTools, { children: [_jsx("button", { type: "button", className: "sb-composer__tool", "aria-label": "\u6DFB\u52A0\u56FE\u7247\u6216\u6587\u4EF6", onClick: () => inputRef.current?.click(), children: _jsx(PlusIcon, { size: 17 }) }), tools] }), _jsx(ComposerSubmit, { status: status === "submitted"
-                            ? "submitted"
-                            : status === "streaming"
-                                ? "streaming"
-                                : "idle", disabled: generating ? !onStop : !canSend, "aria-label": generating ? "停止" : "发送", onClick: () => (generating ? void onStop?.() : void submit()) })] }), dragging && _jsx(DropOverlay, {})] }));
-}
-export const Composer = forwardRef(ComposerInner);

package/dist/src/composer/drop-controller.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from "react";
-import type { ComposerDropScope } from "./types";
-export declare function useComposerDrop({ scope, rootRef, target, onFiles, }: {
-    scope: ComposerDropScope;
-    rootRef: RefObject<HTMLElement | null>;
-    target?: HTMLElement | null;
-    onFiles: (files: FileList) => void;
-}): boolean;

package/dist/src/composer/drop-controller.js

@@ -1,69 +0,0 @@
-import { useEffect, useState } from "react";
-function carriesFiles(event) {
-    return event.dataTransfer?.types?.includes("Files") === true;
-}
-export function useComposerDrop({ scope, rootRef, target, onFiles, }) {
-    const [dragging, setDragging] = useState(false);
-    useEffect(() => {
-        const element = scope === "document"
-            ? document
-            : scope === "panel"
-                ? target ??
-                    rootRef.current?.closest("[data-sb-message-panel]") ??
-                    rootRef.current
-                : rootRef.current;
-        if (!element)
-            return;
-        let depth = 0;
-        const over = (event) => {
-            const dragEvent = event;
-            if (carriesFiles(dragEvent))
-                dragEvent.preventDefault();
-        };
-        const enter = (event) => {
-            const dragEvent = event;
-            if (!carriesFiles(dragEvent))
-                return;
-            dragEvent.preventDefault();
-            depth += 1;
-            setDragging(true);
-        };
-        const leave = (event) => {
-            const dragEvent = event;
-            if (!carriesFiles(dragEvent))
-                return;
-            depth = Math.max(0, depth - 1);
-            if (depth === 0)
-                setDragging(false);
-        };
-        const drop = (event) => {
-            const dragEvent = event;
-            if (!carriesFiles(dragEvent))
-                return;
-            dragEvent.preventDefault();
-            depth = 0;
-            setDragging(false);
-            if (dragEvent.dataTransfer?.files.length)
-                onFiles(dragEvent.dataTransfer.files);
-        };
-        const cancel = () => {
-            depth = 0;
-            setDragging(false);
-        };
-        element.addEventListener("dragover", over);
-        element.addEventListener("dragenter", enter);
-        element.addEventListener("dragleave", leave);
-        element.addEventListener("drop", drop);
-        window.addEventListener("dragend", cancel);
-        window.addEventListener("blur", cancel);
-        return () => {
-            element.removeEventListener("dragover", over);
-            element.removeEventListener("dragenter", enter);
-            element.removeEventListener("dragleave", leave);
-            element.removeEventListener("drop", drop);
-            window.removeEventListener("dragend", cancel);
-            window.removeEventListener("blur", cancel);
-        };
-    }, [scope, target, rootRef, onFiles]);
-    return dragging;
-}

package/dist/src/composer/index.js

@@ -1,6 +0,0 @@
-export * from "./composer";
-export * from "./composer-attachments";
-export * from "./composer-trigger-popover";
-export * from "./chat-composer";
-export * from "./drop-controller";
-export * from "./types";

package/dist/src/composer/types.d.ts

@@ -1,62 +0,0 @@
-import type { HTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from "react";
-import type { MessagePanelStatus } from "../contracts";
-export type ComposerDropScope = "composer" | "panel" | "document";
-export type AttachmentStatus = "uploading" | "ready" | "error";
-export interface ComposerAttachmentView {
-    id: string;
-    name: string;
-    mediaType?: string;
-    size?: number;
-    url?: string;
-    status: AttachmentStatus;
-    note?: string;
-}
-export interface ComposerMessage<TAttachment> {
-    text: string;
-    attachments: readonly TAttachment[];
-}
-export interface ComposerCommand {
-    name: string;
-    description: string;
-    prompt: string;
-    icon?: "plan" | "research" | "file" | "time" | "tool" | "mcp";
-}
-export interface ComposerToolbarAction {
-    id: string;
-    label: string;
-    icon?: "sparkles" | "plus";
-    disabled?: boolean;
-    onSelect: () => void;
-}
-export interface ComposerProps<TAttachment> extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSubmit"> {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    status: MessagePanelStatus;
-    attachments?: readonly TAttachment[];
-    getAttachment?: (attachment: TAttachment, index: number) => ComposerAttachmentView;
-    dropScope?: ComposerDropScope;
-    dropTarget?: HTMLElement | null;
-    accept?: string;
-    multiple?: boolean;
-    maxFiles?: number;
-    maxFileSize?: number;
-    onFilesAdded?: (files: readonly File[]) => void | Promise<void>;
-    onAttachmentRemove?: (attachment: TAttachment) => void;
-    onAttachmentRetry?: (attachment: TAttachment) => void | Promise<void>;
-    onAttachmentReorder?: (fromIndex: number, toIndex: number) => void;
-    onValidationError?: (message: string, files: readonly File[]) => void;
-    onSubmit: (message: ComposerMessage<TAttachment>) => void | Promise<void>;
-    onStop?: () => void | Promise<void>;
-    placeholder?: string;
-    tools?: ReactNode;
-    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange" | "onSubmit">;
-    textareaRef?: RefObject<HTMLTextAreaElement | null>;
-}
-export interface ChatComposerProps<TAttachment> extends ComposerProps<TAttachment> {
-    commands?: readonly ComposerCommand[];
-    toolbarActions?: readonly ComposerToolbarAction[];
-    variant?: "docked" | "standalone";
-    commandMenuLabel?: string;
-    onCommandPick?: (command: ComposerCommand) => void;
-}

package/dist/src/composer/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/contracts.d.ts

@@ -1,94 +0,0 @@
-import type { ComponentType, HTMLAttributes, ReactNode } from "react";
-export type MessagePanelStatus = "ready" | "submitted" | "streaming" | "error";
-export type MessageRole = "user" | "assistant" | "system" | "tool";
-export interface ToolApprovalView {
-    id: string;
-    approved?: boolean;
-}
-export type ToolApprovalDecision = "deny" | "allow_once" | "allow_level";
-export interface MessageAdapter<TMessage> {
-    getId: (message: TMessage, index: number) => string;
-    getRole: (message: TMessage) => MessageRole;
-    getParts: (message: TMessage) => readonly unknown[];
-    getMetadata?: (message: TMessage) => unknown;
-    getText?: (message: TMessage) => string;
-    isPartRenderable?: (part: unknown) => boolean;
-    /** Extracts provider-specific tool approval state without leaking it into UI code. */
-    getToolApproval?: (part: unknown) => ToolApprovalView | undefined;
-    /**
-     * Marks snapshot-like parts that supersede older parts with the same key.
-     * `update_plan` uses the built-in "plan" key when this is omitted.
-     */
-    getPartPresentationKey?: (part: unknown) => string | undefined;
-}
-export interface MessagePanelActions {
-    onCopy?: (text: string) => void | Promise<void>;
-    onRetry?: (messageId: string) => void | Promise<void>;
-    onFork?: (messageId: string) => void | Promise<void>;
-    onNavigate?: (target: string) => void;
-    onPreview?: (artifact: unknown) => void;
-    onDownload?: (artifact: unknown) => void;
-    onAnswer?: (payload: unknown) => void | Promise<void>;
-    onApprove?: (approvalId: string, decision: ToolApprovalDecision) => void | Promise<void>;
-    onSuggestion?: (text: string) => void | Promise<void>;
-}
-export interface PartRendererContext {
-    messageId: string;
-    partIndex: number;
-    activityId: string;
-    isActive: boolean;
-    isLatestOfKind: boolean;
-    /** First user message after the assistant message that owns this part. */
-    replyText?: string;
-    approval?: ToolApprovalView;
-    status: MessagePanelStatus;
-    actions: MessagePanelActions;
-}
-export interface PartRendererProps<TPart = unknown> {
-    part: TPart;
-    context: PartRendererContext;
-}
-export type PartRendererComponent<TPart = unknown> = ComponentType<PartRendererProps<TPart>>;
-export interface PartRendererDefinition {
-    name: string;
-    match: (part: unknown) => boolean;
-    component: PartRendererComponent;
-}
-export interface PartRendererRegistry {
-    resolve: (part: unknown) => PartRendererComponent | undefined;
-    names: readonly string[];
-}
-export interface MessagePanelSlots {
-    assistantHeader?: ReactNode | ((messageId: string) => ReactNode);
-    empty?: ReactNode;
-    hydrating?: ReactNode;
-    recovering?: ReactNode;
-    background?: ReactNode;
-    error?: ReactNode | ((error?: unknown) => ReactNode);
-    beforeMessages?: ReactNode;
-    afterMessages?: ReactNode;
-}
-export interface MessagePanelProps<TMessage> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    messages: readonly TMessage[];
-    status: MessagePanelStatus;
-    isHydrating?: boolean;
-    isRecovering?: boolean;
-    isServerStreaming?: boolean;
-    error?: unknown;
-    adapter: MessageAdapter<TMessage>;
-    renderers?: PartRendererRegistry;
-    actions?: MessagePanelActions;
-    slots?: MessagePanelSlots;
-    emptyTitle?: string;
-    emptyDescription?: string;
-}
-export type RichPartKind = "text" | "reasoning" | "tool" | "error" | "image" | "chart" | "agent_card" | "plan" | "schedule" | "parallel" | "subagents" | "confirmation" | "file" | "dashboard" | "ask_user" | "suggestions";
-export type MessageToolState = "input-streaming" | "input-available" | "approval-requested" | "approval-responded" | "output-available" | "output-denied" | "output-error";
-export interface AIToolPart {
-    type: string;
-    state: MessageToolState;
-    input?: unknown;
-    output?: unknown;
-    errorText?: string;
-    toolName?: string;
-}

package/dist/src/contracts.js

@@ -1 +0,0 @@
-export {};

package/dist/src/conversation.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentProps, type HTMLAttributes } from "react";
-import { StickToBottom } from "use-stick-to-bottom";
-export type ConversationProps = ComponentProps<typeof StickToBottom>;
-export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react").JSX.Element;
-export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
-export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react").JSX.Element;
-export interface ConversationEmptyStateProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
-    description?: string;
-    icon?: React.ReactNode;
-}
-export declare const ConversationEmptyState: import("react").ForwardRefExoticComponent<ConversationEmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare function ConversationScrollButton({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element | null;

package/dist/src/conversation.js

@@ -1,18 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon } from "lucide-react";
-import { forwardRef, useCallback } from "react";
-import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { cn } from "./internal/cn";
-export const Conversation = ({ className, ...props }) => (_jsx(StickToBottom, { className: cn("sb-conversation", className), initial: "instant", resize: "instant", role: "log", ...props }));
-export const ConversationContent = ({ className, ...props }) => (_jsx(StickToBottom.Content, { className: cn("sb-conversation__content", className), ...props }));
-export const ConversationEmptyState = forwardRef(({ className, title = "开始对话", description, icon, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sb-conversation__empty", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [icon, _jsx("strong", { children: title }), description && _jsx("p", { children: description })] })) })));
-ConversationEmptyState.displayName = "ConversationEmptyState";
-export function ConversationScrollButton({ className, ...props }) {
-    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-    const handleClick = useCallback(() => {
-        void scrollToBottom({ animation: "smooth" });
-    }, [scrollToBottom]);
-    if (isAtBottom)
-        return null;
-    return (_jsx("button", { type: "button", className: cn("sb-conversation__scroll", className), onClick: handleClick, "aria-label": "\u56DE\u5230\u6700\u65B0\u6D88\u606F", ...props, children: _jsx(ArrowDownIcon, { size: 16 }) }));
-}

package/dist/src/index.js

@@ -1,12 +0,0 @@
-export * from "./adapters/ai-sdk";
-export * from "./camel";
-export * from "./chat-summary-panel";
-export * from "./composer";
-export * from "./contracts";
-export * from "./conversation";
-export * from "./message";
-export * from "./message-panel";
-export * from "./parts";
-export * from "./parts/primitives";
-export * from "./registry";
-export * from "./status";

package/dist/src/internal/cn.d.ts

@@ -1 +0,0 @@
-export declare function cn(...values: Array<string | false | null | undefined>): string;

package/dist/src/internal/cn.js

@@ -1,3 +0,0 @@
-export function cn(...values) {
-    return values.filter(Boolean).join(" ");
-}

package/dist/src/message-panel.d.ts

@@ -1,4 +0,0 @@
-import type { MessagePanelProps } from "./contracts";
-export declare const MessagePanel: <T>(props: MessagePanelProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;

package/dist/src/message-panel.js

@@ -1,144 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, } from "react";
-import { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, } from "./conversation";
-import { cn } from "./internal/cn";
-import { AssistantMessageActions, BrandMark, Message, MessageContent, } from "./message";
-import { DefaultPartRenderer, resolvePartKind, stripNoticePrefix, } from "./parts";
-import { PanelStatus, ThinkingIndicator, TopLoadingBar } from "./status";
-function roleOf(adapter, message) {
-    return adapter.getRole(message);
-}
-function messageText(adapter, message) {
-    if (adapter.getText)
-        return adapter.getText(message);
-    return adapter
-        .getParts(message)
-        .map((part) => {
-        if (part != null &&
-            typeof part === "object" &&
-            part.type === "text") {
-            return String(part.text ?? "");
-        }
-        return "";
-    })
-        .filter(Boolean)
-        .join("\n");
-}
-function isNotice(metadata) {
-    if (metadata == null || typeof metadata !== "object")
-        return false;
-    const kind = metadata.deliveryKind;
-    return kind === "notice" || kind === "interim";
-}
-function slotValue(slot, messageId) {
-    return typeof slot === "function" ? slot(messageId) : slot;
-}
-function presentationKey(adapter, part) {
-    const customKey = adapter.getPartPresentationKey?.(part);
-    if (customKey)
-        return customKey;
-    return resolvePartKind(part) === "plan" ? "plan" : undefined;
-}
-function MessageRow({ message, messageId, isLastAssistant, isActive, adapter, renderers, actions, slots, status, latestActivityByKind, replyText, }) {
-    const role = roleOf(adapter, message);
-    const parts = adapter.getParts(message);
-    const visibleParts = adapter.isPartRenderable
-        ? parts.filter(adapter.isPartRenderable)
-        : parts;
-    const metadata = adapter.getMetadata?.(message);
-    const text = messageText(adapter, message);
-    if (isNotice(metadata)) {
-        return (_jsx(Message, { from: "assistant", "data-message-id": messageId, children: _jsx("div", { className: "sb-notice-line", children: stripNoticePrefix(text) }) }));
-    }
-    if (role === "user") {
-        return (_jsx(Message, { from: "user", "data-message-id": messageId, "data-message-role": "user", children: _jsx(MessageContent, { children: parts.map((part, partIndex) => {
-                    const Renderer = renderers?.resolve(part) ?? DefaultPartRenderer;
-                    const activityId = `${messageId}:${partIndex}`;
-                    const key = presentationKey(adapter, part);
-                    return (_jsx(Renderer, { part: part, context: {
-                            messageId,
-                            partIndex,
-                            activityId,
-                            isActive: false,
-                            isLatestOfKind: key === undefined ||
-                                latestActivityByKind.get(key) === activityId,
-                            approval: adapter.getToolApproval?.(part),
-                            status,
-                            actions,
-                        } }, activityId));
-                }) }) }));
-    }
-    return (_jsxs(Message, { from: "assistant", "data-message-id": messageId, "data-message-role": "assistant", "data-active": isActive ? "true" : undefined, children: [slots.assistantHeader && (_jsx("div", { className: "sb-assistant-header", children: slotValue(slots.assistantHeader, messageId) })), _jsxs(MessageContent, { children: [parts.map((part, partIndex) => {
-                        const Renderer = renderers?.resolve(part) ?? DefaultPartRenderer;
-                        const activityId = `${messageId}:${partIndex}`;
-                        const key = presentationKey(adapter, part);
-                        return (_jsx(Renderer, { part: part, context: {
-                                messageId,
-                                partIndex,
-                                activityId,
-                                isActive,
-                                isLatestOfKind: key === undefined ||
-                                    latestActivityByKind.get(key) === activityId,
-                                replyText,
-                                approval: adapter.getToolApproval?.(part),
-                                status,
-                                actions,
-                            } }, activityId));
-                    }), isActive && visibleParts.length === 0 && _jsx(ThinkingIndicator, {})] }), !isActive && (_jsx(AssistantMessageActions, { text: text, messageId: messageId, canRetry: isLastAssistant && status !== "streaming", onCopy: actions.onCopy, onRetry: actions.onRetry, onFork: actions.onFork }))] }));
-}
-function MessagePanelInner({ messages, status, isHydrating = false, isRecovering = false, isServerStreaming = false, error, adapter, renderers, actions = {}, slots = {}, className, emptyTitle = "开始对话", emptyDescription = "发送消息，Agent 会在这里展示思考、工具和产出。", ...props }, ref) {
-    const ids = useMemo(() => messages.map((message, index) => adapter.getId(message, index)), [messages, adapter]);
-    const lastAssistantIndex = useMemo(() => {
-        for (let index = messages.length - 1; index >= 0; index -= 1) {
-            if (roleOf(adapter, messages[index]) === "assistant")
-                return index;
-        }
-        return -1;
-    }, [messages, adapter]);
-    const lastRole = messages.length > 0 ? roleOf(adapter, messages[messages.length - 1]) : undefined;
-    const showPending = status === "submitted" &&
-        (lastRole === "user" || messages.length === 0);
-    const latestActivityByKind = useMemo(() => {
-        const latest = new Map();
-        messages.forEach((message, messageIndex) => {
-            if (roleOf(adapter, message) !== "assistant")
-                return;
-            adapter.getParts(message).forEach((part, partIndex) => {
-                const key = presentationKey(adapter, part);
-                if (key)
-                    latest.set(key, `${ids[messageIndex]}:${partIndex}`);
-            });
-        });
-        return latest;
-    }, [adapter, ids, messages]);
-    const replyTextByMessageId = useMemo(() => {
-        const replies = new Map();
-        messages.forEach((message, messageIndex) => {
-            if (roleOf(adapter, message) !== "assistant")
-                return;
-            for (let replyIndex = messageIndex + 1; replyIndex < messages.length; replyIndex += 1) {
-                const reply = messages[replyIndex];
-                if (roleOf(adapter, reply) !== "user")
-                    continue;
-                const text = messageText(adapter, reply).trim();
-                if (text)
-                    replies.set(ids[messageIndex], text);
-                break;
-            }
-        });
-        return replies;
-    }, [adapter, ids, messages]);
-    return (_jsxs("div", { ref: ref, className: cn("sb-message-panel", className), "data-sb-message-panel": "", "data-status": status, "data-hydrating": isHydrating ? "true" : undefined, "aria-busy": status === "submitted" || status === "streaming" || isHydrating, ...props, children: [_jsx(TopLoadingBar, { status: status }), isRecovering &&
-                (slots.recovering ?? (_jsx(PanelStatus, { kind: "recovering", children: "\u6B63\u5728\u6062\u590D\u5BF9\u8BDD\u6D41\u2026" }))), !isRecovering &&
-                isServerStreaming &&
-                (slots.background ?? (_jsx(PanelStatus, { kind: "background", children: "Agent \u6B63\u5728\u540E\u53F0\u66F4\u65B0\u2026" }))), status === "error" &&
-                (typeof slots.error === "function"
-                    ? slots.error(error)
-                    : slots.error ?? (_jsx(PanelStatus, { kind: "error", children: error instanceof Error ? error.message : "这一轮出错了，请重试。" }))), _jsxs(Conversation, { children: [_jsxs(ConversationContent, { children: [slots.beforeMessages, messages.length === 0 &&
-                                !isHydrating &&
-                                (slots.empty ?? (_jsx(ConversationEmptyState, { title: emptyTitle, description: emptyDescription, icon: _jsx(BrandMark, { className: "sb-brand-mark--large" }) }))), messages.map((message, index) => (_jsx(MessageRow, { message: message, index: index, messageId: ids[index], isLastAssistant: index === lastAssistantIndex, isActive: status === "streaming" &&
-                                    index === messages.length - 1 &&
-                                    roleOf(adapter, message) === "assistant", adapter: adapter, renderers: renderers, actions: actions, slots: slots, status: status, latestActivityByKind: latestActivityByKind, replyText: replyTextByMessageId.get(ids[index]) }, ids[index]))), showPending && (_jsxs(Message, { from: "assistant", "data-message-role": "assistant", "data-pending": "true", children: [slots.assistantHeader && (_jsx("div", { className: "sb-assistant-header", children: slotValue(slots.assistantHeader, "pending") })), _jsx(ThinkingIndicator, {})] })), slots.afterMessages] }), isHydrating &&
-                        (slots.hydrating ?? (_jsx("div", { className: "sb-hydrating-overlay", children: _jsx(PanelStatus, { kind: "hydrating", children: "\u6B63\u5728\u6062\u590D\u5386\u53F2\u6D88\u606F\u2026" }) }))), _jsx(ConversationScrollButton, {})] })] }));
-}
-export const MessagePanel = forwardRef(MessagePanelInner);