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

package/dist/src/camel/camel-chat-messages.js

@@ -1,421 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon, BellIcon, CheckIcon, ChevronRightIcon, CopyIcon, GitForkIcon, Loader2Icon, TriangleAlertIcon, } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { MessageResponse, } from "../message";
-import { ParallelPart, SubAgentsPart, resolvePartKind, toolNameOfPart, } from "../parts";
-import { deriveThinkingActivity, ThinkingIndicator } from "../status";
-import { cn } from "../internal/cn";
-import { CamelToolDetails, getCamelToolPresentation, } from "./camel-tool-presentation";
-import { camelCompletedAt, camelCreatedAt, camelMessageText, camelMetadata, formatCamelMessageTime, projectCamelMessages, } from "./camel-turn";
-import { TurnSummaryBar } from "./turn-summary-bar";
-const pendingSteerActivity = {
-    state: "working",
-    label: "Waiting for the current step to finish…",
-};
-function Button({ className, size = "sm", variant = "default", type = "button", ...props }) {
-    return (_jsx("button", { type: type, className: cn("inline-flex shrink-0 items-center justify-center gap-1 rounded-md text-xs font-medium transition-all outline-none disabled:pointer-events-none disabled:opacity-50", variant === "default" &&
-            "bg-primary text-primary-foreground hover:bg-primary/80", variant === "outline" &&
-            "border border-border bg-background hover:bg-muted", variant === "ghost" && "hover:bg-muted hover:text-foreground", size === "sm" && "h-7 px-2", size === "icon" && "size-9 rounded-full", size === "icon-sm" && "size-8 p-0", className), ...props }));
-}
-export function CamelChatError({ error, onRetry, }) {
-    return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/25 bg-destructive/5 px-3 py-2 text-sm text-destructive", "data-camel-chat-error": "", role: "alert", children: [_jsx(TriangleAlertIcon, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 break-words", children: error instanceof Error
-                    ? error.message
-                    : typeof error === "string"
-                        ? error
-                        : "Something went wrong" }), onRetry && (_jsx(Button, { type: "button", size: "sm", variant: "outline", className: "shrink-0", onClick: onRetry, children: "Retry" }))] }));
-}
-export function CamelApprovalPrompts({ approvals, error, onApprove, }) {
-    if (approvals.length === 0)
-        return null;
-    return (_jsxs("div", { className: "flex flex-col gap-2", "data-camel-approval-prompts": "", children: [approvals.map((approval) => (_jsxs("section", { "aria-label": "\u7B49\u5F85\u5BA1\u6279", className: "rounded-xl border border-border bg-background p-3 shadow-sm", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("p", { className: "text-xs font-medium text-muted-foreground", children: ["\u9700\u8981\u5BA1\u6279 \u00B7 ", approval.action] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Agent: ", approval.executionLevelLabel, " \u00B7 Tool:", " ", approval.requiredExecutionLevelLabel] })] }), _jsx("p", { className: "mt-1 text-sm text-foreground", children: approval.summary }), _jsxs("div", { className: "mt-2 flex flex-wrap justify-end gap-2", children: [_jsx(Button, { variant: "outline", disabled: approval.disabled, onClick: () => onApprove(approval.id, "deny"), children: "\u62D2\u7EDD" }), _jsx(Button, { variant: "outline", disabled: approval.disabled, onClick: () => onApprove(approval.id, "allow_once"), children: "\u4EC5\u672C\u6B21\u5141\u8BB8" }), _jsx(Button, { disabled: approval.disabled, onClick: () => onApprove(approval.id, "allow_level"), children: "\u5141\u8BB8\u8BE5\u6863\u4F4D" })] })] }, approval.id))), error && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: error }))] }));
-}
-function Collapsible({ open, onOpenChange, disabled = false, trigger, children, }) {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { onClick: () => {
-                    if (!disabled)
-                        onOpenChange(!open);
-                }, children: trigger }), _jsx("div", { "data-camel-collapsible-content": "", "data-state": open ? "open" : "closed", "aria-hidden": !open, inert: !open ? true : undefined, children: open && (_jsx("div", { "data-camel-collapsible-inner": "", children: children })) })] }));
-}
-function recordOf(value) {
-    return value != null && typeof value === "object"
-        ? value
-        : {};
-}
-function dataOf(part) {
-    const record = recordOf(part);
-    return recordOf(record.data ?? record.input ?? record);
-}
-function toolApprovalOf(part) {
-    const approval = recordOf(recordOf(part).approval);
-    return typeof approval.id === "string"
-        ? {
-            id: approval.id,
-            ...(typeof approval.approved === "boolean"
-                ? { approved: approval.approved }
-                : {}),
-        }
-        : undefined;
-}
-function normalizedPartType(part) {
-    const record = recordOf(part);
-    const rawType = typeof record.type === "string" ? record.type : "unknown";
-    return (resolvePartKind(part) ??
-        (rawType.startsWith("data-")
-            ? rawType.slice(5).replaceAll("-", "_")
-            : rawType));
-}
-function ClipboardAction({ text }) {
-    const [copied, setCopied] = useState(false);
-    const timerRef = useRef(null);
-    useEffect(() => () => {
-        if (timerRef.current !== null)
-            window.clearTimeout(timerRef.current);
-    }, []);
-    const copy = useCallback(() => {
-        void navigator.clipboard.writeText(text).then(() => {
-            setCopied(true);
-            if (timerRef.current !== null)
-                window.clearTimeout(timerRef.current);
-            timerRef.current = window.setTimeout(() => setCopied(false), 1500);
-        });
-    }, [text]);
-    return (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", className: "size-8 text-muted-foreground", onClick: copy, "aria-label": copied ? "Copied!" : "Copy message", title: copied ? "Copied!" : "Copy message", children: copied ? _jsx(CheckIcon, { className: "size-4" }) : _jsx(CopyIcon, { className: "size-4" }) }));
-}
-function CamelThinking({ part, isActive, }) {
-    const record = recordOf(part);
-    const data = dataOf(part);
-    const text = String(record.text ?? data.detail ?? data.text ?? "");
-    const streaming = isActive && record.state === "streaming";
-    const [open, setOpen] = useState(false);
-    return (_jsx("div", { "data-part-type": "reasoning", children: _jsx(Collapsible, { open: open, onOpenChange: setOpen, trigger: _jsxs("div", { role: "button", tabIndex: 0, className: cn("thinking-block group/thinking -mx-2 flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1 text-left text-sm text-muted-foreground", "transition-colors duration-150 hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50"), onKeyDown: (event) => {
-                    if (event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        setOpen((current) => !current);
-                    }
-                }, children: [_jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", streaming
-                            ? "animate-pulse bg-blue-500 motion-reduce:animate-none"
-                            : "bg-green-500") }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: streaming ? "Thinking…" : "Thought" }), _jsx(ChevronRightIcon, { className: cn("size-4 text-muted-foreground/50 opacity-0 transition-all duration-150 group-hover/thinking:opacity-100", open && "rotate-90 opacity-100") })] }), children: _jsx("div", { className: "ml-1 mt-1 border-l border-border/40 pl-4 text-xs text-muted-foreground/80", children: _jsx(MessageResponse, { children: text }) }) }) }));
-}
-function CamelToolRow({ part, isActive, children, onApprove, getToolApproval, }) {
-    const [open, setOpen] = useState(false);
-    const approval = getToolApproval?.(part) ?? toolApprovalOf(part);
-    const pendingApproval = approval && approval.approved === undefined;
-    const presentation = getCamelToolPresentation(part, isActive);
-    const hasDetails = children != null || presentation.hasDetails;
-    const title = presentation.summary;
-    useEffect(() => {
-        if (presentation.isSubAgent && presentation.running)
-            setOpen(true);
-    }, [presentation.isSubAgent, presentation.running]);
-    return (_jsxs("div", { "data-part-type": normalizedPartType(part), children: [_jsx(Collapsible, { open: open, onOpenChange: setOpen, disabled: !hasDetails, trigger: _jsxs("div", { role: "button", tabIndex: 0, "aria-label": title, "aria-expanded": hasDetails ? open : undefined, className: cn("tool-call group/toolcall -mx-2 flex w-full items-center gap-2 rounded px-2 py-1 text-left text-sm text-muted-foreground", hasDetails && "cursor-pointer hover:bg-muted/30", "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50"), onKeyDown: (event) => {
-                        if (hasDetails && (event.key === "Enter" || event.key === " ")) {
-                            event.preventDefault();
-                            setOpen((current) => !current);
-                        }
-                    }, children: [_jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", presentation.failed
-                                ? "bg-red-500"
-                                : presentation.running || pendingApproval
-                                    ? "animate-pulse bg-blue-500 motion-reduce:animate-none"
-                                    : "bg-green-500") }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: title }), hasDetails && (_jsx(ChevronRightIcon, { className: cn("size-4 text-muted-foreground/50 opacity-0 transition-all duration-150 group-hover/toolcall:opacity-100", open && "rotate-90 opacity-100") }))] }), children: hasDetails ? (_jsx("div", { className: "group/details ml-1 mt-1 border-l border-border/50 pl-4 text-xs text-muted-foreground/80", children: children ?? (_jsx(CamelToolDetails, { presentation: presentation })) })) : null }), pendingApproval && (_jsxs("div", { className: "ml-1 mt-2 flex flex-wrap items-center gap-2 border-l border-border/50 pl-4", children: [_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onApprove(approval.id, "deny"), children: "Deny" }), _jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onApprove(approval.id, "allow_once"), children: "Allow once" }), _jsx(Button, { type: "button", size: "sm", onClick: () => onApprove(approval.id, "allow_level"), children: "Allow this level" })] }))] }));
-}
-function CamelSuggestions({ part, onSuggestion, }) {
-    const data = dataOf(part);
-    const items = Array.isArray(data.items)
-        ? data.items.filter((item) => typeof item === "string")
-        : [];
-    return (_jsxs("div", { className: "space-y-2 pt-1", "data-part-type": "suggestions", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-emerald-600", children: [_jsx(CheckIcon, { className: "size-4" }), _jsx("span", { children: "Task complete" })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", className: "rounded-full", onClick: () => onSuggestion(item), children: item }, item))) })] }));
-}
-function scheduleDuration(seconds) {
-    if (typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0) {
-        return "";
-    }
-    for (const [size, unit] of [
-        [86_400, "day"],
-        [3_600, "hour"],
-        [60, "minute"],
-    ]) {
-        if (seconds % size === 0) {
-            const value = seconds / size;
-            return `${value} ${unit}${value === 1 ? "" : "s"}`;
-        }
-    }
-    return `${seconds} second${seconds === 1 ? "" : "s"}`;
-}
-function scheduleCadence(data) {
-    const trigger = recordOf(data.trigger);
-    const kind = trigger.kind;
-    let cadence = "";
-    if (kind === "once-in") {
-        cadence = `In ${scheduleDuration(trigger.seconds)}`;
-    }
-    else if (kind === "once-at" && typeof trigger.at === "string") {
-        cadence = `Once at ${trigger.at}`;
-    }
-    else if (kind === "interval") {
-        cadence = `Every ${scheduleDuration(trigger.seconds)}`;
-    }
-    else if (kind === "cron" && typeof trigger.cron === "string") {
-        cadence = `Cron ${trigger.cron}`;
-    }
-    if (!cadence) {
-        cadence = String(data.cadence ?? data.schedule ?? "Scheduled");
-    }
-    const timezone = typeof data.timezone === "string"
-        ? data.timezone
-        : typeof data.tz === "string"
-            ? data.tz
-            : "";
-    return timezone ? `${cadence} · ${timezone}` : cadence;
-}
-function CamelSchedule({ part, isActive, }) {
-    const data = dataOf(part);
-    const presentation = getCamelToolPresentation(part, isActive);
-    const state = presentation.failed
-        ? "failed"
-        : presentation.running
-            ? "running"
-            : "scheduled";
-    return (_jsx("section", { className: "rounded-xl border border-border bg-muted/20 p-3", "data-part-type": "schedule", "data-state": state, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(BellIcon, { className: "size-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("strong", { className: "block truncate text-sm text-foreground", children: String(data.label ?? data.title ?? "Scheduled task") }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: scheduleCadence(data) })] }), _jsxs("span", { className: cn("flex shrink-0 items-center gap-1 text-xs", state === "failed"
-                        ? "text-destructive"
-                        : state === "running"
-                            ? "text-blue-500"
-                            : "text-emerald-600"), children: [state === "failed" ? (_jsx(TriangleAlertIcon, { className: "size-3.5" })) : state === "running" ? (_jsx(Loader2Icon, { className: "size-3.5 animate-spin motion-reduce:animate-none" })) : (_jsx(CheckIcon, { className: "size-3.5" })), state === "failed"
-                            ? "Failed"
-                            : state === "running"
-                                ? "Scheduling…"
-                                : "Scheduled"] })] }) }));
-}
-function CamelAskUser({ part, submittedAnswer, onAnswer, }) {
-    const record = recordOf(part);
-    const data = dataOf(part);
-    const output = record.output;
-    const questions = Array.isArray(data.questions)
-        ? data.questions.map(recordOf)
-        : typeof data.question === "string"
-            ? [{
-                    prompt: data.question,
-                    kind: data.multiSelect === true ? "multi" : "single",
-                    options: Array.isArray(data.options)
-                        ? data.options.filter((option) => typeof option === "string")
-                        : [],
-                }]
-            : [];
-    const [selections, setSelections] = useState(() => questions.map(() => []));
-    const [text, setText] = useState("");
-    const [submitted, setSubmitted] = useState(false);
-    const outputRecord = recordOf(output);
-    const externalAnswer = submittedAnswer?.trim() ||
-        (typeof output === "string"
-            ? output.trim()
-            : typeof outputRecord.text === "string"
-                ? outputRecord.text.trim()
-                : "");
-    const externalSelections = new Set(externalAnswer
-        .split("、")
-        .map((value) => value.trim())
-        .filter(Boolean));
-    const resolvedSubmitted = submitted || Boolean(externalAnswer);
-    const valid = questions.every((question, index) => {
-        const options = Array.isArray(question.options) ? question.options : [];
-        return options.length === 0 || (selections[index]?.length ?? 0) > 0;
-    });
-    return (_jsxs("section", { className: "space-y-3 rounded-xl border border-border bg-muted/20 p-3", "data-part-type": "ask_user", "data-state": resolvedSubmitted ? "submitted" : "idle", children: [questions.map((question, questionIndex) => {
-                const prompt = String(question.prompt ?? "Choose an option");
-                const options = Array.isArray(question.options)
-                    ? question.options.filter((option) => typeof option === "string")
-                    : [];
-                const multi = question.kind === "multi";
-                return (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm text-foreground", children: prompt }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((option) => {
-                                const selected = externalAnswer
-                                    ? externalSelections.has(option)
-                                    : selections[questionIndex]?.includes(option);
-                                return (_jsx(Button, { type: "button", size: "sm", variant: selected ? "default" : "outline", disabled: resolvedSubmitted, onClick: () => setSelections((current) => current.map((values, index) => {
-                                        if (index !== questionIndex)
-                                            return values;
-                                        if (!multi)
-                                            return [option];
-                                        return values.includes(option)
-                                            ? values.filter((value) => value !== option)
-                                            : [...values, option];
-                                    })), children: option }, option));
-                            }) })] }, `${prompt}:${questionIndex}`));
-            }), typeof data.freeTextPlaceholder === "string" && (_jsx("input", { value: text, disabled: resolvedSubmitted, onChange: (event) => setText(event.currentTarget.value), placeholder: data.freeTextPlaceholder, className: "h-8 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus:border-ring focus:ring-2 focus:ring-ring/30" })), _jsx(Button, { type: "button", size: "sm", disabled: resolvedSubmitted || !valid, onClick: () => {
-                    onAnswer({ selections, text });
-                    setSubmitted(true);
-                }, children: resolvedSubmitted ? "Submitted" : "Submit" }), externalAnswer && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["\u5DF2\u56DE\u7B54\uFF1A", externalAnswer] }))] }));
-}
-function CamelRichPart({ part, isActive, onApprove, onSuggestion, onAnswer, replyText, getToolApproval, }) {
-    const kind = normalizedPartType(part);
-    const data = dataOf(part);
-    if (kind === "suggestions") {
-        return _jsx(CamelSuggestions, { part: part, onSuggestion: onSuggestion });
-    }
-    if (kind === "schedule") {
-        return _jsx(CamelSchedule, { part: part, isActive: isActive });
-    }
-    if (kind === "ask_user") {
-        return (_jsx(CamelAskUser, { part: part, submittedAnswer: replyText, onAnswer: onAnswer }));
-    }
-    if (kind === "parallel") {
-        const tools = Array.isArray(data.tools)
-            ? data.tools
-            : [];
-        return (_jsx(ParallelPart, { label: typeof data.label === "string" ? data.label : "Parallel tasks", tools: tools, isActive: isActive }));
-    }
-    if (kind === "subagents") {
-        const presentation = getCamelToolPresentation(part, isActive);
-        const toolName = toolNameOfPart(part);
-        const fallbackName = toolName === "run_temporary_agent"
-            ? "Temporary Agent"
-            : toolName === "dispatch_background"
-                ? `${String(data.agentType ?? "Background").replace(/^./, (value) => value.toUpperCase())} Agent`
-                : toolName === "fanout"
-                    ? "Fanout Agent"
-                    : toolName === "extract"
-                        ? "Extract Agent"
-                        : "Sub-agent";
-        const agents = Array.isArray(data.agents)
-            ? data.agents
-            : [
-                {
-                    name: String(data.subagentName ??
-                        data.name ??
-                        fallbackName),
-                    summary: presentation.errorText ||
-                        presentation.outputText ||
-                        String(data.summary ?? ""),
-                    status: presentation.failed
-                        ? "failed"
-                        : presentation.running
-                            ? "running"
-                            : "done",
-                },
-            ];
-        return _jsx(SubAgentsPart, { agents: agents, isActive: isActive });
-    }
-    if (kind === "image") {
-        const src = String(data.src ?? data.url ?? "");
-        return (_jsx("figure", { className: "my-1", "data-part-type": "image", children: _jsx("img", { src: src, alt: String(data.alt ?? data.filename ?? "Generated image"), className: "max-h-[28rem] max-w-full rounded-lg border border-border object-contain" }) }));
-    }
-    if (kind === "error") {
-        return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/25 bg-destructive/5 px-3 py-2 text-sm text-destructive", "data-part-type": "error", role: "alert", children: [_jsx(TriangleAlertIcon, { className: "mt-0.5 size-4 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium", children: String(data.title ?? "Error") }), _jsx("div", { className: "mt-0.5 text-xs opacity-80", children: String(data.body ?? data.message ?? "") })] })] }));
-    }
-    return (_jsx(CamelToolRow, { part: part, isActive: isActive, onApprove: onApprove, getToolApproval: getToolApproval }));
-}
-function AssistantPart({ part, isActive, onApprove, onSuggestion, onAnswer, replyText, getToolApproval, resolveUrl, }) {
-    const record = recordOf(part);
-    if (record.type === "step-start")
-        return null;
-    if (record.type === "text") {
-        const text = String(record.text ?? "").trim();
-        if (!text)
-            return null;
-        return (_jsx("div", { "data-part-type": "text", children: _jsx(MessageResponse, { streaming: isActive, resolveUrl: resolveUrl, children: text }) }));
-    }
-    if (record.type === "reasoning") {
-        return _jsx(CamelThinking, { part: part, isActive: isActive });
-    }
-    return (_jsx(CamelRichPart, { part: part, isActive: isActive, onApprove: onApprove, onSuggestion: onSuggestion, onAnswer: onAnswer, replyText: replyText, getToolApproval: getToolApproval }));
-}
-function ForkAction({ messageId, onFork, }) {
-    const [forking, setForking] = useState(false);
-    return (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", className: "size-8 text-muted-foreground", disabled: forking, onClick: () => {
-            setForking(true);
-            void Promise.resolve(onFork(messageId)).finally(() => setForking(false));
-        }, "aria-label": forking ? "Starting new thread…" : "New thread from here", title: forking ? "Starting new thread…" : "New thread from here", children: forking ? (_jsx(Loader2Icon, { className: "size-4 animate-spin" })) : (_jsx(GitForkIcon, { className: "size-4" })) }));
-}
-function UserMessage({ message }) {
-    const text = camelMessageText(message);
-    const files = message.parts.filter((part) => part.type === "file");
-    const metadata = camelMetadata(message);
-    const createdAt = camelCreatedAt(message);
-    const messageTime = createdAt === undefined ? null : formatCamelMessageTime(createdAt);
-    const authorStamp = [metadata.authorDisplayName, messageTime]
-        .filter(Boolean)
-        .join(" ");
-    if (!text && files.length === 0)
-        return null;
-    return (_jsx("div", { className: "group mb-1 mt-6", "data-message-id": message.id, "data-message-role": "user", children: _jsxs("div", { className: "flex flex-col items-end gap-2", children: [files.length > 0 && (_jsx("div", { className: "flex max-w-[85%] flex-wrap justify-end gap-2", children: files.map((file, index) => file.mediaType?.startsWith("image/") ? (_jsx("img", { src: file.url, alt: file.filename ?? "Attachment", className: "max-h-52 max-w-64 rounded-xl border border-border object-cover" }, `${file.url}:${index}`)) : (_jsx("span", { className: "rounded-lg border border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: file.filename ?? "Attachment" }, `${file.url}:${index}`))) })), text && (_jsx("div", { className: "camel-user-message max-w-[85%] rounded-3xl border border-border bg-muted/30 px-4 py-3 text-foreground", children: _jsx(MessageResponse, { children: text }) })), text && (_jsxs("div", { className: "flex items-center justify-end gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100", role: "group", "aria-label": "Message actions", children: [authorStamp && (_jsx("span", { className: "mr-1 text-xs text-muted-foreground", children: authorStamp })), _jsx(ClipboardAction, { text: text })] }))] }) }));
-}
-function standaloneText(message) {
-    const part = message.parts.find((candidate) => candidate.type.startsWith("data-"));
-    const data = dataOf(part);
-    return String(data.text ?? data.command ?? data.output ?? "").trim();
-}
-function CompactSummary({ message }) {
-    const text = standaloneText(message);
-    if (!text)
-        return null;
-    return (_jsxs("details", { className: "my-3 rounded-xl border border-border bg-muted/20 px-3 py-2 text-sm", "data-camel-compact-summary": "", "data-message-id": message.id, children: [_jsx("summary", { className: "cursor-pointer text-xs font-medium text-muted-foreground", children: "Compacted context" }), _jsx("div", { className: "mt-3 border-t border-border/40 pt-3", children: _jsx(MessageResponse, { children: text }) })] }));
-}
-function StandaloneMessage({ item }) {
-    const { message, displayKind } = item;
-    if (displayKind === "user")
-        return _jsx(UserMessage, { message: message });
-    if (displayKind === "compact-summary") {
-        return _jsx(CompactSummary, { message: message });
-    }
-    const text = standaloneText(message);
-    if (!text)
-        return null;
-    if (displayKind === "slash-command") {
-        return (_jsx("div", { className: "mt-4 flex justify-end", "data-message-id": message.id, "data-message-kind": "slash-command", children: _jsx("span", { className: "font-mono text-sm text-foreground", children: text }) }));
-    }
-    if (displayKind === "local-command-output") {
-        return (_jsx("div", { className: "mt-4 flex justify-start", "data-message-id": message.id, "data-message-kind": "local-command-output", children: _jsx("span", { className: "text-sm italic text-muted-foreground", children: text }) }));
-    }
-    return (_jsx("div", { className: "my-3 text-sm italic text-muted-foreground", "data-message-id": message.id, "data-message-kind": "notice", children: text }));
-}
-function RenderAssistantPart({ partRef, isActive, onApprove, onSuggestion, onAnswer, replyText, getToolApproval, resolveUrl, }) {
-    return (_jsx(AssistantPart, { part: partRef.part, isActive: isActive, onApprove: onApprove, onSuggestion: onSuggestion, onAnswer: onAnswer, replyText: replyText, getToolApproval: getToolApproval, resolveUrl: resolveUrl }, `${partRef.messageId}:${partRef.partIndex}:${String(recordOf(partRef.part).type ?? "part")}`));
-}
-function AssistantTurn({ turn, isActive, hasPendingSteer, hasPendingApproval, onFork, onApprove, onSuggestion, onAnswer, getToolApproval, resolveUrl, }) {
-    const renderPart = (partRef, active = false) => (_jsx(RenderAssistantPart, { partRef: partRef, isActive: active, onApprove: onApprove, onSuggestion: onSuggestion, onAnswer: onAnswer, replyText: turn.replyText, getToolApproval: getToolApproval, resolveUrl: resolveUrl }, `${partRef.messageId}:${partRef.partIndex}`));
-    const showWorkInPlace = isActive || hasPendingApproval || turn.terminalState !== undefined;
-    const showSummary = !showWorkInPlace && turn.traceParts.length > 0;
-    const completedAt = turn.completedAt ?? camelCompletedAt(turn.message);
-    const messageTime = completedAt === undefined ? null : formatCamelMessageTime(completedAt);
-    const hasActions = !showWorkInPlace && Boolean(messageTime || turn.copyText || onFork);
-    const thinkingActivity = deriveThinkingActivity(turn.traceParts.at(-1)?.part ?? turn.finalParts.at(-1)?.part);
-    const activeActivity = hasPendingSteer
-        ? pendingSteerActivity
-        : thinkingActivity;
-    return (_jsx("div", { className: "group/turn", "data-message-id": turn.actionMessageId, "data-message-role": "assistant", "data-turn-step-count": turn.stepCount, translate: showWorkInPlace ? "no" : undefined, children: _jsxs("div", { className: "flex flex-col gap-1", children: [showSummary && (_jsx(TurnSummaryBar, { durationMs: turn.durationMs, stepCount: turn.stepCount, showSeparator: turn.finalParts.length > 0 || turn.terminalState !== undefined, children: turn.traceParts.map((partRef) => renderPart(partRef)) })), showWorkInPlace && turn.traceParts.length > 0 && (_jsx("div", { className: "max-w-none space-y-1", "data-camel-turn-trace": "", children: turn.traceParts.map((partRef) => renderPart(partRef, isActive)) })), (turn.finalParts.length > 0 ||
-                    turn.terminalState?.kind === "error") && (_jsxs("div", { className: "max-w-none space-y-4", "data-camel-final-answer": "", children: [turn.finalParts.map((partRef) => renderPart(partRef, isActive)), turn.terminalState?.kind === "error" && (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/25 bg-destructive/5 px-3 py-2 text-sm text-destructive", "data-part-type": "error", role: "alert", children: [_jsx(TriangleAlertIcon, { className: "mt-0.5 size-4 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium", children: turn.terminalState.title }), turn.terminalState.body && (_jsx("div", { className: "mt-0.5 text-xs opacity-80", children: turn.terminalState.body }))] })] }))] })), turn.terminalState?.kind === "interrupted" && (_jsx("div", { className: "px-1 py-1 text-xs text-muted-foreground/60", "data-camel-turn-status": "interrupted", role: "status", children: turn.terminalState.title })), hasActions && (_jsxs("div", { className: "flex items-center gap-0.5 opacity-0 transition-opacity group-hover/turn:opacity-100 group-focus-within/turn:opacity-100 pointer-coarse:opacity-100", role: "group", "aria-label": "Message actions", children: [messageTime && (_jsx("span", { className: "mr-1 text-xs text-muted-foreground", children: messageTime })), onFork && (_jsx(ForkAction, { messageId: turn.actionMessageId, onFork: onFork })), turn.copyText && _jsx(ClipboardAction, { text: turn.copyText })] })), isActive && turn.finalParts.length === 0 && (_jsx(ThinkingIndicator, { ...activeActivity }))] }) }));
-}
-export function CamelChatMessages({ messages, status, finalToolNames, isHydrating = false, isRecovering = false, isServerStreaming = false, hasPendingSteer = false, startedWithPending = false, error, onRetry, onApprove, onSuggestion, onAnswer, onFork, getToolApproval, resolveUrl, inlineApprovalActions = true, }) {
-    const scrollRef = useRef(null);
-    const endRef = useRef(null);
-    const [showScrollButton, setShowScrollButton] = useState(false);
-    const isActive = status === "submitted" || status === "streaming";
-    const items = useMemo(() => projectCamelMessages(messages, finalToolNames), [messages, finalToolNames]);
-    const presentedToolApproval = (part) => {
-        const approval = getToolApproval?.(part) ?? toolApprovalOf(part);
-        return !inlineApprovalActions && approval?.approved === undefined && approval
-            ? { ...approval, approved: false }
-            : approval;
-    };
-    const lastItem = items.at(-1);
-    const activeAssistantMessageId = isActive && lastItem?.kind === "assistant"
-        ? lastItem.actionMessageId
-        : null;
-    const syncScrollButton = useCallback(() => {
-        const element = scrollRef.current;
-        if (!element)
-            return;
-        const distance = element.scrollHeight - element.scrollTop - element.clientHeight;
-        setShowScrollButton(distance > 120);
-    }, []);
-    useEffect(() => {
-        const element = scrollRef.current;
-        if (!element || showScrollButton)
-            return;
-        element.scrollTo({ top: element.scrollHeight });
-    }, [messages, status, showScrollButton]);
-    return (_jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", "data-sb-message-panel": "", "data-camel-chat-transcript": "", "data-status": status, "aria-busy": isActive || isHydrating, children: [(isRecovering || isServerStreaming) && (_jsxs("div", { className: "absolute inset-x-0 top-0 z-10 flex h-7 items-center justify-center gap-2 bg-background/85 text-xs text-muted-foreground backdrop-blur-sm", role: "status", children: [_jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-blue-500" }), isRecovering ? "Recovering…" : "Running…"] })), _jsx("div", { ref: scrollRef, onScroll: syncScrollButton, tabIndex: 0, role: "region", "aria-label": "Chat messages", className: "flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden", children: _jsxs("div", { className: "mx-auto flex w-full max-w-3xl flex-col px-4 pb-6 pt-2 md:px-6", children: [messages.length === 0 && !startedWithPending && !isHydrating ? (_jsx("div", { className: "flex min-h-56 items-center justify-center text-center font-[family-name:var(--font-display)] text-4xl text-foreground", children: "How can I help?" })) : null, items.map((item) => item.kind === "assistant" ? (_jsx(AssistantTurn, { turn: item, isActive: item.actionMessageId === activeAssistantMessageId, hasPendingSteer: hasPendingSteer, hasPendingApproval: item.parts.some((partRef) => {
-                                const approval = getToolApproval?.(partRef.part) ??
-                                    toolApprovalOf(partRef.part);
-                                return approval != null && approval.approved === undefined;
-                            }), onFork: onFork, onApprove: onApprove, onSuggestion: onSuggestion, onAnswer: onAnswer, getToolApproval: presentedToolApproval, resolveUrl: resolveUrl }, item.key)) : (_jsx(StandaloneMessage, { item: item }, item.key))), error != null && _jsx(CamelChatError, { error: error, onRetry: onRetry }), isActive && activeAssistantMessageId === null && (_jsx(ThinkingIndicator, { ...(hasPendingSteer ? pendingSteerActivity : {}) })), _jsx("div", { ref: endRef })] }) }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-gradient-to-t from-background to-transparent" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: cn("absolute bottom-3 left-1/2 z-20 -translate-x-1/2 rounded-full border-border/50 bg-background/80 shadow-md backdrop-blur-sm transition-all duration-200", showScrollButton
-                    ? "translate-y-0 opacity-100"
-                    : "pointer-events-none translate-y-2 opacity-0"), onClick: () => endRef.current?.scrollIntoView({ behavior: "smooth" }), "aria-label": "Scroll to bottom", children: _jsx(ArrowDownIcon, { className: "size-4" }) }), isHydrating && (_jsx("div", { className: "absolute inset-0 z-30 grid place-items-center bg-background/90", children: _jsx("span", { className: "text-sm text-muted-foreground", children: "Loading conversation\u2026" }) }))] }));
-}

package/dist/src/camel/camel-model-select.d.ts

@@ -1,13 +0,0 @@
-export interface CamelModelOption {
-    value: string;
-    label: string;
-    hint?: string;
-}
-export interface CamelModelSelectProps {
-    value: string;
-    options: readonly CamelModelOption[];
-    disabled?: boolean;
-    label?: string;
-    onValueChange: (value: string) => void;
-}
-export declare function CamelModelSelect({ value, options, disabled, label, onValueChange, }: CamelModelSelectProps): import("react").JSX.Element;

package/dist/src/camel/camel-model-select.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon, ZapIcon } from "lucide-react";
-import { Select as SelectPrimitive } from "radix-ui";
-export function CamelModelSelect({ value, options, disabled, label = "Select model", onValueChange, }) {
-    const selected = options.find((option) => option.value === value);
-    return (_jsxs(SelectPrimitive.Root, { value: value, disabled: disabled, onValueChange: onValueChange, children: [_jsxs(SelectPrimitive.Trigger, { "data-camel-model-select": "", "aria-label": label, title: label, className: "inline-flex h-8 max-w-60 shrink-0 items-center justify-center gap-1.5 rounded-md px-1.5 text-sm font-medium text-foreground/90 outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50", children: [_jsx(ZapIcon, { className: "size-[17px] shrink-0 text-foreground/90", strokeWidth: 1.8 }), _jsx(SelectPrimitive.Value, { className: "max-w-40 truncate text-[15px]", children: selected?.label ?? value }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground", strokeWidth: 1.8 }) })] }), _jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { "data-camel-model-select-content": "", position: "popper", align: "start", sideOffset: 4, className: "z-50 w-72 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", children: _jsx(SelectPrimitive.Viewport, { className: "max-h-80 overflow-y-auto p-1", children: options.map((option) => (_jsxs(SelectPrimitive.Item, { value: option.value, className: "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", children: [_jsx(SelectPrimitive.ItemText, { className: "w-full", children: _jsxs("span", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("span", { className: "truncate", children: option.label }), option.hint && (_jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: option.hint }))] }) }), _jsx(SelectPrimitive.ItemIndicator, { className: "absolute right-2 flex size-4 items-center justify-center", children: _jsx(CheckIcon, { className: "size-4" }) })] }, option.value))) }) }) })] }));
-}

package/dist/src/camel/camel-plan-bar.d.ts

@@ -1,5 +0,0 @@
-import type { UIMessage } from "ai";
-export interface CamelPlanBarProps {
-    messages: readonly UIMessage[];
-}
-export declare function CamelPlanBar({ messages }: CamelPlanBarProps): import("react").JSX.Element | null;

package/dist/src/camel/camel-plan-bar.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon, CircleIcon } from "lucide-react";
-import { useId, useMemo, useState } from "react";
-import { cn } from "../internal/cn";
-import { projectLatestPlan } from "../parts/plan";
-export function CamelPlanBar({ messages }) {
-    const [open, setOpen] = useState(false);
-    const contentId = useId();
-    const steps = useMemo(() => projectLatestPlan(messages), [messages]);
-    if (!steps || steps.length === 0)
-        return null;
-    const doneCount = steps.filter((step) => step.status === "done").length;
-    const activeIndex = steps.findIndex((step) => step.status !== "done");
-    const allDone = activeIndex === -1;
-    const headline = steps[allDone ? steps.length - 1 : activeIndex];
-    return (_jsx("section", { className: "shrink-0 bg-background px-4 pt-2", "data-camel-plan-bar": "", "aria-label": "Task progress", children: _jsxs("div", { className: "mx-auto w-full max-w-3xl rounded-2xl border border-border bg-card shadow-[0_8px_16px_rgb(0_0_0/0.12)]", children: [_jsxs("button", { type: "button", className: "group flex w-full items-center gap-2 rounded-2xl px-4 py-2.5 text-left", "aria-expanded": open, "aria-controls": contentId, onClick: () => setOpen((current) => !current), children: [_jsxs("span", { className: "relative flex h-5 min-w-0 flex-1 items-center gap-2 overflow-hidden", children: [allDone ? (_jsx(CheckIcon, { className: "size-4 shrink-0 text-success" })) : (_jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", children: _jsx("span", { className: "size-2 animate-manus-pulse rounded-full bg-primary" }) })), _jsx("span", { className: "min-w-0 truncate text-sm text-foreground", title: headline.text, children: headline.text })] }), _jsxs("span", { className: "shrink-0 text-[13px] tabular-nums text-muted-foreground", children: [doneCount, " / ", steps.length] }), _jsx(ChevronDownIcon, { className: cn("size-4 shrink-0 text-muted-foreground transition-transform duration-200", open && "rotate-180") })] }), _jsx("div", { id: contentId, "data-camel-plan-content": "", "data-camel-collapsible-content": "", "data-state": open ? "open" : "closed", "aria-hidden": !open, inert: !open ? true : undefined, children: _jsx("div", { "data-camel-collapsible-inner": "", children: _jsxs("div", { className: "px-4 pb-3", children: [_jsx("p", { className: "text-[13px] text-muted-foreground", children: "Task progress" }), _jsx("div", { className: "mt-2 max-h-72 space-y-2 overflow-y-auto overflow-x-hidden", children: steps.map((step, index) => {
-                                        const active = !allDone && index === activeIndex;
-                                        return (_jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx("span", { className: "flex h-5 w-4 shrink-0 items-center justify-center", children: step.status === "done" ? (_jsx(CheckIcon, { className: "size-4 text-success" })) : active ? (_jsx("span", { className: "size-2 animate-manus-pulse rounded-full bg-primary" })) : (_jsx(CircleIcon, { className: "size-3.5 text-muted-foreground/40" })) }), _jsx("span", { className: cn("min-w-0 flex-1 truncate text-sm", active
-                                                        ? "font-medium text-foreground"
-                                                        : step.status === "done"
-                                                            ? "text-foreground"
-                                                            : "text-muted-foreground"), title: step.text, children: step.text })] }, `${index}:${step.text}`));
-                                    }) })] }) }) })] }) }));
-}

package/dist/src/camel/camel-prompt-input.d.ts

@@ -1,32 +0,0 @@
-import { type ReactNode } from "react";
-import type { ComposerCommand } from "../composer/types";
-export interface CamelAttachmentView {
-    id: string;
-    filename?: string;
-    mediaType?: string;
-    size?: number;
-    url: string;
-    status: "uploading" | "ready" | "error";
-}
-interface CamelPromptInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    onSubmit: () => void;
-    onStop: () => void;
-    status: "ready" | "submitted" | "streaming" | "error";
-    attachments: readonly CamelAttachmentView[];
-    commands: readonly ComposerCommand[];
-    onFilesSelected?: (files: readonly File[]) => void;
-    onAttachmentRemove: (id: string) => void;
-    onAttachmentRetry: (id: string) => void;
-    tools?: ReactNode;
-    /** Compact delivery selector rendered immediately beside the submit button. */
-    submitControl?: ReactNode;
-    placeholder?: string;
-    /** Durable Turn activity can outlive the local chat stream status. */
-    turnActive?: boolean;
-    /** Blocks new submissions without disabling the stop control for an active Turn. */
-    submissionBlocked?: boolean;
-}
-export declare function CamelPromptInput(props: CamelPromptInputProps): import("react").JSX.Element;
-export {};