@windrun-huaiin/third-ui 15.1.1 → 16.0.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 D8ger
+Copyright (c) 2026 D8ger
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/ai/ai-chat-composer.d.ts

@@ -0,0 +1,2 @@
+import type { AIChatComposerProps } from './types';
+export declare function AIChatComposer({ value, onChange, onSubmit, onStop, disabled, isStreaming, placeholder, className, leftSlot, attachments, helper, submitLabel, stopLabel, minHeight, maxHeight, submitOnEnter, shellClassName, textareaClassName, submitControl, stopControl, textareaRef: externalTextareaRef, secondaryActions, actionLayout, }: AIChatComposerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ai/ai-chat-composer.js

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var React = require('react');
+
+function resizeTextarea(textarea, minHeight, maxHeight) {
+    textarea.style.height = 'auto';
+    const nextHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
+    textarea.style.height = `${nextHeight}px`;
+    textarea.style.overflowY = textarea.scrollHeight > maxHeight ? 'auto' : 'hidden';
+}
+function AIChatComposer({ value, onChange, onSubmit, onStop, disabled = false, isStreaming = false, placeholder = 'Ask anything...', className, leftSlot, attachments, helper, submitLabel = 'Send', stopLabel = 'Stop', minHeight = 52, maxHeight = 220, submitOnEnter = true, shellClassName, textareaClassName, submitControl, stopControl, textareaRef: externalTextareaRef, secondaryActions, actionLayout = 'inline', }) {
+    const internalTextareaRef = React.useRef(null);
+    const textareaRef = externalTextareaRef !== null && externalTextareaRef !== void 0 ? externalTextareaRef : internalTextareaRef;
+    React.useEffect(() => {
+        if (!textareaRef.current) {
+            return;
+        }
+        resizeTextarea(textareaRef.current, minHeight, maxHeight);
+    }, [actionLayout, maxHeight, minHeight, value]);
+    const handleKeyDown = (event) => {
+        if (!submitOnEnter || event.nativeEvent.isComposing) {
+            return;
+        }
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            if (isStreaming && onStop) {
+                onStop();
+                return;
+            }
+            if (!disabled && value.trim()) {
+                onSubmit();
+            }
+        }
+    };
+    const primaryAction = isStreaming && onStop
+        ? (stopControl !== null && stopControl !== void 0 ? stopControl : (jsxRuntime.jsx("button", { type: "button", onClick: onStop, className: "inline-flex h-10 items-center justify-center rounded-2xl border border-border px-4 text-sm text-foreground transition hover:bg-muted", children: stopLabel })))
+        : (submitControl !== null && submitControl !== void 0 ? submitControl : (jsxRuntime.jsx("button", { type: "button", onClick: onSubmit, disabled: disabled || isStreaming || value.trim().length === 0, className: "inline-flex h-10 items-center justify-center rounded-2xl bg-foreground px-4 text-sm text-background transition disabled:cursor-not-allowed disabled:opacity-50", children: submitLabel })));
+    if (actionLayout === 'stacked') {
+        return (jsxRuntime.jsxs("div", { className: utils.cn('space-y-3', className), children: [attachments ? jsxRuntime.jsx("div", { children: attachments }) : null, jsxRuntime.jsxs("div", { className: utils.cn('rounded-3xl border border-border bg-background px-3 py-3', shellClassName), children: [jsxRuntime.jsxs("div", { className: "flex items-end gap-3", children: [jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: leftSlot }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: jsxRuntime.jsx("textarea", { ref: textareaRef, rows: 1, value: value, onChange: (event) => onChange(event.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: utils.cn('block w-full resize-none border-0 bg-transparent px-0 py-2 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60 box-border', textareaClassName), style: { minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px` } }) })] }), jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between gap-3 border-t border-border/70 pt-3", children: [jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: secondaryActions }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: primaryAction })] })] }), helper ? jsxRuntime.jsx("div", { children: helper }) : null] }));
+    }
+    return (jsxRuntime.jsxs("div", { className: utils.cn('space-y-3', className), children: [attachments ? jsxRuntime.jsx("div", { children: attachments }) : null, jsxRuntime.jsxs("div", { className: utils.cn('flex items-end gap-3 rounded-3xl border border-border bg-background px-3 py-3', shellClassName), children: [jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: leftSlot }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: jsxRuntime.jsx("textarea", { ref: textareaRef, rows: 1, value: value, onChange: (event) => onChange(event.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: utils.cn('block w-full resize-none border-0 bg-transparent px-0 py-2 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60 box-border', textareaClassName), style: { minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px` } }) }), jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [secondaryActions, primaryAction] })] }), helper ? jsxRuntime.jsx("div", { children: helper }) : null] }));
+}
+
+exports.AIChatComposer = AIChatComposer;

