@moldable-ai/ui 0.1.1

package/LICENSE

@@ -0,0 +1,101 @@
+Copyright (c) 2026-present Desiderata LLC
+
+Portions of this software are licensed as follows:
+
+- All third party components incorporated into the Moldable Software are licensed
+  under the original license provided by the owner of the applicable component.
+- All other content is available under the "Elastic License 2.0" license as defined below.
+
+Elastic License 2.0
+
+URL: https://www.elastic.co/licensing/elastic-license
+
+## Acceptance
+
+By using the software, you agree to all of the terms and conditions below.
+
+## Copyright License
+
+The licensor grants you a non-exclusive, royalty-free, worldwide,
+non-sublicensable, non-transferable license to use, copy, distribute, make
+available, and prepare derivative works of the software, in each case subject to
+the limitations and conditions below.
+
+## Limitations
+
+You may not provide the software to third parties as a hosted or managed
+service, where the service provides users with access to any substantial set of
+the features or functionality of the software.
+
+You may not move, change, disable, or circumvent the license key functionality
+in the software, and you may not remove or obscure any functionality in the
+software that is protected by the license key.
+
+You may not alter, remove, or obscure any licensing, copyright, or other notices
+of the licensor in the software. Any use of the licensor's trademarks is subject
+to applicable law.
+
+## Patents
+
+The licensor grants you a license, under any patent claims the licensor can
+license, or becomes able to license, to make, have made, use, sell, offer for
+sale, import and have imported the software, in each case subject to the
+limitations and conditions in this license. This license does not cover any
+patent claims that you cause to be infringed by modifications or additions to
+the software. If you or your company make any written claim that the software
+infringes or contributes to infringement of any patent, your patent license for
+the software granted under these terms ends immediately. If your company makes
+such a claim, your patent license ends immediately for work on behalf of your
+company.
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you
+also gets a copy of these terms.
+
+If you modify the software, you must include in any modified copies of the
+software prominent notices stating that you have modified the software.
+
+## No Other Rights
+
+These terms do not imply any licenses other than those expressly granted in
+these terms.
+
+## Termination
+
+If you use the software in violation of these terms, such use is not licensed,
+and your licenses will automatically terminate. If the licensor provides you
+with a notice of your violation, and you cease all violation of this license no
+later than 30 days after you receive that notice, your licenses will be
+reinstated retroactively. However, if you violate these terms after such
+reinstatement, any additional violation of these terms will cause your licenses
+to terminate automatically and permanently.
+
+## No Liability
+
+_As far as the law allows, the software comes as is, without any warranty or
+condition, and the licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the software, under any kind of
+legal claim._
+
+## Definitions
+
+The **licensor** is the entity offering these terms, and the **software** is the
+software the licensor makes available under these terms, including any portion
+of it.
+
+**you** refers to the individual or entity agreeing to these terms.
+
+**your company** is any legal entity, sole proprietorship, or other kind of
+organization that you work for, plus all organizations that have control over,
+are under the control of, or are under common control with that
+organization. **control** means ownership of substantially all the assets of an
+entity, or the power to direct its management and policies by vote, contract, or
+otherwise. Control can be direct or indirect.
+
+**your licenses** are all the licenses granted to you for the software under
+these terms.
+
+**use** means anything you do with the software requiring one of your licenses.
+
+**trademark** means trademarks, service marks, and similar rights.

package/dist/components/chat/chat-input.d.ts

@@ -0,0 +1,14 @@
+import type { ChangeEvent, FormEvent, RefObject } from 'react';
+type ChatInputProps = {
+    input: string;
+    onInputChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    isResponding: boolean;
+    placeholder?: string;
+    inputRef?: RefObject<HTMLTextAreaElement | null>;
+    onStop?: () => void;
+    compact?: boolean;
+};
+export declare function ChatInput({ input, onInputChange, onSubmit, isResponding, placeholder, inputRef, onStop, compact, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/components/chat/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7E,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACjD,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,WAA+B,EAC/B,QAAQ,EACR,MAAM,EACN,OAAe,GAChB,EAAE,cAAc,2CAoFhB"}

package/dist/components/chat/chat-input.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowUp, Square } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { Button } from '../ui/button';
+import { Textarea } from '../ui/textarea';
+export function ChatInput({ input, onInputChange, onSubmit, isResponding, placeholder = 'Ask anything...', inputRef, onStop, compact = false, }) {
+    const hasInput = input.trim().length > 0;
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            if (e.shiftKey) {
+                // Allow Shift+Enter for newlines
+                return;
+            }
+            // Submit on plain Enter (if there's input)
+            e.preventDefault();
+            if (hasInput) {
+                // If we have input, submit (which will stop any ongoing stream)
+                onSubmit(e);
+            }
+            else if (isResponding && onStop) {
+                // If no input but streaming, just stop
+                onStop();
+            }
+        }
+    };
+    const handleButtonClick = () => {
+        if (isResponding && !hasInput) {
+            // Stop button behavior: no input, just stop streaming
+            onStop?.();
+        }
+        // If there's input, the button acts as submit (handled by form)
+    };
+    // Show stop button only when streaming AND no input
+    const showStopButton = isResponding && !hasInput;
+    return (_jsx("div", { className: cn('isolate w-full p-2'), "data-chat-input-wrapper": true, children: _jsx("div", { className: "mx-auto max-w-5xl", children: _jsx("form", { onSubmit: onSubmit, children: _jsxs("div", { className: cn('bg-background relative flex w-full flex-col rounded-3xl border', compact && 'h-14'), children: [_jsx("div", { className: cn('w-full px-5', compact ? 'py-4' : 'py-4 pr-14'), children: _jsx(Textarea, { ref: inputRef, value: input, placeholder: placeholder, onChange: onInputChange, onKeyDown: handleKeyDown, className: cn('max-h-32 min-h-[24px] resize-none rounded-none border-0 bg-transparent p-0 text-sm shadow-none focus:outline-none focus-visible:ring-0 focus-visible:ring-offset-0', compact && 'max-h-6 min-h-6') }) }), !compact && (_jsx("div", { className: "absolute bottom-3 right-3", children: _jsxs(Button, { type: showStopButton ? 'button' : 'submit', size: "icon", className: "bg-primary text-primary-foreground size-8 cursor-pointer rounded-full hover:opacity-70 disabled:opacity-30", disabled: !hasInput && !isResponding, onClick: handleButtonClick, children: [showStopButton ? (_jsx(Square, { className: "fill-primary-foreground size-4 animate-pulse" })) : (_jsx(ArrowUp, { className: "size-4" })), _jsx("span", { className: "sr-only", children: showStopButton ? 'Stop generating' : 'Send message' })] }) }))] }) }) }) }));
+}

package/dist/components/chat/chat-message.d.ts