package/dist/ai/ai-chat-composer.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { useRef, useEffect } from 'react';
+
+function resizeTextarea(textarea, minHeight, maxHeight) {
+    textarea.style.height = 'auto';
+    const nextHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
+    textarea.style.height = `${nextHeight}px`;
+    textarea.style.overflowY = textarea.scrollHeight > maxHeight ? 'auto' : 'hidden';
+}
+function AIChatComposer({ value, onChange, onSubmit, onStop, disabled = false, isStreaming = false, placeholder = 'Ask anything...', className, leftSlot, attachments, helper, submitLabel = 'Send', stopLabel = 'Stop', minHeight = 52, maxHeight = 220, submitOnEnter = true, shellClassName, textareaClassName, submitControl, stopControl, textareaRef: externalTextareaRef, secondaryActions, actionLayout = 'inline', }) {
+    const internalTextareaRef = useRef(null);
+    const textareaRef = externalTextareaRef !== null && externalTextareaRef !== void 0 ? externalTextareaRef : internalTextareaRef;
+    useEffect(() => {
+        if (!textareaRef.current) {
+            return;
+        }
+        resizeTextarea(textareaRef.current, minHeight, maxHeight);
+    }, [actionLayout, maxHeight, minHeight, value]);
+    const handleKeyDown = (event) => {
+        if (!submitOnEnter || event.nativeEvent.isComposing) {
+            return;
+        }
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            if (isStreaming && onStop) {
+                onStop();
+                return;
+            }
+            if (!disabled && value.trim()) {
+                onSubmit();
+            }
+        }
+    };
+    const primaryAction = isStreaming && onStop
+        ? (stopControl !== null && stopControl !== void 0 ? stopControl : (jsx("button", { type: "button", onClick: onStop, className: "inline-flex h-10 items-center justify-center rounded-2xl border border-border px-4 text-sm text-foreground transition hover:bg-muted", children: stopLabel })))
+        : (submitControl !== null && submitControl !== void 0 ? submitControl : (jsx("button", { type: "button", onClick: onSubmit, disabled: disabled || isStreaming || value.trim().length === 0, className: "inline-flex h-10 items-center justify-center rounded-2xl bg-foreground px-4 text-sm text-background transition disabled:cursor-not-allowed disabled:opacity-50", children: submitLabel })));
+    if (actionLayout === 'stacked') {
+        return (jsxs("div", { className: cn('space-y-3', className), children: [attachments ? jsx("div", { children: attachments }) : null, jsxs("div", { className: cn('rounded-3xl border border-border bg-background px-3 py-3', shellClassName), children: [jsxs("div", { className: "flex items-end gap-3", children: [jsx("div", { className: "flex shrink-0 items-center", children: leftSlot }), jsx("div", { className: "min-w-0 flex-1", children: jsx("textarea", { ref: textareaRef, rows: 1, value: value, onChange: (event) => onChange(event.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: cn('block w-full resize-none border-0 bg-transparent px-0 py-2 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60 box-border', textareaClassName), style: { minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px` } }) })] }), jsxs("div", { className: "mt-3 flex items-center justify-between gap-3 border-t border-border/70 pt-3", children: [jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: secondaryActions }), jsx("div", { className: "flex shrink-0 items-center gap-2", children: primaryAction })] })] }), helper ? jsx("div", { children: helper }) : null] }));
+    }
+    return (jsxs("div", { className: cn('space-y-3', className), children: [attachments ? jsx("div", { children: attachments }) : null, jsxs("div", { className: cn('flex items-end gap-3 rounded-3xl border border-border bg-background px-3 py-3', shellClassName), children: [jsx("div", { className: "flex shrink-0 items-center", children: leftSlot }), jsx("div", { className: "min-w-0 flex-1", children: jsx("textarea", { ref: textareaRef, rows: 1, value: value, onChange: (event) => onChange(event.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: cn('block w-full resize-none border-0 bg-transparent px-0 py-2 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60 box-border', textareaClassName), style: { minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px` } }) }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [secondaryActions, primaryAction] })] }), helper ? jsx("div", { children: helper }) : null] }));
+}
+
+export { AIChatComposer };

package/dist/ai/ai-markdown.d.ts

@@ -0,0 +1,2 @@
+import type { AIMarkdownProps } from './types';
+export declare function AIMarkdown({ content, className, components }: AIMarkdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/ai/ai-markdown.js

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var hastUtilToJsxRuntime = require('hast-util-to-jsx-runtime');
+var markdownComponentMap = require('../fuma/mdx/markdown-component-map.js');
+var React = require('react');
+var remarkGfm = require('remark-gfm');
+var remarkParse = require('remark-parse');
+var remarkRehype = require('remark-rehype');
+var unified = require('unified');
+
+const processor = unified.unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype);
+const defaultComponents = markdownComponentMap.baseMarkdownComponents;
+function AIMarkdown({ content, className, components }) {
+    const tree = React.useMemo(() => {
+        return processor.runSync(processor.parse(content));
+    }, [content]);
+    const element = React.useMemo(() => {
+        return hastUtilToJsxRuntime.toJsxRuntime(tree, {
+            Fragment: jsxRuntime.Fragment,
+            jsx: jsxRuntime.jsx,
+            jsxs: jsxRuntime.jsxs,
+            components: Object.assign(Object.assign({}, defaultComponents), (components !== null && components !== void 0 ? components : {})),
+            elementAttributeNameCase: 'html',
+            stylePropertyNameCase: 'css',
+        });
+    }, [components, tree]);
+    return (jsxRuntime.jsx("div", { className: utils.cn('space-y-4 text-sm text-inherit', className), children: element }));
+}
+
+exports.AIMarkdown = AIMarkdown;

package/dist/ai/ai-markdown.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { toJsxRuntime } from 'hast-util-to-jsx-runtime';
+import { baseMarkdownComponents } from '../fuma/mdx/markdown-component-map.mjs';
+import { useMemo } from 'react';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+
+const processor = unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype);
+const defaultComponents = baseMarkdownComponents;
+function AIMarkdown({ content, className, components }) {
+    const tree = useMemo(() => {
+        return processor.runSync(processor.parse(content));
+    }, [content]);
+    const element = useMemo(() => {
+        return toJsxRuntime(tree, {
+            Fragment,
+            jsx,
+            jsxs,
+            components: Object.assign(Object.assign({}, defaultComponents), (components !== null && components !== void 0 ? components : {})),
+            elementAttributeNameCase: 'html',
+            stylePropertyNameCase: 'css',
+        });
+    }, [components, tree]);
+    return (jsx("div", { className: cn('space-y-4 text-sm text-inherit', className), children: element }));
+}
+
+export { AIMarkdown };

package/dist/ai/ai-message-actions.d.ts

@@ -0,0 +1,2 @@
+import type { AIMessageActionsProps } from './types';
+export declare function AIMessageActions({ className, children }: AIMessageActionsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ai-message-actions.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function AIMessageActions({ className, children }) {
+    if (!children) {
+        return null;
+    }
+    return (jsxRuntime.jsx("div", { className: utils.cn('flex flex-wrap items-center justify-end gap-2', className), children: children }));
+}
+
+exports.AIMessageActions = AIMessageActions;

package/dist/ai/ai-message-actions.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function AIMessageActions({ className, children }) {
+    if (!children) {
+        return null;
+    }
+    return (jsx("div", { className: cn('flex flex-wrap items-center justify-end gap-2', className), children: children }));
+}
+
+export { AIMessageActions };

package/dist/ai/ai-message-bubble.d.ts

@@ -0,0 +1,2 @@
+import type { AIMessageBubbleProps } from './types';
+export declare function AIMessageBubble({ message, className, cardClassName, contentClassName, footerClassName, maxWidthClassName, showRoleLabel, markdownComponents, showFooter, renderContent, renderMeta, renderActions, }: AIMessageBubbleProps): import("react/jsx-runtime").JSX.Element;

package/dist/ai/ai-message-bubble.js

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var React = require('react');
+var aiMessageActions = require('./ai-message-actions.js');
+var aiMessageContent = require('./ai-message-content.js');
+var aiMessageMeta = require('./ai-message-meta.js');
+
+function getRoleLabel(role) {
+    switch (role) {
+        case 'assistant':
+            return 'Assistant';
+        case 'system':
+            return 'System';
+        case 'tool':
+            return 'Tool';
+        default:
+            return 'You';
+    }
+}
+function AIMessageBubble({ message, className, cardClassName, contentClassName, footerClassName, maxWidthClassName, showRoleLabel = false, markdownComponents, showFooter = true, renderContent, renderMeta, renderActions, }) {
+    const isUser = message.role === 'user';
+    const contentWrapperRef = React.useRef(null);
+    const [isCompactSingleLine, setIsCompactSingleLine] = React.useState(false);
+    const content = renderContent
+        ? renderContent(message)
+        : jsxRuntime.jsx(aiMessageContent.AIMessageContent, { message: message, className: contentClassName, markdownComponents: markdownComponents });
+    const meta = renderMeta ? renderMeta(message) : jsxRuntime.jsx(aiMessageMeta.AIMessageMeta, { message: message });
+    const actions = renderActions ? renderActions(message) : null;
+    const hasFooter = Boolean(meta) || Boolean(actions);
+    const isTextOnlyMessage = message.parts.length > 0
+        ? message.parts.every((part) => part.type === 'text')
+        : Boolean(message.errorMessage);
+    React.useEffect(() => {
+        if (!isTextOnlyMessage || !contentWrapperRef.current) {
+            setIsCompactSingleLine(false);
+            return;
+        }
+        const element = contentWrapperRef.current;
+        const measure = () => {
+            const computedStyle = window.getComputedStyle(element);
+            const lineHeight = Number.parseFloat(computedStyle.lineHeight);
+            if (!Number.isFinite(lineHeight) || lineHeight <= 0) {
+                setIsCompactSingleLine(false);
+                return;
+            }
+            const nextIsSingleLine = element.scrollHeight <= lineHeight * 1.75;
+            setIsCompactSingleLine(nextIsSingleLine);
+        };
+        measure();
+        const observer = new ResizeObserver(() => {
+            measure();
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isTextOnlyMessage, message.errorMessage, message.id, message.parts]);
+    return (jsxRuntime.jsx("div", { className: utils.cn('flex w-full', isUser ? 'justify-end' : 'justify-start', className), children: jsxRuntime.jsxs("article", { className: utils.cn('min-h-12 min-w-30 max-w-full rounded-3xl border px-4 py-3 sm:min-h-13 sm:min-w-36', isUser ? 'w-fit' : 'w-full', maxWidthClassName !== null && maxWidthClassName !== void 0 ? maxWidthClassName : 'max-w-[92%] sm:max-w-[82%]', isUser
+                ? 'border-foreground/10 bg-foreground text-background'
+                : 'border-border bg-background text-foreground', cardClassName), children: [showRoleLabel ? (jsxRuntime.jsx("div", { className: "mb-2 flex items-center gap-3", children: jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] opacity-60", children: getRoleLabel(message.role) }) })) : null, jsxRuntime.jsx("div", { ref: contentWrapperRef, className: utils.cn('min-w-0', isTextOnlyMessage && isCompactSingleLine && 'flex justify-center'), children: content }), showFooter && hasFooter ? (jsxRuntime.jsxs("div", { className: utils.cn('mt-3 flex flex-wrap items-center justify-between gap-3 border-t border-border/70 pt-3', footerClassName), children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: meta }), actions ? jsxRuntime.jsx(aiMessageActions.AIMessageActions, { children: actions }) : null] })) : null] }) }));
+}
+
+exports.AIMessageBubble = AIMessageBubble;

package/dist/ai/ai-message-bubble.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { useRef, useState, useEffect } from 'react';
+import { AIMessageActions } from './ai-message-actions.mjs';
+import { AIMessageContent } from './ai-message-content.mjs';
+import { AIMessageMeta } from './ai-message-meta.mjs';
+
+function getRoleLabel(role) {
+    switch (role) {
+        case 'assistant':
+            return 'Assistant';
+        case 'system':
+            return 'System';
+        case 'tool':
+            return 'Tool';
+        default:
+            return 'You';
+    }
+}
+function AIMessageBubble({ message, className, cardClassName, contentClassName, footerClassName, maxWidthClassName, showRoleLabel = false, markdownComponents, showFooter = true, renderContent, renderMeta, renderActions, }) {
+    const isUser = message.role === 'user';
+    const contentWrapperRef = useRef(null);
+    const [isCompactSingleLine, setIsCompactSingleLine] = useState(false);
+    const content = renderContent
+        ? renderContent(message)
+        : jsx(AIMessageContent, { message: message, className: contentClassName, markdownComponents: markdownComponents });
+    const meta = renderMeta ? renderMeta(message) : jsx(AIMessageMeta, { message: message });
+    const actions = renderActions ? renderActions(message) : null;
+    const hasFooter = Boolean(meta) || Boolean(actions);
+    const isTextOnlyMessage = message.parts.length > 0
+        ? message.parts.every((part) => part.type === 'text')
+        : Boolean(message.errorMessage);
+    useEffect(() => {
+        if (!isTextOnlyMessage || !contentWrapperRef.current) {
+            setIsCompactSingleLine(false);
+            return;
+        }
+        const element = contentWrapperRef.current;
+        const measure = () => {
+            const computedStyle = window.getComputedStyle(element);
+            const lineHeight = Number.parseFloat(computedStyle.lineHeight);
+            if (!Number.isFinite(lineHeight) || lineHeight <= 0) {
+                setIsCompactSingleLine(false);
+                return;
+            }
+            const nextIsSingleLine = element.scrollHeight <= lineHeight * 1.75;
+            setIsCompactSingleLine(nextIsSingleLine);
+        };
+        measure();
+        const observer = new ResizeObserver(() => {
+            measure();
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isTextOnlyMessage, message.errorMessage, message.id, message.parts]);
+    return (jsx("div", { className: cn('flex w-full', isUser ? 'justify-end' : 'justify-start', className), children: jsxs("article", { className: cn('min-h-12 min-w-30 max-w-full rounded-3xl border px-4 py-3 sm:min-h-13 sm:min-w-36', isUser ? 'w-fit' : 'w-full', maxWidthClassName !== null && maxWidthClassName !== void 0 ? maxWidthClassName : 'max-w-[92%] sm:max-w-[82%]', isUser
+                ? 'border-foreground/10 bg-foreground text-background'
+                : 'border-border bg-background text-foreground', cardClassName), children: [showRoleLabel ? (jsx("div", { className: "mb-2 flex items-center gap-3", children: jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] opacity-60", children: getRoleLabel(message.role) }) })) : null, jsx("div", { ref: contentWrapperRef, className: cn('min-w-0', isTextOnlyMessage && isCompactSingleLine && 'flex justify-center'), children: content }), showFooter && hasFooter ? (jsxs("div", { className: cn('mt-3 flex flex-wrap items-center justify-between gap-3 border-t border-border/70 pt-3', footerClassName), children: [jsx("div", { className: "min-w-0 flex-1", children: meta }), actions ? jsx(AIMessageActions, { children: actions }) : null] })) : null] }) }));
+}
+
+export { AIMessageBubble };

package/dist/ai/ai-message-content.d.ts

@@ -0,0 +1,2 @@
+import type { AIMessageContentProps } from './types';
+export declare function AIMessageContent({ message, className, markdownComponents, }: AIMessageContentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ai-message-content.js

@@ -0,0 +1,63 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lib = require('@windrun-huaiin/base-ui/lib');
+var utils = require('@windrun-huaiin/lib/utils');
+var trophyCard = require('../fuma/mdx/trophy-card.js');
+var aiMarkdown = require('./ai-markdown.js');
+
+function hasRenderablePart(part) {
+    if (part.type === 'text') {
+        return part.text.trim().length > 0;
+    }
+    return true;
+}
+function getEmptyAssistantFallback(message) {
+    if (message.status === 'streaming') {
+        return null;
+    }
+    if (message.status === 'timeout') {
+        return 'No response received. The request timed out before the model returned any content.';
+    }
+    if (message.status === 'request_aborted' || message.status === 'stopped') {
+        return 'Response stopped before any content was returned.';
+    }
+    if (message.status === 'failed') {
+        return message.errorMessage || 'The model did not return any visible content.';
+    }
+    if (message.errorMessage) {
+        return message.errorMessage;
+    }
+    return 'The model returned no visible content.';
+}
+function renderPart(part, index, markdownComponents) {
+    if (part.type === 'text') {
+        return (jsxRuntime.jsx(aiMarkdown.AIMarkdown, { content: part.text, components: markdownComponents }, `text-${index}`));
+    }
+    if (part.type === 'image') {
+        return (jsxRuntime.jsxs("div", { className: "rounded-2xl border border-dashed border-border/70 px-3 py-2 text-xs text-muted-foreground", children: ["Image part reserved: ", part.alt || part.url] }, `image-${index}`));
+    }
+    if (part.type === 'trophy_card') {
+        return (jsxRuntime.jsx("div", { className: "rounded-2xl bg-muted/35 p-1 text-foreground", children: jsxRuntime.jsx(trophyCard.TrophyCard, { title: part.title, children: part.description ? (jsxRuntime.jsx("div", { className: "mt-2", children: jsxRuntime.jsx(aiMarkdown.AIMarkdown, { content: part.description, components: markdownComponents, className: "space-y-3 text-sm text-inherit" }) })) : null }) }, `trophy-card-${index}`));
+    }
+    return (jsxRuntime.jsxs("div", { className: "rounded-2xl border border-dashed border-border/70 px-3 py-2 text-xs text-muted-foreground", children: ["File part reserved: ", part.name || part.url] }, `file-${index}`));
+}
+function AIMessageContent({ message, className, markdownComponents, }) {
+    const parts = message.parts.filter(hasRenderablePart);
+    if (message.role === 'assistant' &&
+        message.status === 'streaming' &&
+        parts.length === 0) {
+        return (jsxRuntime.jsxs("div", { className: utils.cn('flex items-center gap-2 text-sm text-muted-foreground', lib.themeIconColor, className), children: [jsxRuntime.jsx("span", { children: "AI is thinking" }), jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:0ms]" }), jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:180ms]" }), jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:360ms]" })] })] }));
+    }
+    if (parts.length === 0) {
+        const fallbackText = getEmptyAssistantFallback(message);
+        if (!fallbackText) {
+            return null;
+        }
+        return (jsxRuntime.jsx(aiMarkdown.AIMarkdown, { content: fallbackText, components: markdownComponents, className: utils.cn('space-y-3 text-sm text-inherit', className) }));
+    }
+    return (jsxRuntime.jsx("div", { className: utils.cn('space-y-3', className), children: parts.map((part, index) => renderPart(part, index, markdownComponents)) }));
+}
+
+exports.AIMessageContent = AIMessageContent;

package/dist/ai/ai-message-content.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { TrophyCard } from '../fuma/mdx/trophy-card.mjs';
+import { AIMarkdown } from './ai-markdown.mjs';
+
+function hasRenderablePart(part) {
+    if (part.type === 'text') {
+        return part.text.trim().length > 0;
+    }
+    return true;
+}
+function getEmptyAssistantFallback(message) {
+    if (message.status === 'streaming') {
+        return null;
+    }
+    if (message.status === 'timeout') {
+        return 'No response received. The request timed out before the model returned any content.';
+    }
+    if (message.status === 'request_aborted' || message.status === 'stopped') {
+        return 'Response stopped before any content was returned.';
+    }
+    if (message.status === 'failed') {
+        return message.errorMessage || 'The model did not return any visible content.';
+    }
+    if (message.errorMessage) {
+        return message.errorMessage;
+    }
+    return 'The model returned no visible content.';
+}
+function renderPart(part, index, markdownComponents) {
+    if (part.type === 'text') {
+        return (jsx(AIMarkdown, { content: part.text, components: markdownComponents }, `text-${index}`));
+    }
+    if (part.type === 'image') {
+        return (jsxs("div", { className: "rounded-2xl border border-dashed border-border/70 px-3 py-2 text-xs text-muted-foreground", children: ["Image part reserved: ", part.alt || part.url] }, `image-${index}`));
+    }
+    if (part.type === 'trophy_card') {
+        return (jsx("div", { className: "rounded-2xl bg-muted/35 p-1 text-foreground", children: jsx(TrophyCard, { title: part.title, children: part.description ? (jsx("div", { className: "mt-2", children: jsx(AIMarkdown, { content: part.description, components: markdownComponents, className: "space-y-3 text-sm text-inherit" }) })) : null }) }, `trophy-card-${index}`));
+    }
+    return (jsxs("div", { className: "rounded-2xl border border-dashed border-border/70 px-3 py-2 text-xs text-muted-foreground", children: ["File part reserved: ", part.name || part.url] }, `file-${index}`));
+}
+function AIMessageContent({ message, className, markdownComponents, }) {
+    const parts = message.parts.filter(hasRenderablePart);
+    if (message.role === 'assistant' &&
+        message.status === 'streaming' &&
+        parts.length === 0) {
+        return (jsxs("div", { className: cn('flex items-center gap-2 text-sm text-muted-foreground', themeIconColor, className), children: [jsx("span", { children: "AI is thinking" }), jsxs("span", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:0ms]" }), jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:180ms]" }), jsx("span", { className: "size-1.5 rounded-full bg-current animate-pulse [animation-delay:360ms]" })] })] }));
+    }
+    if (parts.length === 0) {
+        const fallbackText = getEmptyAssistantFallback(message);
+        if (!fallbackText) {
+            return null;
+        }
+        return (jsx(AIMarkdown, { content: fallbackText, components: markdownComponents, className: cn('space-y-3 text-sm text-inherit', className) }));
+    }
+    return (jsx("div", { className: cn('space-y-3', className), children: parts.map((part, index) => renderPart(part, index, markdownComponents)) }));
+}
+
+export { AIMessageContent };

package/dist/ai/ai-message-list.d.ts

@@ -0,0 +1,2 @@
+import type { AIMessageListProps } from './types';
+export declare function AIMessageList({ messages, className, contentClassName, emptyText, emptyState, autoScroll, scrollBehavior, renderMessage, }: AIMessageListProps): import("react/jsx-runtime").JSX.Element;

package/dist/ai/ai-message-list.js

@@ -0,0 +1,24 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var React = require('react');
+var aiMessageBubble = require('./ai-message-bubble.js');
+
+function AIMessageList({ messages, className, contentClassName, emptyText = 'No messages yet.', emptyState, autoScroll = true, scrollBehavior = 'smooth', renderMessage, }) {
+    const bottomRef = React.useRef(null);
+    React.useEffect(() => {
+        var _a;
+        if (!autoScroll) {
+            return;
+        }
+        (_a = bottomRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: scrollBehavior, block: 'end' });
+    }, [autoScroll, messages, scrollBehavior]);
+    const content = messages.length === 0
+        ? (emptyState !== null && emptyState !== void 0 ? emptyState : (jsxRuntime.jsx("div", { className: "rounded-2xl border border-dashed border-border p-6 text-sm text-muted-foreground", children: emptyText })))
+        : (messages.map((message) => (jsxRuntime.jsx("div", { children: renderMessage ? renderMessage(message) : jsxRuntime.jsx(aiMessageBubble.AIMessageBubble, { message: message }) }, message.id))));
+    return (jsxRuntime.jsx("div", { className: utils.cn('min-h-0 flex-1 overflow-y-auto', className), children: jsxRuntime.jsxs("div", { className: utils.cn('mx-auto flex min-h-full w-full max-w-5xl flex-col gap-5 px-1', messages.length === 0 ? 'justify-center' : 'justify-end', contentClassName), children: [content, jsxRuntime.jsx("div", { ref: bottomRef })] }) }));
+}
+
+exports.AIMessageList = AIMessageList;

package/dist/ai/ai-message-list.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { useRef, useEffect } from 'react';
+import { AIMessageBubble } from './ai-message-bubble.mjs';
+
+function AIMessageList({ messages, className, contentClassName, emptyText = 'No messages yet.', emptyState, autoScroll = true, scrollBehavior = 'smooth', renderMessage, }) {
+    const bottomRef = useRef(null);
+    useEffect(() => {
+        var _a;
+        if (!autoScroll) {
+            return;
+        }
+        (_a = bottomRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: scrollBehavior, block: 'end' });
+    }, [autoScroll, messages, scrollBehavior]);
+    const content = messages.length === 0
+        ? (emptyState !== null && emptyState !== void 0 ? emptyState : (jsx("div", { className: "rounded-2xl border border-dashed border-border p-6 text-sm text-muted-foreground", children: emptyText })))
+        : (messages.map((message) => (jsx("div", { children: renderMessage ? renderMessage(message) : jsx(AIMessageBubble, { message: message }) }, message.id))));
+    return (jsx("div", { className: cn('min-h-0 flex-1 overflow-y-auto', className), children: jsxs("div", { className: cn('mx-auto flex min-h-full w-full max-w-5xl flex-col gap-5 px-1', messages.length === 0 ? 'justify-center' : 'justify-end', contentClassName), children: [content, jsx("div", { ref: bottomRef })] }) }));
+}
+
+export { AIMessageList };

package/dist/ai/ai-message-meta.d.ts

@@ -0,0 +1,2 @@
+import type { AIMessageMetaProps } from './types';
+export declare function AIMessageMeta({ message, className, showTime, showStatus, showRuntime, showFailureReason, }: AIMessageMetaProps): import("react/jsx-runtime").JSX.Element;

package/dist/ai/ai-message-meta.js

@@ -0,0 +1,38 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var aiStatusIndicator = require('./ai-status-indicator.js');
+
+function getRuntimeMetadata(message) {
+    var _a;
+    const metadata = (_a = message.metadata) === null || _a === void 0 ? void 0 : _a.aiRuntime;
+    if (!metadata || typeof metadata !== 'object') {
+        return {};
+    }
+    return metadata;
+}
+function formatDuration(durationMs) {
+    if (durationMs === undefined || Number.isNaN(durationMs)) {
+        return null;
+    }
+    if (durationMs < 1000) {
+        return `${durationMs}ms`;
+    }
+    return `${(durationMs / 1000).toFixed(2)}s`;
+}
+function formatTime(createdAt) {
+    return new Intl.DateTimeFormat(undefined, {
+        hour: '2-digit',
+        minute: '2-digit',
+    }).format(createdAt);
+}
+function AIMessageMeta({ message, className, showTime = true, showStatus = true, showRuntime = true, showFailureReason = true, }) {
+    const runtime = getRuntimeMetadata(message);
+    const firstToken = formatDuration(runtime.firstTokenMs);
+    const total = formatDuration(runtime.totalMs);
+    return (jsxRuntime.jsxs("div", { className: utils.cn('flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground', className), children: [showTime ? jsxRuntime.jsx("span", { children: formatTime(message.createdAt) }) : null, showStatus ? jsxRuntime.jsx(aiStatusIndicator.AIStatusIndicator, { message: message }) : null, showRuntime && firstToken ? jsxRuntime.jsxs("span", { children: ["First Token ", firstToken] }) : null, showRuntime && total ? jsxRuntime.jsxs("span", { children: ["Total ", total] }) : null, showFailureReason && message.failureReason ? jsxRuntime.jsxs("span", { children: ["Reason ", message.failureReason] }) : null] }));
+}
+
+exports.AIMessageMeta = AIMessageMeta;

package/dist/ai/ai-message-meta.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { AIStatusIndicator } from './ai-status-indicator.mjs';
+
+function getRuntimeMetadata(message) {
+    var _a;
+    const metadata = (_a = message.metadata) === null || _a === void 0 ? void 0 : _a.aiRuntime;
+    if (!metadata || typeof metadata !== 'object') {
+        return {};
+    }
+    return metadata;
+}
+function formatDuration(durationMs) {
+    if (durationMs === undefined || Number.isNaN(durationMs)) {
+        return null;
+    }
+    if (durationMs < 1000) {
+        return `${durationMs}ms`;
+    }
+    return `${(durationMs / 1000).toFixed(2)}s`;
+}
+function formatTime(createdAt) {
+    return new Intl.DateTimeFormat(undefined, {
+        hour: '2-digit',
+        minute: '2-digit',
+    }).format(createdAt);
+}
+function AIMessageMeta({ message, className, showTime = true, showStatus = true, showRuntime = true, showFailureReason = true, }) {
+    const runtime = getRuntimeMetadata(message);
+    const firstToken = formatDuration(runtime.firstTokenMs);
+    const total = formatDuration(runtime.totalMs);
+    return (jsxs("div", { className: cn('flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground', className), children: [showTime ? jsx("span", { children: formatTime(message.createdAt) }) : null, showStatus ? jsx(AIStatusIndicator, { message: message }) : null, showRuntime && firstToken ? jsxs("span", { children: ["First Token ", firstToken] }) : null, showRuntime && total ? jsxs("span", { children: ["Total ", total] }) : null, showFailureReason && message.failureReason ? jsxs("span", { children: ["Reason ", message.failureReason] }) : null] }));
+}
+
+export { AIMessageMeta };

package/dist/ai/ai-status-indicator.d.ts

@@ -0,0 +1,2 @@
+import type { AIStatusIndicatorProps } from './types';
+export declare function AIStatusIndicator({ message, className }: AIStatusIndicatorProps): import("react/jsx-runtime").JSX.Element | null;