@@ -0,0 +1,30 @@
+export type ChatMessagePart = {
+    type: 'text';
+    text: string;
+} | {
+    type: 'reasoning';
+    text: string;
+} | {
+    type: 'tool-invocation';
+    toolCallId?: string;
+    toolName: string;
+    state: string;
+    args?: unknown;
+    output?: unknown;
+};
+export type ChatMessage = {
+    id: string;
+    role: 'user' | 'assistant' | 'system';
+    content?: string;
+    parts?: ChatMessagePart[];
+};
+type MessageProps = {
+    message: ChatMessage;
+    isLast?: boolean;
+    isStreaming?: boolean;
+};
+declare function PureMessage({ message, isLast, isStreaming, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const Message: import("react").MemoExoticComponent<typeof PureMessage>;
+export declare function ThinkingMessage(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat-message.d.ts.map

package/dist/components/chat/chat-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACnC;IACE,IAAI,EAAE,iBAAiB,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEL,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAcD,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,MAAc,EACd,WAAmB,GACpB,EAAE,YAAY,2CA2Xd;AAED,eAAO,MAAM,OAAO,yDAAoB,CAAA;AAExC,wBAAgB,eAAe,4CAiB9B"}

package/dist/components/chat/chat-message.js

@@ -0,0 +1,250 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Brain, ChevronDown, Loader2 } from 'lucide-react';
+import { memo, useEffect, useMemo, useState } from 'react';
+import { cn } from '../../lib/utils';
+import { Markdown } from '../markdown';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../ui/collapsible';
+import { ThinkingTimeline, ThinkingTimelineMarker, } from './thinking-timeline';
+import { getToolHandler } from './tool-handlers';
+import { AnimatePresence, motion } from 'framer-motion';
+const DEFAULT_ACTIONS_LABEL = 'Thinking';
+function PureMessage({ message, isLast = false, isStreaming = false, }) {
+    // Track open state for each thinking group independently
+    const [thinkingGroupStates, setThinkingGroupStates] = useState(new Map());
+    // Process parts chronologically, grouping only reasoning into thinking groups
+    // Inline tools (file ops, commands) are rendered directly
+    const { contentItems, hasFinalAssistantText } = useMemo(() => {
+        const items = [];
+        const state = {
+            currentThinkingGroup: null,
+            thinkingGroupIndex: 0,
+            hasText: false,
+        };
+        // Helper to close current thinking group
+        const closeThinkingGroup = () => {
+            if (state.currentThinkingGroup) {
+                items.push({
+                    type: 'thinking',
+                    id: state.currentThinkingGroup.id,
+                    thinkingGroup: state.currentThinkingGroup,
+                });
+                state.currentThinkingGroup = null;
+            }
+        };
+        // Helper to ensure thinking group exists
+        const ensureThinkingGroup = () => {
+            if (!state.currentThinkingGroup) {
+                state.thinkingGroupIndex++;
+                state.currentThinkingGroup = {
+                    id: `thinking-${message.id}-${state.thinkingGroupIndex}`,
+                    timeline: [],
+                    title: DEFAULT_ACTIONS_LABEL,
+                    isStreaming: false,
+                };
+            }
+            return state.currentThinkingGroup;
+        };
+        // If no parts, use content as text
+        const parts = message.parts ?? [];
+        if (parts.length === 0 && message.content) {
+            return {
+                contentItems: [
+                    {
+                        type: 'text',
+                        id: `message-${message.id}-content`,
+                        textPart: { type: 'text', text: message.content },
+                    },
+                ],
+                hasFinalAssistantText: true,
+            };
+        }
+        for (let index = 0; index < parts.length; index++) {
+            const part = parts[index];
+            const key = `message-${message.id}-part-${index}`;
+            // Handle tool calls
+            if (part.type === 'tool-invocation') {
+                const toolHandler = getToolHandler(part.toolName);
+                // Check if this tool should be rendered inline
+                if (toolHandler.inline) {
+                    // Close any open thinking group first
+                    closeThinkingGroup();
+                    // Render inline tool
+                    const isToolLoading = part.state === 'partial-call' ||
+                        part.state === 'call' ||
+                        part.state === 'pending';
+                    const toolContent = isToolLoading
+                        ? toolHandler.renderLoading?.(part.args) || (_jsx("div", { className: "text-muted-foreground text-xs", children: toolHandler.loadingLabel }))
+                        : toolHandler.renderOutput(part.output, part.toolCallId || key);
+                    items.push({
+                        type: 'inline-tool',
+                        id: key,
+                        content: toolContent,
+                    });
+                    continue;
+                }
+                // Non-inline tools go into thinking group
+                const group = ensureThinkingGroup();
+                // Show loading state for tools
+                if (part.state === 'partial-call' ||
+                    part.state === 'call' ||
+                    part.state === 'pending') {
+                    const toolLabel = toolHandler.loadingLabel;
+                    group.title = toolLabel;
+                    group.isStreaming = true;
+                    group.timeline.push({
+                        marker: ThinkingTimelineMarker.Loading,
+                        content: (_jsx("div", { className: "px-2 py-1", children: _jsx("span", { className: "text-muted-foreground font-mono text-xs", children: toolLabel }) }, `${part.toolCallId || key}-loading`)),
+                    });
+                    continue;
+                }
+                // Show tool output
+                if (part.state === 'result' || part.state === 'output-available') {
+                    group.timeline.push({
+                        marker: toolHandler.marker ?? ThinkingTimelineMarker.Default,
+                        content: toolHandler.renderOutput(part.output, part.toolCallId || key),
+                    });
+                    continue;
+                }
+                continue;
+            }
+            if (part.type === 'reasoning') {
+                const full = part.text ?? '';
+                const trimmedFull = full.trim();
+                if (trimmedFull.length === 0) {
+                    continue;
+                }
+                const group = ensureThinkingGroup();
+                // Extract title from markdown **title** or use first line
+                const markdownTitleMatch = full.match(/\*\*([^*]+)\*\*/);
+                const candidateTitle = markdownTitleMatch?.[1];
+                const trimmed = trimmedFull;
+                const firstLine = trimmed.split(/\n+/)[0];
+                const extractedTitle = candidateTitle || firstLine?.slice(0, 50) || DEFAULT_ACTIONS_LABEL;
+                group.title = extractedTitle;
+                const body = candidateTitle
+                    ? trimmed.replace(/\*\*[^*]+\*\*\s*/, '')
+                    : trimmed;
+                group.timeline.push({
+                    marker: ThinkingTimelineMarker.Default,
+                    content: (_jsx("div", { className: "whitespace-pre-wrap px-2 py-1", children: body }, key)),
+                });
+                continue;
+            }
+            if (part.type === 'text') {
+                // Close current thinking group before text
+                closeThinkingGroup();
+                state.hasText = true;
+                items.push({
+                    type: 'text',
+                    id: key,
+                    textPart: part,
+                });
+            }
+        }
+        // Close any remaining thinking group
+        closeThinkingGroup();
+        return {
+            contentItems: items,
+            hasFinalAssistantText: state.hasText,
+        };
+    }, [message.id, message.parts, message.content]);
+    // Determine if last thinking group is streaming
+    const lastThinkingGroup = contentItems
+        .filter((item) => item.type === 'thinking')
+        .map((item) => (item.type === 'thinking' ? item.thinkingGroup : null))
+        .filter((g) => g !== null)
+        .pop();
+    // Check if we're still streaming overall and waiting for text
+    const isStreamingOverall = isStreaming && isLast && !hasFinalAssistantText;
+    // For the last thinking group, also keep it open if we just finished streaming
+    // but text hasn't appeared yet (grace period for AI to start responding)
+    const shouldKeepLastGroupOpen = isLast && !hasFinalAssistantText && message.role === 'assistant';
+    // Auto-open/close reasoning groups based on streaming state
+    useEffect(() => {
+        setThinkingGroupStates((prevStates) => {
+            let hasChanges = false;
+            const nextStates = new Map(prevStates);
+            contentItems.forEach((item) => {
+                if (item.type === 'thinking' && item.thinkingGroup) {
+                    const groupId = item.thinkingGroup.id;
+                    const group = item.thinkingGroup;
+                    const isLastGroup = lastThinkingGroup?.id === groupId;
+                    const currentState = nextStates.get(groupId);
+                    const shouldBeOpen = group.isStreaming ||
+                        (isLastGroup && isStreamingOverall) ||
+                        (isLastGroup && shouldKeepLastGroupOpen);
+                    if (currentState) {
+                        if (!currentState.userOpened) {
+                            if (shouldBeOpen && currentState.isOpen !== true) {
+                                nextStates.set(groupId, { ...currentState, isOpen: true });
+                                hasChanges = true;
+                            }
+                            else if (!shouldBeOpen && currentState.isOpen !== false) {
+                                nextStates.set(groupId, { ...currentState, isOpen: false });
+                                hasChanges = true;
+                            }
+                        }
+                    }
+                    else {
+                        nextStates.set(groupId, {
+                            isOpen: shouldBeOpen,
+                            userOpened: false,
+                        });
+                        hasChanges = true;
+                    }
+                }
+            });
+            return hasChanges ? nextStates : prevStates;
+        });
+    }, [
+        contentItems,
+        isStreamingOverall,
+        lastThinkingGroup,
+        shouldKeepLastGroupOpen,
+    ]);
+    return (_jsx(AnimatePresence, { children: _jsx(motion.div, { "data-testid": `message-${message.role}`, className: "group/message w-full min-w-0 px-2", initial: { y: 5, opacity: 0 }, animate: { y: 0, opacity: 1 }, "data-role": message.role, children: _jsx("div", { className: cn('flex w-full min-w-0 items-start gap-4', message.role === 'user' && 'justify-end'), children: _jsx("div", { className: cn('mt-1 flex min-w-0 flex-col gap-2', message.role === 'user' ? 'max-w-[85%] items-end' : 'w-full'), children: contentItems.map((item) => {
+                        if (item.type === 'thinking' &&
+                            item.thinkingGroup &&
+                            message.role === 'assistant') {
+                            const group = item.thinkingGroup;
+                            const groupState = thinkingGroupStates.get(group.id);
+                            const isLastGroup = lastThinkingGroup?.id === group.id;
+                            const isGroupStreaming = group.isStreaming || (isLastGroup && isStreamingOverall);
+                            const shouldBeOpenByDefault = isGroupStreaming;
+                            const isOpen = groupState?.isOpen ?? shouldBeOpenByDefault;
+                            const titleForTrigger = hasFinalAssistantText && isLastGroup && !isGroupStreaming
+                                ? DEFAULT_ACTIONS_LABEL
+                                : group.title || DEFAULT_ACTIONS_LABEL;
+                            return (_jsxs(Collapsible, { open: isOpen, onOpenChange: (open) => {
+                                    setThinkingGroupStates((prev) => {
+                                        const next = new Map(prev);
+                                        const current = next.get(group.id) ?? {
+                                            isOpen: false,
+                                            userOpened: false,
+                                        };
+                                        next.set(group.id, {
+                                            ...current,
+                                            isOpen: open,
+                                            userOpened: open ? true : current.userOpened,
+                                        });
+                                        return next;
+                                    });
+                                }, className: "mb-2 w-full", "data-ai-reasoning": true, children: [_jsxs(CollapsibleTrigger, { className: cn('group flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-[11px] font-semibold uppercase tracking-wide transition-colors', 'text-muted-foreground hover:bg-accent hover:text-foreground min-w-0'), children: [_jsx(Brain, { className: cn('size-3.5 shrink-0 opacity-80', isGroupStreaming && 'animate-pulse') }), _jsx("span", { className: "flex-1 truncate", children: titleForTrigger }), _jsx(ChevronDown, { className: cn('size-3.5 shrink-0 transition-transform', 'group-data-[state=open]:rotate-180') })] }), _jsx(CollapsibleContent, { className: "text-muted-foreground min-w-0 overflow-hidden rounded-md px-[5px] py-2 font-mono text-xs leading-relaxed", children: _jsx(ThinkingTimeline, { items: group.timeline }) })] }, item.id));
+                        }
+                        if (item.type === 'inline-tool') {
+                            return (_jsx("div", { className: "w-full min-w-0", children: item.content }, item.id));
+                        }
+                        if (item.type === 'text' && item.textPart) {
+                            return (_jsx("div", { className: cn('flex flex-col gap-4', {
+                                    'bg-secondary text-secondary-foreground w-fit rounded-2xl px-4 py-2.5': message.role === 'user',
+                                }), children: _jsx(Markdown, { markdown: item.textPart.text, proseSize: "sm", className: cn('[&_.prose]:leading-relaxed [&_.prose]:text-current', '[&_.prose_pre]:bg-background/80 [&_.prose_code]:text-current', '[&_.prose_p:last-child]:mb-0 [&_.prose_p]:mb-2', message.role === 'user' &&
+                                        '[&_.prose_pre]:bg-secondary-foreground/20') }) }, item.id));
+                        }
+                        return null;
+                    }) }) }) }) }));
+}
+export const Message = memo(PureMessage);
+export function ThinkingMessage() {
+    return (_jsx(motion.div, { "data-testid": "message-assistant-loading", className: "group/message w-full px-2", initial: { y: 5, opacity: 0 }, animate: { y: 0, opacity: 1, transition: { delay: 0.5 } }, "data-role": "assistant", children: _jsxs("div", { className: "text-muted-foreground flex flex-row items-center gap-2 px-2", children: [_jsx(Loader2, { className: "size-4 shrink-0 animate-spin" }), _jsx("span", { className: "font-mono text-xs font-medium uppercase", children: "Thinking..." })] }) }));
+}

package/dist/components/chat/chat-messages.d.ts

@@ -0,0 +1,10 @@
+import { type ChatMessage } from './chat-message';
+type ChatStatus = 'ready' | 'submitted' | 'streaming' | 'error';
+interface MessagesProps {
+    messages: ChatMessage[];
+    status: ChatStatus;
+}
+declare function PureMessages({ messages, status }: MessagesProps): import("react/jsx-runtime").JSX.Element;
+export declare const Messages: import("react").MemoExoticComponent<typeof PureMessages>;
+export {};
+//# sourceMappingURL=chat-messages.d.ts.map

package/dist/components/chat/chat-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAA4B,MAAM,gBAAgB,CAAA;AAE3E,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAA;AAE/D,UAAU,aAAa;IACrB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,MAAM,EAAE,UAAU,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,2CA2CxD;AAED,eAAO,MAAM,QAAQ,0DAAqB,CAAA"}

package/dist/components/chat/chat-messages.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Message, ThinkingMessage } from './chat-message';
+function PureMessages({ messages, status }) {
+    const lastMessage = messages[messages.length - 1];
+    const isThinking = (() => {
+        if (!lastMessage)
+            return false;
+        if (status !== 'submitted' && status !== 'streaming') {
+            return false;
+        }
+        if (lastMessage.role === 'user') {
+            return true;
+        }
+        if (lastMessage.role === 'assistant') {
+            const hasVisibleText = (lastMessage.parts ?? []).some((part) => {
+                return part.type === 'text' && part.text.trim().length > 0;
+            });
+            // Also check content fallback
+            if (!hasVisibleText && lastMessage.content?.trim()) {
+                return false;
+            }
+            return !hasVisibleText;
+        }
+        return false;
+    })();
+    const isStreaming = status === 'streaming' || status === 'submitted';
+    return (_jsxs(_Fragment, { children: [messages.map((message, index) => (_jsx(Message, { message: message, isLast: index === messages.length - 1, isStreaming: isStreaming }, message.id))), isThinking && _jsx(ThinkingMessage, {})] }));
+}
+export const Messages = memo(PureMessages);

package/dist/components/chat/chat-panel.d.ts

@@ -0,0 +1,60 @@
+import { type ChangeEvent, type FormEvent, type ReactNode } from 'react';
+import type { ChatMessage } from './chat-message';
+import { type ConversationMeta } from './conversation-history';
+import { type ModelOption } from './model-selector';
+import { type ReasoningEffortOption } from './reasoning-effort-selector';
+type ChatStatus = 'ready' | 'submitted' | 'streaming' | 'error';
+export interface ChatPanelProps {
+    /** Chat messages */
+    messages: ChatMessage[];
+    /** Current chat status */
+    status: ChatStatus;
+    /** Input value */
+    input: string;
+    /** Handle input change */
+    onInputChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    /** Handle form submit */
+    onSubmit: (e?: FormEvent<HTMLFormElement>) => void;
+    /** Handle stop generation */
+    onStop?: () => void;
+    /** Handle new chat */
+    onNewChat?: () => void;
+    /** Available models */
+    models: ModelOption[];
+    /** Selected model ID */
+    selectedModel: string;
+    /** Handle model change */
+    onModelChange: (modelId: string) => void;
+    /** Available reasoning effort options (varies by model vendor) */
+    reasoningEffortOptions?: ReasoningEffortOption[];
+    /** Selected reasoning effort */
+    selectedReasoningEffort?: string;
+    /** Handle reasoning effort change */
+    onReasoningEffortChange?: (effort: string) => void;
+    /** Conversation history */
+    conversations?: ConversationMeta[];
+    /** Current conversation ID */
+    currentConversationId?: string | null;
+    /** Handle conversation selection */
+    onSelectConversation?: (id: string) => void;
+    /** Handle conversation deletion */
+    onDeleteConversation?: (id: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Welcome message when no messages exist */
+    welcomeMessage?: ReactNode;
+    /** Whether the panel is expanded */
+    isExpanded: boolean;
+    /** Toggle expanded state */
+    onExpandedChange: (expanded: boolean) => void;
+    /** Custom class name */
+    className?: string;
+    /** Error from chat request */
+    error?: Error | null;
+}
+/**
+ * Floating chat panel with model selector
+ */
+export declare function ChatPanel({ messages, status, input, onInputChange, onSubmit, onStop, onNewChat, models, selectedModel, onModelChange, reasoningEffortOptions, selectedReasoningEffort, onReasoningEffortChange, conversations, currentConversationId, onSelectConversation, onDeleteConversation, placeholder, welcomeMessage, isExpanded, onExpandedChange, className, error, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat-panel.d.ts.map

package/dist/components/chat/chat-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-panel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAWd,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAA;AAClE,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,6BAA6B,CAAA;AAGpC,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAA;AAE/D,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,0BAA0B;IAC1B,MAAM,EAAE,UAAU,CAAA;IAClB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D,yBAAyB;IACzB,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAClD,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,uBAAuB;IACvB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,wBAAwB;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,0BAA0B;IAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,kEAAkE;IAClE,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAChD,gCAAgC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,qCAAqC;IACrC,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,2BAA2B;IAC3B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAClC,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,WAA+B,EAC/B,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CAmRhB"}