@agent-native/core 0.46.0 → 0.48.1

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

@@ -0,0 +1,452 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Owns: message-timestamp helpers, SelectionAttachedPill, UserMessage,
+// AssistantMessage, MessageBranchPicker, CheckpointContext, MessageActionsContext,
+// RunningActivityStatus, ThinkingIndicator, and displayableUserMessageText.
+import React, { useState, useEffect, useCallback, useRef } from "react";
+import { useThread, useMessageRuntime, useComposer, MessagePrimitive, ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, } from "@assistant-ui/react";
+import { getActiveRun } from "../active-run-state.js";
+import { cn } from "../utils.js";
+import { writeClipboardText } from "../clipboard.js";
+import { agentNativePath } from "../api-path.js";
+import { isPastedTextAttachmentName } from "../composer/pasted-text.js";
+import { PastedTextChip } from "../composer/PastedTextChip.js";
+import { ThumbsFeedback } from "../observability/ThumbsFeedback.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../components/ui/dropdown-menu.js";
+import { MarkdownText } from "./markdown-renderer.js";
+import { ToolCallFallback, FilesChangedSummary, ChatRunningContext, } from "./tool-call-display.js";
+import { IconX, IconCheck, IconCopy, IconChevronDown, IconChevronLeft, IconChevronRight, IconDots, IconGitFork, IconId, IconQuote, IconRefresh, IconArrowBackUp, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconPencil, IconLoader2, } from "@tabler/icons-react";
+// ─── Pending selection context key ───────────────────────────────────────────
+// Mirrored from AssistantChat to avoid a cross-import on a private constant.
+const PENDING_SELECTION_KEY = "pending-selection-context";
+// ─── displayableUserMessageText ───────────────────────────────────────────────
+export function displayableUserMessageText(text) {
+    return text.replace(/<context>[\s\S]*?<\/context>\n?/g, "").trim();
+}
+function coerceMessageDate(value) {
+    if (value instanceof Date) {
+        return Number.isNaN(value.getTime()) ? null : value;
+    }
+    if (typeof value === "string" || typeof value === "number") {
+        const date = new Date(value);
+        return Number.isNaN(date.getTime()) ? null : date;
+    }
+    return null;
+}
+function isSameCalendarDay(a, b) {
+    return (a.getFullYear() === b.getFullYear() &&
+        a.getMonth() === b.getMonth() &&
+        a.getDate() === b.getDate());
+}
+export function formatMessageTimestamp(value) {
+    const date = coerceMessageDate(value);
+    if (!date)
+        return null;
+    const now = new Date();
+    const yesterday = new Date(now);
+    yesterday.setDate(now.getDate() - 1);
+    const time = new Intl.DateTimeFormat(undefined, {
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(date);
+    let short;
+    if (isSameCalendarDay(date, now)) {
+        short = time;
+    }
+    else if (isSameCalendarDay(date, yesterday)) {
+        short = `Yesterday ${time}`;
+    }
+    else if (date.getFullYear() === now.getFullYear()) {
+        short = `${new Intl.DateTimeFormat(undefined, {
+            month: "short",
+            day: "numeric",
+        }).format(date)}, ${time}`;
+    }
+    else {
+        short = `${new Intl.DateTimeFormat(undefined, {
+            month: "short",
+            day: "numeric",
+            year: "numeric",
+        }).format(date)}, ${time}`;
+    }
+    return {
+        short,
+        full: new Intl.DateTimeFormat(undefined, {
+            weekday: "short",
+            month: "short",
+            day: "numeric",
+            year: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+        }).format(date),
+    };
+}
+export function MessageTimestamp({ timestamp, className, }) {
+    return (_jsx("span", { className: cn("text-[11px] leading-none text-muted-foreground", className), title: timestamp.full, children: timestamp.short }));
+}
+// ─── SelectionAttachedPill ────────────────────────────────────────────────────
+export function SelectionAttachedPill() {
+    const [length, setLength] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        fetch(agentNativePath(`/_agent-native/application-state/${PENDING_SELECTION_KEY}`))
+            .then((r) => (r.ok && r.status !== 204 ? r.json() : null))
+            .then((data) => {
+            if (cancelled)
+                return;
+            const text = data?.value?.text ??
+                data?.text;
+            if (text)
+                setLength(text.length);
+        })
+            .catch(() => { });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    useEffect(() => {
+        function onAttached(e) {
+            const detail = e.detail;
+            if (typeof detail?.length === "number")
+                setLength(detail.length);
+        }
+        function onCleared() {
+            setLength(null);
+        }
+        window.addEventListener("agent-panel:selection-attached", onAttached);
+        window.addEventListener("agent-panel:selection-cleared", onCleared);
+        return () => {
+            window.removeEventListener("agent-panel:selection-attached", onAttached);
+            window.removeEventListener("agent-panel:selection-cleared", onCleared);
+        };
+    }, []);
+    if (length === null || length === 0)
+        return null;
+    return (_jsx("div", { className: "shrink-0 px-3 pt-1.5 -mb-1", children: _jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/50 px-2 py-0.5 text-[11px] text-muted-foreground", children: [_jsx(IconQuote, { size: 11 }), _jsxs("span", { children: [length.toLocaleString(), " chars of selection attached"] }), _jsx("button", { type: "button", "aria-label": "Clear selection context", onClick: () => {
+                        setLength(null);
+                        // Dispatch clear event; AssistantChat owns the DELETE call.
+                        window.dispatchEvent(new CustomEvent("agent-panel:selection-clear-requested"));
+                    }, className: "flex h-4 w-4 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/60", children: _jsx(IconX, { size: 11 }) })] }) }));
+}
+// ─── CheckpointContext / MessageActionsContext ────────────────────────────────
+export const CheckpointContext = React.createContext(null);
+export const MessageActionsContext = React.createContext(null);
+// ─── MessageBranchPicker ──────────────────────────────────────────────────────
+export function MessageBranchPicker() {
+    return (_jsxs(BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: "flex items-center gap-0.5 text-[11px] text-muted-foreground", children: [_jsx(BranchPickerPrimitive.Previous, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Previous branch", className: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40", children: _jsx(IconChevronLeft, { className: "h-3.5 w-3.5" }) }) }), _jsxs("span", { className: "tabular-nums select-none", children: [_jsx(BranchPickerPrimitive.Number, {}), "/", _jsx(BranchPickerPrimitive.Count, {})] }), _jsx(BranchPickerPrimitive.Next, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Next branch", className: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40", children: _jsx(IconChevronRight, { className: "h-3.5 w-3.5" }) }) })] }));
+}
+// ─── Mention rendering ────────────────────────────────────────────────────────
+const mentionIconProps = {
+    size: 14,
+    className: "shrink-0 text-muted-foreground",
+};
+function MentionChipIcon({ icon }) {
+    switch (icon) {
+        case "folder":
+            return _jsx(IconFolder, { ...mentionIconProps });
+        case "document":
+            return _jsx(IconFileText, { ...mentionIconProps });
+        case "form":
+            return _jsx(IconCheckbox, { ...mentionIconProps });
+        case "email":
+            return _jsx(IconMail, { ...mentionIconProps });
+        case "user":
+            return _jsx(IconUser, { ...mentionIconProps });
+        case "deck":
+            return _jsx(IconPresentation, { ...mentionIconProps });
+        case "agent":
+            return _jsx(IconMessageChatbot, { ...mentionIconProps });
+        case "file":
+            return _jsx(IconFile, { ...mentionIconProps });
+        default:
+            return _jsx(IconStack2, { ...mentionIconProps });
+    }
+}
+// Matches rich mention format: @[label|icon] or plain @word
+const richMentionPattern = /@\[([^\]|]+)\|([^\]]+)\]/g;
+const plainMentionPattern = /((?:^|(?<=\s))@(\w+))/g;
+function UserMessageText({ text }) {
+    // Strip injected <context>...</context> blocks before display
+    const displayText = displayableUserMessageText(text);
+    const parts = [];
+    let lastIndex = 0;
+    let match;
+    let hasRichMentions = false;
+    // First try rich mentions (@[label|icon])
+    richMentionPattern.lastIndex = 0;
+    while ((match = richMentionPattern.exec(displayText)) !== null) {
+        hasRichMentions = true;
+        const matchStart = match.index;
+        if (matchStart > lastIndex) {
+            parts.push(displayText.slice(lastIndex, matchStart));
+        }
+        const label = match[1];
+        const icon = match[2];
+        parts.push(_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-all", "data-mention-label": label, children: [_jsx(MentionChipIcon, { icon: icon }), _jsx("span", { className: "truncate", children: label })] }, matchStart));
+        lastIndex = matchStart + match[0].length;
+    }
+    if (hasRichMentions) {
+        if (lastIndex < displayText.length) {
+            parts.push(displayText.slice(lastIndex));
+        }
+        return _jsx(_Fragment, { children: parts });
+    }
+    // Fallback: plain @word mentions (for older messages)
+    plainMentionPattern.lastIndex = 0;
+    while ((match = plainMentionPattern.exec(displayText)) !== null) {
+        const matchStart = match.index;
+        if (matchStart > lastIndex) {
+            parts.push(displayText.slice(lastIndex, matchStart));
+        }
+        const mentionName = match[2];
+        parts.push(_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 select-all", "data-mention-label": mentionName, children: ["@", mentionName] }, matchStart));
+        lastIndex = matchStart + match[0].length;
+    }
+    if (lastIndex < displayText.length) {
+        parts.push(displayText.slice(lastIndex));
+    }
+    return _jsx(_Fragment, { children: parts.length > 0 ? parts : displayText });
+}
+// ─── UserMessageAttachments ───────────────────────────────────────────────────
+function UserMessageAttachments() {
+    const messageRuntime = useMessageRuntime();
+    const msg = messageRuntime.getState();
+    // assistant-ui stores user attachments on msg.attachments (separate from content).
+    // Each attachment has: { id, type, name, contentType?, content: MessagePart[] }.
+    // Image adapters put a {type:"image", image:"data:..."} part in content; text
+    // adapters put a {type:"text", text:"<attachment>..."} part. Fall back to a
+    // file chip when there's no inline image.
+    const attachments = msg
+        .attachments;
+    if (!attachments || attachments.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex flex-wrap justify-end gap-1.5 mb-1.5", children: attachments.map((att) => {
+            if (isPastedTextAttachmentName(att.name)) {
+                return _jsx(PastedTextChip, { attachment: att, compact: true }, att.id);
+            }
+            // Prefer the hosted upload URL when available (set by the server after
+            // preUploadAttachments). This avoids re-shipping base64 in each poll
+            // and lets the browser cache the image via a stable URL.
+            const uploadUrl = att.metadata?.uploadUrl;
+            const imagePart = att.content?.find((p) => p.type === "image" &&
+                "image" in p &&
+                !!p.image);
+            const imageSrc = uploadUrl || imagePart?.image || null;
+            if (imageSrc) {
+                return (_jsx("div", { className: "h-16 w-16 overflow-hidden rounded-lg border border-border/70 bg-muted/50", title: att.name, children: _jsx("img", { src: imageSrc, alt: att.name, className: "h-full w-full object-cover" }) }, att.id));
+            }
+            return (_jsxs("div", { className: "flex items-center gap-1.5 rounded-lg border border-border/70 bg-muted/50 px-2 py-1.5 text-xs text-muted-foreground", title: att.name, children: [_jsx(IconFile, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate max-w-[120px]", children: att.name || "file" })] }, att.id));
+        }) }));
+}
+// ─── UserMessageEditComposer ──────────────────────────────────────────────────
+function UserMessageEditComposer() {
+    return (_jsxs(ComposerPrimitive.Root, { className: "flex flex-col gap-2 rounded-lg border border-border bg-background px-3 py-2 shadow-sm", children: [_jsx(ComposerPrimitive.Input, { className: "w-full resize-none bg-transparent text-sm leading-relaxed text-foreground placeholder:text-muted-foreground focus:outline-none", rows: 1, submitMode: "enter" }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(ComposerPrimitive.Cancel, { asChild: true, children: _jsx("button", { type: "button", className: "cursor-pointer rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground", children: "Cancel" }) }), _jsx(ComposerPrimitive.Send, { asChild: true, children: _jsx("button", { type: "submit", className: "cursor-pointer rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background hover:opacity-90 disabled:opacity-50", children: "Save" }) })] })] }));
+}
+// ─── MessageActionsMenu ────────────────────────────────────────────────────────
+export function MessageActionsMenu({ showRevert, onRevert, } = {}) {
+    const [open, setOpen] = useState(false);
+    const [copied, setCopied] = useState(null);
+    const messageRuntime = useMessageRuntime();
+    const actionsCtx = React.useContext(MessageActionsContext);
+    const timestamp = formatMessageTimestamp(messageRuntime.getState().createdAt);
+    const handleCopyMessage = useCallback(() => {
+        const m = messageRuntime.getState();
+        const text = m.content
+            .filter((p) => p.type === "text")
+            .map((p) => p.text)
+            .join("\n");
+        void writeClipboardText(text).then((ok) => {
+            if (!ok)
+                return;
+            setCopied("message");
+            setTimeout(() => {
+                setCopied(null);
+                setOpen(false);
+            }, 1000);
+        });
+    }, [messageRuntime]);
+    const handleCopyRequestId = useCallback(() => {
+        const m = messageRuntime.getState();
+        const meta = m.metadata;
+        // Live yields put the trace ID at metadata.custom.runId; server-persisted
+        // messages put it at metadata.runId. If neither is present (e.g. the run
+        // is still in flight and this is the first message), fall back to the
+        // active-run state so a hung / mid-stream chat still surfaces a usable
+        // trace ID. Last resort is the assistant-ui local message id.
+        const runId = (typeof meta?.custom?.runId === "string" && meta.custom.runId) ||
+            (typeof meta?.runId === "string" && meta.runId) ||
+            (typeof window !== "undefined" ? getActiveRun()?.runId : null) ||
+            m.id ||
+            "";
+        void writeClipboardText(runId).then((ok) => {
+            if (!ok)
+                return;
+            setCopied("id");
+            setTimeout(() => {
+                setCopied(null);
+                setOpen(false);
+            }, 1000);
+        });
+    }, [messageRuntime]);
+    const handleForkChat = useCallback(() => {
+        setOpen(false);
+        actionsCtx?.onForkChat?.();
+    }, [actionsCtx]);
+    const handleRevert = useCallback(() => {
+        setOpen(false);
+        onRevert?.();
+    }, [onRevert]);
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Message actions", className: cn("flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground", open && "bg-accent text-foreground"), children: _jsx(IconDots, { className: "h-3.5 w-3.5" }) }) }), _jsxs(DropdownMenuContent, { align: "start", sideOffset: 6, className: "w-48 rounded-lg border-border p-1.5 shadow-xl", children: [actionsCtx?.onForkChat && (_jsxs(DropdownMenuItem, { onSelect: handleForkChat, children: [_jsx(IconGitFork, { className: "h-3.5 w-3.5" }), "Fork Chat"] })), _jsxs(DropdownMenuItem, { onSelect: (e) => {
+                            e.preventDefault();
+                            handleCopyMessage();
+                        }, children: [copied === "message" ? (_jsx(IconCheck, { className: "h-3.5 w-3.5" })) : (_jsx(IconCopy, { className: "h-3.5 w-3.5" })), copied === "message" ? "Copied!" : "Copy Message"] }), _jsxs(DropdownMenuItem, { onSelect: (e) => {
+                            e.preventDefault();
+                            handleCopyRequestId();
+                        }, children: [copied === "id" ? (_jsx(IconCheck, { className: "h-3.5 w-3.5" })) : (_jsx(IconId, { className: "h-3.5 w-3.5" })), copied === "id" ? "Copied!" : "Copy Request ID"] }), showRevert && (_jsxs(DropdownMenuItem, { onSelect: handleRevert, children: [_jsx(IconArrowBackUp, { className: "h-3.5 w-3.5" }), "Revert to here"] })), timestamp && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuLabel, { className: "px-2 py-1 text-[11px] font-normal text-muted-foreground", children: ["Sent ", timestamp.short] })] }))] })] }));
+}
+// ─── UserMessage ──────────────────────────────────────────────────────────────
+export function UserMessage() {
+    const [expanded, setExpanded] = useState(false);
+    const [isExpandable, setIsExpandable] = useState(false);
+    const contentRef = useRef(null);
+    const messageRuntime = useMessageRuntime();
+    const message = messageRuntime.getState();
+    const timestamp = formatMessageTimestamp(message.createdAt);
+    const isEditing = useComposer((state) => state.isEditing);
+    const chatRunning = React.useContext(ChatRunningContext);
+    const hasDisplayableText = message.content
+        ?.filter((part) => {
+        return part.type === "text" && typeof part.text === "string";
+    })
+        .some((part) => displayableUserMessageText(part.text).length > 0) ??
+        false;
+    useEffect(() => {
+        const el = contentRef.current;
+        if (!el || !hasDisplayableText)
+            return;
+        const measure = () => {
+            setIsExpandable(el.scrollHeight > 200);
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [hasDisplayableText]);
+    // When in edit mode, show the inline edit composer instead of the message bubble.
+    if (isEditing) {
+        return (_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "w-full max-w-[85%]", children: _jsx(UserMessageEditComposer, {}) }) }));
+    }
+    return (_jsx("div", { className: "group flex justify-end", style: { contentVisibility: "auto" }, children: _jsxs("div", { className: "max-w-[85%]", children: [_jsx(UserMessageAttachments, {}), hasDisplayableText && (_jsxs("div", { className: "relative rounded-lg bg-accent px-3 py-2 text-sm leading-relaxed text-foreground", onCopy: (e) => {
+                        const selection = window.getSelection();
+                        if (!selection || selection.rangeCount === 0)
+                            return;
+                        const fragment = selection.getRangeAt(0).cloneContents();
+                        const mentions = fragment.querySelectorAll("[data-mention-label]");
+                        if (mentions.length === 0)
+                            return;
+                        e.preventDefault();
+                        mentions.forEach((el) => {
+                            el.textContent = `@${el.getAttribute("data-mention-label")}`;
+                        });
+                        const div = document.createElement("div");
+                        div.appendChild(fragment);
+                        e.clipboardData.setData("text/plain", div.textContent || "");
+                    }, children: [_jsx("div", { ref: contentRef, className: cn("whitespace-pre-wrap break-words", !expanded && isExpandable && "max-h-[200px] overflow-hidden"), children: _jsx(MessagePrimitive.Parts, { components: {
+                                    Text: UserMessageText,
+                                } }) }), !expanded && isExpandable && (_jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-14 rounded-b-lg bg-gradient-to-t from-accent via-accent/90 to-transparent" })), !chatRunning && hasDisplayableText && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Edit, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Edit message", className: "absolute -left-8 top-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/0 transition-colors duration-150 group-hover:text-muted-foreground/70 group-hover:hover:bg-accent group-hover:hover:text-foreground", children: _jsx(IconPencil, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "left", className: "text-xs", children: "Edit message" })] }) }))] })), hasDisplayableText && isExpandable && (_jsxs("button", { type: "button", onClick: () => setExpanded((prev) => !prev), className: "mt-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180") }), expanded ? "Collapse" : "Expand"] })), _jsxs("div", { className: "mt-1 flex items-center justify-end gap-1", children: [_jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }))] })] }) }));
+}
+// ─── AssistantMessage ─────────────────────────────────────────────────────────
+export function AssistantMessage() {
+    const [restoreState, setRestoreState] = useState("idle");
+    const messageRuntime = useMessageRuntime();
+    const thread = useThread();
+    const chatRunning = React.useContext(ChatRunningContext);
+    const msg = messageRuntime.getState();
+    const timestamp = formatMessageTimestamp(msg.createdAt);
+    const isLast = thread.messages.length > 0 &&
+        thread.messages[thread.messages.length - 1].id === msg.id;
+    const isComplete = !isLast || !chatRunning;
+    const cpCtx = React.useContext(CheckpointContext);
+    const handleRestore = useCallback(async () => {
+        if (restoreState === "idle") {
+            setRestoreState("confirming");
+            return;
+        }
+        if (restoreState !== "confirming" || !cpCtx)
+            return;
+        setRestoreState("restoring");
+        try {
+            const m = messageRuntime.getState();
+            const meta = m.metadata;
+            const runId = (typeof meta?.custom?.runId === "string" && meta.custom.runId) ||
+                (typeof meta?.runId === "string" && meta.runId) ||
+                null;
+            if (!runId) {
+                setRestoreState("idle");
+                return;
+            }
+            const tid = cpCtx.threadId || "";
+            const res = await fetch(`${cpCtx.apiUrl}/checkpoints?threadId=${encodeURIComponent(tid)}`);
+            const checkpoints = res.ok ? await res.json() : [];
+            const checkpoint = checkpoints.find((cp) => cp.runId === runId);
+            if (!checkpoint) {
+                setRestoreState("idle");
+                return;
+            }
+            const restoreRes = await fetch(`${cpCtx.apiUrl}/checkpoints/restore`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    checkpointId: checkpoint.id,
+                }),
+            });
+            if (restoreRes.ok) {
+                window.location.reload();
+            }
+            else {
+                setRestoreState("idle");
+            }
+        }
+        catch {
+            setRestoreState("idle");
+        }
+    }, [restoreState, cpCtx, messageRuntime]);
+    const cancelRestore = useCallback(() => {
+        setRestoreState("idle");
+    }, []);
+    const showRestore = cpCtx?.devMode && isComplete && !isLast;
+    // Collect parts for the files-changed summary (code-agent turns only).
+    const msgContent = msg.content;
+    const hasCodeAgentTools = Array.isArray(msgContent) &&
+        msgContent.some((p) => p.type === "tool-call" &&
+            p.structuredMeta &&
+            (p.structuredMeta.toolKind === "edit" ||
+                p.structuredMeta.toolKind === "write"));
+    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "max-w-[95%] text-sm leading-relaxed text-foreground", children: [_jsx(MessagePrimitive.Parts, { components: {
+                            Text: MarkdownText,
+                            tools: {
+                                Fallback: ToolCallFallback,
+                            },
+                        } }), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 disabled:cursor-not-allowed disabled:opacity-40", children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: (() => {
+                            const meta = messageRuntime.getState().metadata;
+                            return ((typeof meta?.custom?.runId === "string" &&
+                                meta.custom.runId) ||
+                                (typeof meta?.runId === "string" && meta.runId) ||
+                                "");
+                        })(), messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
+}
+// ─── RunningActivityStatus / ThinkingIndicator ────────────────────────────────
+export function RunningActivityStatus({ label }) {
+    return (_jsx("div", { className: "agent-running-activity shrink-0 px-4 pb-2", children: _jsx(ThinkingIndicator, { label: label }) }));
+}
+export function ThinkingIndicator({ label = "Thinking", } = {}) {
+    const [dots, setDots] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setDots((d) => (d + 1) % 4);
+        }, 400);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsx("div", { className: "flex items-center text-muted-foreground", children: _jsxs("span", { className: "text-xs", children: [label, ".".repeat(dots)] }) }));
+}
+//# sourceMappingURL=message-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-components.js","sourceRoot":"","sources":["../../../src/client/chat/message-components.tsx"],"names":[],"mappings":";AAAA,uEAAuE;AACvE,mFAAmF;AACnF,4EAA4E;AAE5E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,6EAA6E;AAC7E,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAE1D,iFAAiF;AAEjF,MAAM,UAAU,0BAA0B,CAAC,IAAY;IACrD,OAAO,IAAI,CAAC,OAAO,CAAC,kCAAkC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AACrE,CAAC;AASD,SAAS,iBAAiB,CAAC,KAAc;IACvC,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;QAC1B,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACtD,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACpD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,CAAO,EAAE,CAAO;IACzC,OAAO,CACL,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE;QACnC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,EAAE;QAC7B,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,OAAO,EAAE,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAc;IAEd,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;QAC9C,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhB,IAAI,KAAa,CAAC;IAClB,IAAI,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;QACjC,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;QAC9C,KAAK,GAAG,aAAa,IAAI,EAAE,CAAC;IAC9B,CAAC;SAAM,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC;QACpD,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YAC5C,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YAC5C,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;SAChB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED,OAAO;QACL,KAAK;QACL,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YACvC,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;KAChB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,GAIV;IACC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,EACD,KAAK,EAAE,SAAS,CAAC,IAAI,YAEpB,SAAS,CAAC,KAAK,GACX,CACR,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,CACH,eAAe,CACb,oCAAoC,qBAAqB,EAAE,CAC5D,CACF;aACE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aACzD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO;YACtB,MAAM,IAAI,GACP,IAAI,EAAE,KAAK,EAAE,IAA2B;gBACxC,IAAI,EAAE,IAA2B,CAAC;YACrC,IAAI,IAAI;gBAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACnB,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,UAAU,CAAC,CAAQ;YAC1B,MAAM,MAAM,GAAI,CAAiB,CAAC,MAAM,CAAC;YACzC,IAAI,OAAO,MAAM,EAAE,MAAM,KAAK,QAAQ;gBAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnE,CAAC;QACD,SAAS,SAAS;YAChB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,gCAAgC,EAAE,UAAU,CAAC,CAAC;QACtE,MAAM,CAAC,gBAAgB,CAAC,+BAA+B,EAAE,SAAS,CAAC,CAAC;QACpE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,gCAAgC,EAAE,UAAU,CAAC,CAAC;YACzE,MAAM,CAAC,mBAAmB,CAAC,+BAA+B,EAAE,SAAS,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,eAAK,SAAS,EAAC,8HAA8H,aAC3I,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACvB,2BAAO,MAAM,CAAC,cAAc,EAAE,oCAAoC,EAClE,iBACE,IAAI,EAAC,QAAQ,gBACF,yBAAyB,EACpC,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;wBAChB,4DAA4D;wBAC5D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,uCAAuC,CAAC,CACzD,CAAC;oBACJ,CAAC,EACD,SAAS,EAAC,iHAAiH,YAE3H,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACL,GACF,CACP,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAI1C,IAAI,CAAC,CAAC;AAEhB,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAE9C,IAAI,CAAC,CAAC;AAEhB,iFAAiF;AAEjF,MAAM,UAAU,mBAAmB;IACjC,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,IACzB,oBAAoB,QACpB,SAAS,EAAC,6DAA6D,aAEvE,KAAC,qBAAqB,CAAC,QAAQ,IAAC,OAAO,kBACrC,iBACE,IAAI,EAAC,QAAQ,gBACF,iBAAiB,EAC5B,SAAS,EAAC,kNAAkN,YAE5N,KAAC,eAAe,IAAC,SAAS,EAAC,aAAa,GAAG,GACpC,GACsB,EACjC,gBAAM,SAAS,EAAC,0BAA0B,aACxC,KAAC,qBAAqB,CAAC,MAAM,KAAG,EAC/B,GAAG,EACJ,KAAC,qBAAqB,CAAC,KAAK,KAAG,IAC1B,EACP,KAAC,qBAAqB,CAAC,IAAI,IAAC,OAAO,kBACjC,iBACE,IAAI,EAAC,QAAQ,gBACF,aAAa,EACxB,SAAS,EAAC,kNAAkN,YAE5N,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,GAAG,GACrC,GACkB,IACF,CAC9B,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,gCAAgC;CAC5C,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,IAAI,EAAqB;IAClD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,KAAC,UAAU,OAAK,gBAAgB,GAAI,CAAC;QAC9C,KAAK,UAAU;YACb,OAAO,KAAC,YAAY,OAAK,gBAAgB,GAAI,CAAC;QAChD,KAAK,MAAM;YACT,OAAO,KAAC,YAAY,OAAK,gBAAgB,GAAI,CAAC;QAChD,KAAK,OAAO;YACV,OAAO,KAAC,QAAQ,OAAK,gBAAgB,GAAI,CAAC;QAC5C,KAAK,MAAM;YACT,OAAO,KAAC,QAAQ,OAAK,gBAAgB,GAAI,CAAC;QAC5C,KAAK,MAAM;YACT,OAAO,KAAC,gBAAgB,OAAK,gBAAgB,GAAI,CAAC;QACpD,KAAK,OAAO;YACV,OAAO,KAAC,kBAAkB,OAAK,gBAAgB,GAAI,CAAC;QACtD,KAAK,MAAM;YACT,OAAO,KAAC,QAAQ,OAAK,gBAAgB,GAAI,CAAC;QAC5C;YACE,OAAO,KAAC,UAAU,OAAK,gBAAgB,GAAI,CAAC;IAChD,CAAC;AACH,CAAC;AAED,4DAA4D;AAC5D,MAAM,kBAAkB,GAAG,2BAA2B,CAAC;AACvD,MAAM,mBAAmB,GAAG,wBAAwB,CAAC;AAErD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAoB;IACjD,8DAA8D;IAC9D,MAAM,WAAW,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IAErD,MAAM,KAAK,GAAsB,EAAE,CAAC;IACpC,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,KAA6B,CAAC;IAClC,IAAI,eAAe,GAAG,KAAK,CAAC;IAE5B,0CAA0C;IAC1C,kBAAkB,CAAC,SAAS,GAAG,CAAC,CAAC;IACjC,OAAO,CAAC,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QAC/D,eAAe,GAAG,IAAI,CAAC;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,UAAU,GAAG,SAAS,EAAE,CAAC;YAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;QACvD,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,KAAK,CAAC,IAAI,CACR,gBAEE,SAAS,EAAC,0KAA0K,wBAChK,KAAK,aAEzB,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,GAAI,EAC/B,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,KALpC,UAAU,CAMV,CACR,CAAC;QACF,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC;IAED,IAAI,eAAe,EAAE,CAAC;QACpB,IAAI,SAAS,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;YACnC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3C,CAAC;QACD,OAAO,4BAAG,KAAK,GAAI,CAAC;IACtB,CAAC;IAED,sDAAsD;IACtD,mBAAmB,CAAC,SAAS,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QAChE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,UAAU,GAAG,SAAS,EAAE,CAAC;YAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;QACvD,CAAC;QACD,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC7B,KAAK,CAAC,IAAI,CACR,gBAEE,SAAS,EAAC,4JAA4J,wBAClJ,WAAW,kBAE7B,WAAW,KAJR,UAAU,CAKV,CACR,CAAC;QACF,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC;IAED,IAAI,SAAS,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;QACnC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,4BAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GAAI,CAAC;AACvD,CAAC;AAED,iFAAiF;AAEjF,SAAS,sBAAsB;IAC7B,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;IACtC,mFAAmF;IACnF,iFAAiF;IACjF,8EAA8E;IAC9E,4EAA4E;IAC5E,0CAA0C;IAC1C,MAAM,WAAW,GAAI,GAA+C;SACjE,WAAW,CAAC;IACf,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1D,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACvD,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,IAAI,0BAA0B,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzC,OAAO,KAAC,cAAc,IAAc,UAAU,EAAE,GAAG,EAAE,OAAO,UAAhC,GAAG,CAAC,EAAE,CAA6B,CAAC;YAClE,CAAC;YAED,uEAAuE;YACvE,qEAAqE;YACrE,yDAAyD;YACzD,MAAM,SAAS,GACb,GACD,CAAC,QAAQ,EAAE,SAAS,CAAC;YACtB,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,EAAE,IAAI,CACjC,CAAC,CAAC,EAAyC,EAAE,CAC3C,CAAC,CAAC,IAAI,KAAK,OAAO;gBAClB,OAAO,IAAI,CAAC;gBACZ,CAAC,CAAE,CAAwB,CAAC,KAAK,CACpC,CAAC;YACF,MAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC;YACvD,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,CACL,cAEE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,GAAG,CAAC,IAAI,YAEf,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,SAAS,EAAC,4BAA4B,GACtC,IARG,GAAG,CAAC,EAAE,CASP,CACP,CAAC;YACJ,CAAC;YACD,OAAO,CACL,eAEE,SAAS,EAAC,oHAAoH,EAC9H,KAAK,EAAE,GAAG,CAAC,IAAI,aAEf,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,EAC7C,eAAM,SAAS,EAAC,wBAAwB,YAAE,GAAG,CAAC,IAAI,IAAI,MAAM,GAAQ,KAL/D,GAAG,CAAC,EAAE,CAMP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,SAAS,uBAAuB;IAC9B,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,IAAC,SAAS,EAAC,uFAAuF,aACvH,KAAC,iBAAiB,CAAC,KAAK,IACtB,SAAS,EAAC,gIAAgI,EAC1I,IAAI,EAAE,CAAC,EACP,UAAU,EAAC,OAAO,GAClB,EACF,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,iBAAiB,CAAC,MAAM,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qHAAqH,uBAGxH,GACgB,EAC3B,KAAC,iBAAiB,CAAC,IAAI,IAAC,OAAO,kBAC7B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4HAA4H,qBAG/H,GACc,IACrB,IACiB,CAC1B,CAAC;AACJ,CAAC;AAED,kFAAkF;AAElF,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,MAIN,EAAE;IACJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,sBAAsB,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;IAE9E,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO;aACnB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;aAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAE,CAAsB,CAAC,IAAI,CAAC;aACxC,IAAI,CAAC,IAAI,CAAC,CAAC;QACd,KAAK,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE;YACxC,IAAI,CAAC,EAAE;gBAAE,OAAO;YAChB,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,CAAC,CAAC,QAKF,CAAC;QACd,0EAA0E;QAC1E,yEAAyE;QACzE,sEAAsE;QACtE,uEAAuE;QACvE,8DAA8D;QAC9D,MAAM,KAAK,GACT,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC9D,CAAC,OAAO,IAAI,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC;YAC/C,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAC9D,CAAC,CAAC,EAAE;YACJ,EAAE,CAAC;QACL,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE;YACzC,IAAI,CAAC,EAAE;gBAAE,OAAO;YAChB,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,MAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC7C,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,+BACa,iBAAiB,EAC5B,SAAS,EAAE,EAAE,CACX,mJAAmJ,EACnJ,IAAI,IAAI,2BAA2B,CACpC,YAED,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAC7B,GACW,EACtB,MAAC,mBAAmB,IAClB,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,SAAS,EAAC,+CAA+C,aAExD,UAAU,EAAE,UAAU,IAAI,CACzB,MAAC,gBAAgB,IAAC,QAAQ,EAAE,cAAc,aACxC,KAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,iBAEtB,CACpB,EACD,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,iBAAiB,EAAE,CAAC;wBACtB,CAAC,aAEA,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,CACtC,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,CACrC,EACA,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,IACjC,EACnB,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,mBAAmB,EAAE,CAAC;wBACxB,CAAC,aAEA,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,CACtC,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,GAAG,CACnC,EACA,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,IAC/B,EAClB,UAAU,IAAI,CACb,MAAC,gBAAgB,IAAC,QAAQ,EAAE,YAAY,aACtC,KAAC,eAAe,IAAC,SAAS,EAAC,aAAa,GAAG,sBAE1B,CACpB,EACA,SAAS,IAAI,CACZ,8BACE,KAAC,qBAAqB,KAAG,EACzB,MAAC,iBAAiB,IAAC,SAAS,EAAC,yDAAyD,sBAC9E,SAAS,CAAC,KAAK,IACH,IACnB,CACJ,IACmB,IACT,CAChB,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,sBAAsB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,kBAAkB,GACtB,OAAO,CAAC,OAAO;QACb,EAAE,MAAM,CAAC,CAAC,IAAI,EAA0C,EAAE;QACxD,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC/D,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACnE,KAAK,CAAC;IAER,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,EAAE,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAEvC,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,eAAe,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;QACV,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,kFAAkF;IAClF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,uBAAuB,KAAG,GACvB,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,YAEpC,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,sBAAsB,KAAG,EACzB,kBAAkB,IAAI,CACrB,eACE,SAAS,EAAC,iFAAiF,EAC3F,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;wBACxC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,CAAC;4BAAE,OAAO;wBACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;wBACzD,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CACxC,sBAAsB,CACvB,CAAC;wBACF,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;4BAAE,OAAO;wBAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;4BACtB,EAAE,CAAC,WAAW,GAAG,IAAI,EAAE,CAAC,YAAY,CAAC,oBAAoB,CAAC,EAAE,CAAC;wBAC/D,CAAC,CAAC,CAAC;wBACH,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC1C,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;wBAC1B,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;oBAC/D,CAAC,aAED,cACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,CAAC,QAAQ,IAAI,YAAY,IAAI,+BAA+B,CAC7D,YAED,KAAC,gBAAgB,CAAC,KAAK,IACrB,UAAU,EAAE;oCACV,IAAI,EAAE,eAAe;iCACtB,GACD,GACE,EACL,CAAC,QAAQ,IAAI,YAAY,IAAI,CAC5B,cAAK,SAAS,EAAC,6HAA6H,GAAG,CAChJ,EAEA,CAAC,WAAW,IAAI,kBAAkB,IAAI,CACrC,KAAC,eAAe,IAAC,aAAa,EAAE,GAAG,YACjC,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,kBAAkB,CAAC,IAAI,IAAC,OAAO,kBAC9B,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,qPAAqP,YAE/P,KAAC,UAAU,IAAC,SAAS,EAAC,aAAa,GAAG,GAC/B,GACe,GACX,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,6BAE9B,IACT,GACM,CACnB,IACG,CACP,EACA,kBAAkB,IAAI,YAAY,IAAI,CACrC,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC3C,SAAS,EAAC,gIAAgI,aAE1I,KAAC,eAAe,IACd,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,QAAQ,IAAI,YAAY,CACzB,GACD,EACD,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAC1B,CACV,EACD,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,mBAAmB,KAAG,EACtB,SAAS,IAAI,CACZ,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,kGAAkG,GAC5G,CACH,IACG,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAE9C,MAAM,CAAC,CAAC;IACV,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,MAAM,GACV,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;IAC5D,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;YAC5B,eAAe,CAAC,YAAY,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,IAAI,YAAY,KAAK,YAAY,IAAI,CAAC,KAAK;YAAE,OAAO;QACpD,eAAe,CAAC,WAAW,CAAC,CAAC;QAC7B,IAAI,CAAC;YACH,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;YACpC,MAAM,IAAI,GAAG,CAAC,CAAC,QAEF,CAAC;YACd,MAAM,KAAK,GACT,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC9D,CAAC,OAAO,IAAI,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC;gBAC/C,IAAI,CAAC;YACP,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,eAAe,CAAC,MAAM,CAAC,CAAC;gBACxB,OAAO;YACT,CAAC;YACD,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;YACjC,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,GAAG,KAAK,CAAC,MAAM,yBAAyB,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAClE,CAAC;YACF,MAAM,WAAW,GAAc,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CACjC,CAAC,EAAE,EAAE,EAAE,CAAE,EAAyB,CAAC,KAAK,KAAK,KAAK,CACnD,CAAC;YACF,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,eAAe,CAAC,MAAM,CAAC,CAAC;gBACxB,OAAO;YACT,CAAC;YACD,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,sBAAsB,EAAE;gBACpE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,YAAY,EAAG,UAA8B,CAAC,EAAE;iBACjD,CAAC;aACH,CAAC,CAAC;YACH,IAAI,UAAU,CAAC,EAAE,EAAE,CAAC;gBAClB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,KAAK,EAAE,OAAO,IAAI,UAAU,IAAI,CAAC,MAAM,CAAC;IAE5D,uEAAuE;IACvE,MAAM,UAAU,GAAG,GAAG,CAAC,OAAoC,CAAC;IAC5D,MAAM,iBAAiB,GACrB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QACzB,UAAU,CAAC,IAAI,CACb,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,WAAW;YACtB,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,KAAK,MAAM;gBACnC,CAAC,CAAC,cAAc,CAAC,QAAQ,KAAK,OAAO,CAAC,CAC3C,CAAC;IAEJ,OAAO,CACL,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,aAE7D,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,gBAAgB,CAAC,KAAK,IACrB,UAAU,EAAE;4BACV,IAAI,EAAE,YAAY;4BAClB,KAAK,EAAE;gCACL,QAAQ,EAAE,gBAAgB;6BAC3B;yBACF,GACD,EACD,UAAU,IAAI,iBAAiB,IAAI,UAAU,IAAI,CAChD,KAAC,mBAAmB,IAAC,KAAK,EAAE,UAAU,GAAI,CAC3C,IACG,EACL,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,kBAAkB,IACjB,UAAU,EAAE,WAAW,IAAI,YAAY,KAAK,MAAM,EAClD,QAAQ,EAAE,aAAa,GACvB,EAED,MAAM,IAAI,CACT,KAAC,eAAe,IAAC,aAAa,EAAE,GAAG,YACjC,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,kBAAkB,CAAC,MAAM,IAAC,OAAO,kBAChC,iBACE,IAAI,EAAC,QAAQ,gBACF,qBAAqB,EAChC,SAAS,EAAC,mRAAmR,YAE7R,KAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,GAChC,GACiB,GACb,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oCAE7B,IACT,GACM,CACnB,EACD,KAAC,mBAAmB,KAAG,EACtB,SAAS,IAAI,CACZ,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,kGAAkG,GAC5G,CACH,IACG,EACL,WAAW,IAAI,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC,CAC9C,eAAK,SAAS,EAAC,iCAAiC,aAC9C,iBACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,6FAA6F,iCAGhG,EACT,iBACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,gEAAgE,uBAGnE,IACL,CACP,CAAC,CAAC,CAAC,WAAW,IAAI,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,CAChD,gBAAM,SAAS,EAAC,uDAAuD,aACrE,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,oBAE3C,CACR,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAAI,EAAE,EAC/B,KAAK,EAAE,CAAC,GAAG,EAAE;4BACX,MAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC,QAE1B,CAAC;4BACd,OAAO,CACL,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,KAAK,KAAK,QAAQ;gCACtC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;gCACpB,CAAC,OAAO,IAAI,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC;gCAC/C,EAAE,CACH,CAAC;wBACJ,CAAC,CAAC,EAAE,EACJ,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,GAC7D,CACH,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAAqB;IAChE,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,GAC/B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,GAAG,UAAU,MACI,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9B,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,YACtD,gBAAM,SAAS,EAAC,SAAS,aACtB,KAAK,EACL,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IACZ,GACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Owns: message-timestamp helpers, SelectionAttachedPill, UserMessage,\n// AssistantMessage, MessageBranchPicker, CheckpointContext, MessageActionsContext,\n// RunningActivityStatus, ThinkingIndicator, and displayableUserMessageText.\n\nimport React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  useThread,\n  useMessageRuntime,\n  useComposer,\n  MessagePrimitive,\n  ActionBarPrimitive,\n  BranchPickerPrimitive,\n  ComposerPrimitive,\n} from \"@assistant-ui/react\";\nimport type { Attachment } from \"@assistant-ui/react\";\nimport type { ContentPart } from \"../sse-event-processor.js\";\nimport { getActiveRun } from \"../active-run-state.js\";\nimport { cn } from \"../utils.js\";\nimport { writeClipboardText } from \"../clipboard.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport { isPastedTextAttachmentName } from \"../composer/pasted-text.js\";\nimport { PastedTextChip } from \"../composer/PastedTextChip.js\";\nimport { ThumbsFeedback } from \"../observability/ThumbsFeedback.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport { MarkdownText } from \"./markdown-renderer.js\";\nimport {\n  ToolCallFallback,\n  FilesChangedSummary,\n  ChatRunningContext,\n} from \"./tool-call-display.js\";\nimport {\n  IconX,\n  IconCheck,\n  IconCopy,\n  IconChevronDown,\n  IconChevronLeft,\n  IconChevronRight,\n  IconDots,\n  IconGitFork,\n  IconId,\n  IconQuote,\n  IconRefresh,\n  IconArrowBackUp,\n  IconFile,\n  IconFolder,\n  IconFileText,\n  IconCheckbox,\n  IconMail,\n  IconUser,\n  IconPresentation,\n  IconStack2,\n  IconMessageChatbot,\n  IconPencil,\n  IconLoader2,\n} from \"@tabler/icons-react\";\n\n// ─── Pending selection context key ───────────────────────────────────────────\n// Mirrored from AssistantChat to avoid a cross-import on a private constant.\nconst PENDING_SELECTION_KEY = \"pending-selection-context\";\n\n// ─── displayableUserMessageText ───────────────────────────────────────────────\n\nexport function displayableUserMessageText(text: string): string {\n  return text.replace(/<context>[\\s\\S]*?<\\/context>\\n?/g, \"\").trim();\n}\n\n// ─── Message timestamp helpers ────────────────────────────────────────────────\n\ninterface FormattedMessageTimestamp {\n  short: string;\n  full: string;\n}\n\nfunction coerceMessageDate(value: unknown): Date | null {\n  if (value instanceof Date) {\n    return Number.isNaN(value.getTime()) ? null : value;\n  }\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    const date = new Date(value);\n    return Number.isNaN(date.getTime()) ? null : date;\n  }\n  return null;\n}\n\nfunction isSameCalendarDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function formatMessageTimestamp(\n  value: unknown,\n): FormattedMessageTimestamp | null {\n  const date = coerceMessageDate(value);\n  if (!date) return null;\n\n  const now = new Date();\n  const yesterday = new Date(now);\n  yesterday.setDate(now.getDate() - 1);\n  const time = new Intl.DateTimeFormat(undefined, {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  }).format(date);\n\n  let short: string;\n  if (isSameCalendarDay(date, now)) {\n    short = time;\n  } else if (isSameCalendarDay(date, yesterday)) {\n    short = `Yesterday ${time}`;\n  } else if (date.getFullYear() === now.getFullYear()) {\n    short = `${new Intl.DateTimeFormat(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n    }).format(date)}, ${time}`;\n  } else {\n    short = `${new Intl.DateTimeFormat(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n      year: \"numeric\",\n    }).format(date)}, ${time}`;\n  }\n\n  return {\n    short,\n    full: new Intl.DateTimeFormat(undefined, {\n      weekday: \"short\",\n      month: \"short\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    }).format(date),\n  };\n}\n\nexport function MessageTimestamp({\n  timestamp,\n  className,\n}: {\n  timestamp: FormattedMessageTimestamp;\n  className?: string;\n}) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] leading-none text-muted-foreground\",\n        className,\n      )}\n      title={timestamp.full}\n    >\n      {timestamp.short}\n    </span>\n  );\n}\n\n// ─── SelectionAttachedPill ────────────────────────────────────────────────────\n\nexport function SelectionAttachedPill() {\n  const [length, setLength] = useState<number | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(\n      agentNativePath(\n        `/_agent-native/application-state/${PENDING_SELECTION_KEY}`,\n      ),\n    )\n      .then((r) => (r.ok && r.status !== 204 ? r.json() : null))\n      .then((data) => {\n        if (cancelled) return;\n        const text =\n          (data?.value?.text as string | undefined) ??\n          (data?.text as string | undefined);\n        if (text) setLength(text.length);\n      })\n      .catch(() => {});\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    function onAttached(e: Event) {\n      const detail = (e as CustomEvent).detail;\n      if (typeof detail?.length === \"number\") setLength(detail.length);\n    }\n    function onCleared() {\n      setLength(null);\n    }\n    window.addEventListener(\"agent-panel:selection-attached\", onAttached);\n    window.addEventListener(\"agent-panel:selection-cleared\", onCleared);\n    return () => {\n      window.removeEventListener(\"agent-panel:selection-attached\", onAttached);\n      window.removeEventListener(\"agent-panel:selection-cleared\", onCleared);\n    };\n  }, []);\n\n  if (length === null || length === 0) return null;\n\n  return (\n    <div className=\"shrink-0 px-3 pt-1.5 -mb-1\">\n      <div className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/50 px-2 py-0.5 text-[11px] text-muted-foreground\">\n        <IconQuote size={11} />\n        <span>{length.toLocaleString()} chars of selection attached</span>\n        <button\n          type=\"button\"\n          aria-label=\"Clear selection context\"\n          onClick={() => {\n            setLength(null);\n            // Dispatch clear event; AssistantChat owns the DELETE call.\n            window.dispatchEvent(\n              new CustomEvent(\"agent-panel:selection-clear-requested\"),\n            );\n          }}\n          className=\"flex h-4 w-4 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/60\"\n        >\n          <IconX size={11} />\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// ─── CheckpointContext / MessageActionsContext ────────────────────────────────\n\nexport const CheckpointContext = React.createContext<{\n  apiUrl: string;\n  devMode: boolean;\n  threadId?: string;\n} | null>(null);\n\nexport const MessageActionsContext = React.createContext<{\n  onForkChat?: () => void | boolean | Promise<void | boolean>;\n} | null>(null);\n\n// ─── MessageBranchPicker ──────────────────────────────────────────────────────\n\nexport function MessageBranchPicker() {\n  return (\n    <BranchPickerPrimitive.Root\n      hideWhenSingleBranch\n      className=\"flex items-center gap-0.5 text-[11px] text-muted-foreground\"\n    >\n      <BranchPickerPrimitive.Previous asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Previous branch\"\n          className=\"flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n        >\n          <IconChevronLeft className=\"h-3.5 w-3.5\" />\n        </button>\n      </BranchPickerPrimitive.Previous>\n      <span className=\"tabular-nums select-none\">\n        <BranchPickerPrimitive.Number />\n        {\"/\"}\n        <BranchPickerPrimitive.Count />\n      </span>\n      <BranchPickerPrimitive.Next asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Next branch\"\n          className=\"flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n        >\n          <IconChevronRight className=\"h-3.5 w-3.5\" />\n        </button>\n      </BranchPickerPrimitive.Next>\n    </BranchPickerPrimitive.Root>\n  );\n}\n\n// ─── Mention rendering ────────────────────────────────────────────────────────\n\nconst mentionIconProps = {\n  size: 14,\n  className: \"shrink-0 text-muted-foreground\",\n};\n\nfunction MentionChipIcon({ icon }: { icon?: string }) {\n  switch (icon) {\n    case \"folder\":\n      return <IconFolder {...mentionIconProps} />;\n    case \"document\":\n      return <IconFileText {...mentionIconProps} />;\n    case \"form\":\n      return <IconCheckbox {...mentionIconProps} />;\n    case \"email\":\n      return <IconMail {...mentionIconProps} />;\n    case \"user\":\n      return <IconUser {...mentionIconProps} />;\n    case \"deck\":\n      return <IconPresentation {...mentionIconProps} />;\n    case \"agent\":\n      return <IconMessageChatbot {...mentionIconProps} />;\n    case \"file\":\n      return <IconFile {...mentionIconProps} />;\n    default:\n      return <IconStack2 {...mentionIconProps} />;\n  }\n}\n\n// Matches rich mention format: @[label|icon] or plain @word\nconst richMentionPattern = /@\\[([^\\]|]+)\\|([^\\]]+)\\]/g;\nconst plainMentionPattern = /((?:^|(?<=\\s))@(\\w+))/g;\n\nfunction UserMessageText({ text }: { text: string }) {\n  // Strip injected <context>...</context> blocks before display\n  const displayText = displayableUserMessageText(text);\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n  let hasRichMentions = false;\n\n  // First try rich mentions (@[label|icon])\n  richMentionPattern.lastIndex = 0;\n  while ((match = richMentionPattern.exec(displayText)) !== null) {\n    hasRichMentions = true;\n    const matchStart = match.index;\n    if (matchStart > lastIndex) {\n      parts.push(displayText.slice(lastIndex, matchStart));\n    }\n    const label = match[1];\n    const icon = match[2];\n    parts.push(\n      <span\n        key={matchStart}\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-all\"\n        data-mention-label={label}\n      >\n        <MentionChipIcon icon={icon} />\n        <span className=\"truncate\">{label}</span>\n      </span>,\n    );\n    lastIndex = matchStart + match[0].length;\n  }\n\n  if (hasRichMentions) {\n    if (lastIndex < displayText.length) {\n      parts.push(displayText.slice(lastIndex));\n    }\n    return <>{parts}</>;\n  }\n\n  // Fallback: plain @word mentions (for older messages)\n  plainMentionPattern.lastIndex = 0;\n  while ((match = plainMentionPattern.exec(displayText)) !== null) {\n    const matchStart = match.index;\n    if (matchStart > lastIndex) {\n      parts.push(displayText.slice(lastIndex, matchStart));\n    }\n    const mentionName = match[2];\n    parts.push(\n      <span\n        key={matchStart}\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 select-all\"\n        data-mention-label={mentionName}\n      >\n        @{mentionName}\n      </span>,\n    );\n    lastIndex = matchStart + match[0].length;\n  }\n\n  if (lastIndex < displayText.length) {\n    parts.push(displayText.slice(lastIndex));\n  }\n\n  return <>{parts.length > 0 ? parts : displayText}</>;\n}\n\n// ─── UserMessageAttachments ───────────────────────────────────────────────────\n\nfunction UserMessageAttachments() {\n  const messageRuntime = useMessageRuntime();\n  const msg = messageRuntime.getState();\n  // assistant-ui stores user attachments on msg.attachments (separate from content).\n  // Each attachment has: { id, type, name, contentType?, content: MessagePart[] }.\n  // Image adapters put a {type:\"image\", image:\"data:...\"} part in content; text\n  // adapters put a {type:\"text\", text:\"<attachment>...\"} part. Fall back to a\n  // file chip when there's no inline image.\n  const attachments = (msg as { attachments?: readonly Attachment[] })\n    .attachments;\n  if (!attachments || attachments.length === 0) return null;\n\n  return (\n    <div className=\"flex flex-wrap justify-end gap-1.5 mb-1.5\">\n      {attachments.map((att) => {\n        if (isPastedTextAttachmentName(att.name)) {\n          return <PastedTextChip key={att.id} attachment={att} compact />;\n        }\n\n        // Prefer the hosted upload URL when available (set by the server after\n        // preUploadAttachments). This avoids re-shipping base64 in each poll\n        // and lets the browser cache the image via a stable URL.\n        const uploadUrl = (\n          att as unknown as { metadata?: { uploadUrl?: string } }\n        ).metadata?.uploadUrl;\n        const imagePart = att.content?.find(\n          (p): p is { type: \"image\"; image: string } =>\n            p.type === \"image\" &&\n            \"image\" in p &&\n            !!(p as { image?: string }).image,\n        );\n        const imageSrc = uploadUrl || imagePart?.image || null;\n        if (imageSrc) {\n          return (\n            <div\n              key={att.id}\n              className=\"h-16 w-16 overflow-hidden rounded-lg border border-border/70 bg-muted/50\"\n              title={att.name}\n            >\n              <img\n                src={imageSrc}\n                alt={att.name}\n                className=\"h-full w-full object-cover\"\n              />\n            </div>\n          );\n        }\n        return (\n          <div\n            key={att.id}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border/70 bg-muted/50 px-2 py-1.5 text-xs text-muted-foreground\"\n            title={att.name}\n          >\n            <IconFile className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"truncate max-w-[120px]\">{att.name || \"file\"}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ─── UserMessageEditComposer ──────────────────────────────────────────────────\n\nfunction UserMessageEditComposer() {\n  return (\n    <ComposerPrimitive.Root className=\"flex flex-col gap-2 rounded-lg border border-border bg-background px-3 py-2 shadow-sm\">\n      <ComposerPrimitive.Input\n        className=\"w-full resize-none bg-transparent text-sm leading-relaxed text-foreground placeholder:text-muted-foreground focus:outline-none\"\n        rows={1}\n        submitMode=\"enter\"\n      />\n      <div className=\"flex justify-end gap-2\">\n        <ComposerPrimitive.Cancel asChild>\n          <button\n            type=\"button\"\n            className=\"cursor-pointer rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground\"\n          >\n            Cancel\n          </button>\n        </ComposerPrimitive.Cancel>\n        <ComposerPrimitive.Send asChild>\n          <button\n            type=\"submit\"\n            className=\"cursor-pointer rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background hover:opacity-90 disabled:opacity-50\"\n          >\n            Save\n          </button>\n        </ComposerPrimitive.Send>\n      </div>\n    </ComposerPrimitive.Root>\n  );\n}\n\n// ─── MessageActionsMenu ────────────────────────────────────────────────────────\n\nexport function MessageActionsMenu({\n  showRevert,\n  onRevert,\n}: {\n  showRevert?: boolean;\n  onRevert?: () => void;\n} = {}) {\n  const [open, setOpen] = useState(false);\n  const [copied, setCopied] = useState<string | null>(null);\n  const messageRuntime = useMessageRuntime();\n  const actionsCtx = React.useContext(MessageActionsContext);\n  const timestamp = formatMessageTimestamp(messageRuntime.getState().createdAt);\n\n  const handleCopyMessage = useCallback(() => {\n    const m = messageRuntime.getState();\n    const text = m.content\n      .filter((p) => p.type === \"text\")\n      .map((p) => (p as { text: string }).text)\n      .join(\"\\n\");\n    void writeClipboardText(text).then((ok) => {\n      if (!ok) return;\n      setCopied(\"message\");\n      setTimeout(() => {\n        setCopied(null);\n        setOpen(false);\n      }, 1000);\n    });\n  }, [messageRuntime]);\n\n  const handleCopyRequestId = useCallback(() => {\n    const m = messageRuntime.getState();\n    const meta = m.metadata as\n      | {\n          custom?: { runId?: unknown };\n          runId?: unknown;\n        }\n      | undefined;\n    // Live yields put the trace ID at metadata.custom.runId; server-persisted\n    // messages put it at metadata.runId. If neither is present (e.g. the run\n    // is still in flight and this is the first message), fall back to the\n    // active-run state so a hung / mid-stream chat still surfaces a usable\n    // trace ID. Last resort is the assistant-ui local message id.\n    const runId =\n      (typeof meta?.custom?.runId === \"string\" && meta.custom.runId) ||\n      (typeof meta?.runId === \"string\" && meta.runId) ||\n      (typeof window !== \"undefined\" ? getActiveRun()?.runId : null) ||\n      m.id ||\n      \"\";\n    void writeClipboardText(runId).then((ok) => {\n      if (!ok) return;\n      setCopied(\"id\");\n      setTimeout(() => {\n        setCopied(null);\n        setOpen(false);\n      }, 1000);\n    });\n  }, [messageRuntime]);\n\n  const handleForkChat = useCallback(() => {\n    setOpen(false);\n    actionsCtx?.onForkChat?.();\n  }, [actionsCtx]);\n\n  const handleRevert = useCallback(() => {\n    setOpen(false);\n    onRevert?.();\n  }, [onRevert]);\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <button\n          aria-label=\"Message actions\"\n          className={cn(\n            \"flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground\",\n            open && \"bg-accent text-foreground\",\n          )}\n        >\n          <IconDots className=\"h-3.5 w-3.5\" />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"start\"\n        sideOffset={6}\n        className=\"w-48 rounded-lg border-border p-1.5 shadow-xl\"\n      >\n        {actionsCtx?.onForkChat && (\n          <DropdownMenuItem onSelect={handleForkChat}>\n            <IconGitFork className=\"h-3.5 w-3.5\" />\n            Fork Chat\n          </DropdownMenuItem>\n        )}\n        <DropdownMenuItem\n          onSelect={(e) => {\n            e.preventDefault();\n            handleCopyMessage();\n          }}\n        >\n          {copied === \"message\" ? (\n            <IconCheck className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconCopy className=\"h-3.5 w-3.5\" />\n          )}\n          {copied === \"message\" ? \"Copied!\" : \"Copy Message\"}\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          onSelect={(e) => {\n            e.preventDefault();\n            handleCopyRequestId();\n          }}\n        >\n          {copied === \"id\" ? (\n            <IconCheck className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconId className=\"h-3.5 w-3.5\" />\n          )}\n          {copied === \"id\" ? \"Copied!\" : \"Copy Request ID\"}\n        </DropdownMenuItem>\n        {showRevert && (\n          <DropdownMenuItem onSelect={handleRevert}>\n            <IconArrowBackUp className=\"h-3.5 w-3.5\" />\n            Revert to here\n          </DropdownMenuItem>\n        )}\n        {timestamp && (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuLabel className=\"px-2 py-1 text-[11px] font-normal text-muted-foreground\">\n              Sent {timestamp.short}\n            </DropdownMenuLabel>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// ─── UserMessage ──────────────────────────────────────────────────────────────\n\nexport function UserMessage() {\n  const [expanded, setExpanded] = useState(false);\n  const [isExpandable, setIsExpandable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const messageRuntime = useMessageRuntime();\n  const message = messageRuntime.getState();\n  const timestamp = formatMessageTimestamp(message.createdAt);\n  const isEditing = useComposer((state) => state.isEditing);\n  const chatRunning = React.useContext(ChatRunningContext);\n  const hasDisplayableText =\n    message.content\n      ?.filter((part): part is { type: \"text\"; text: string } => {\n        return part.type === \"text\" && typeof part.text === \"string\";\n      })\n      .some((part) => displayableUserMessageText(part.text).length > 0) ??\n    false;\n\n  useEffect(() => {\n    const el = contentRef.current;\n    if (!el || !hasDisplayableText) return;\n\n    const measure = () => {\n      setIsExpandable(el.scrollHeight > 200);\n    };\n\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [hasDisplayableText]);\n\n  // When in edit mode, show the inline edit composer instead of the message bubble.\n  if (isEditing) {\n    return (\n      <div className=\"flex justify-end\">\n        <div className=\"w-full max-w-[85%]\">\n          <UserMessageEditComposer />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"group flex justify-end\"\n      style={{ contentVisibility: \"auto\" }}\n    >\n      <div className=\"max-w-[85%]\">\n        <UserMessageAttachments />\n        {hasDisplayableText && (\n          <div\n            className=\"relative rounded-lg bg-accent px-3 py-2 text-sm leading-relaxed text-foreground\"\n            onCopy={(e) => {\n              const selection = window.getSelection();\n              if (!selection || selection.rangeCount === 0) return;\n              const fragment = selection.getRangeAt(0).cloneContents();\n              const mentions = fragment.querySelectorAll(\n                \"[data-mention-label]\",\n              );\n              if (mentions.length === 0) return;\n              e.preventDefault();\n              mentions.forEach((el) => {\n                el.textContent = `@${el.getAttribute(\"data-mention-label\")}`;\n              });\n              const div = document.createElement(\"div\");\n              div.appendChild(fragment);\n              e.clipboardData.setData(\"text/plain\", div.textContent || \"\");\n            }}\n          >\n            <div\n              ref={contentRef}\n              className={cn(\n                \"whitespace-pre-wrap break-words\",\n                !expanded && isExpandable && \"max-h-[200px] overflow-hidden\",\n              )}\n            >\n              <MessagePrimitive.Parts\n                components={{\n                  Text: UserMessageText,\n                }}\n              />\n            </div>\n            {!expanded && isExpandable && (\n              <div className=\"pointer-events-none absolute inset-x-0 bottom-0 h-14 rounded-b-lg bg-gradient-to-t from-accent via-accent/90 to-transparent\" />\n            )}\n            {/* Edit hover affordance — appears on hover when not running */}\n            {!chatRunning && hasDisplayableText && (\n              <TooltipProvider delayDuration={400}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <ActionBarPrimitive.Edit asChild>\n                      <button\n                        type=\"button\"\n                        aria-label=\"Edit message\"\n                        className=\"absolute -left-8 top-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/0 transition-colors duration-150 group-hover:text-muted-foreground/70 group-hover:hover:bg-accent group-hover:hover:text-foreground\"\n                      >\n                        <IconPencil className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </ActionBarPrimitive.Edit>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"left\" className=\"text-xs\">\n                    Edit message\n                  </TooltipContent>\n                </Tooltip>\n              </TooltipProvider>\n            )}\n          </div>\n        )}\n        {hasDisplayableText && isExpandable && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((prev) => !prev)}\n            className=\"mt-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground\"\n          >\n            <IconChevronDown\n              className={cn(\n                \"h-3.5 w-3.5 transition-transform\",\n                expanded && \"rotate-180\",\n              )}\n            />\n            {expanded ? \"Collapse\" : \"Expand\"}\n          </button>\n        )}\n        <div className=\"mt-1 flex items-center justify-end gap-1\">\n          <MessageBranchPicker />\n          {timestamp && (\n            <MessageTimestamp\n              timestamp={timestamp}\n              className=\"opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100\"\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ─── AssistantMessage ─────────────────────────────────────────────────────────\n\nexport function AssistantMessage() {\n  const [restoreState, setRestoreState] = useState<\n    \"idle\" | \"confirming\" | \"restoring\"\n  >(\"idle\");\n  const messageRuntime = useMessageRuntime();\n  const thread = useThread();\n  const chatRunning = React.useContext(ChatRunningContext);\n  const msg = messageRuntime.getState();\n  const timestamp = formatMessageTimestamp(msg.createdAt);\n  const isLast =\n    thread.messages.length > 0 &&\n    thread.messages[thread.messages.length - 1].id === msg.id;\n  const isComplete = !isLast || !chatRunning;\n  const cpCtx = React.useContext(CheckpointContext);\n\n  const handleRestore = useCallback(async () => {\n    if (restoreState === \"idle\") {\n      setRestoreState(\"confirming\");\n      return;\n    }\n    if (restoreState !== \"confirming\" || !cpCtx) return;\n    setRestoreState(\"restoring\");\n    try {\n      const m = messageRuntime.getState();\n      const meta = m.metadata as\n        | { custom?: { runId?: unknown }; runId?: unknown }\n        | undefined;\n      const runId =\n        (typeof meta?.custom?.runId === \"string\" && meta.custom.runId) ||\n        (typeof meta?.runId === \"string\" && meta.runId) ||\n        null;\n      if (!runId) {\n        setRestoreState(\"idle\");\n        return;\n      }\n      const tid = cpCtx.threadId || \"\";\n      const res = await fetch(\n        `${cpCtx.apiUrl}/checkpoints?threadId=${encodeURIComponent(tid)}`,\n      );\n      const checkpoints: unknown[] = res.ok ? await res.json() : [];\n      const checkpoint = checkpoints.find(\n        (cp) => (cp as { runId?: string }).runId === runId,\n      );\n      if (!checkpoint) {\n        setRestoreState(\"idle\");\n        return;\n      }\n      const restoreRes = await fetch(`${cpCtx.apiUrl}/checkpoints/restore`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          checkpointId: (checkpoint as { id?: string }).id,\n        }),\n      });\n      if (restoreRes.ok) {\n        window.location.reload();\n      } else {\n        setRestoreState(\"idle\");\n      }\n    } catch {\n      setRestoreState(\"idle\");\n    }\n  }, [restoreState, cpCtx, messageRuntime]);\n\n  const cancelRestore = useCallback(() => {\n    setRestoreState(\"idle\");\n  }, []);\n\n  const showRestore = cpCtx?.devMode && isComplete && !isLast;\n\n  // Collect parts for the files-changed summary (code-agent turns only).\n  const msgContent = msg.content as ContentPart[] | undefined;\n  const hasCodeAgentTools =\n    Array.isArray(msgContent) &&\n    msgContent.some(\n      (p) =>\n        p.type === \"tool-call\" &&\n        p.structuredMeta &&\n        (p.structuredMeta.toolKind === \"edit\" ||\n          p.structuredMeta.toolKind === \"write\"),\n    );\n\n  return (\n    <div\n      className=\"group relative\"\n      style={{ contentVisibility: isComplete ? \"auto\" : \"visible\" }}\n    >\n      <div className=\"max-w-[95%] text-sm leading-relaxed text-foreground\">\n        <MessagePrimitive.Parts\n          components={{\n            Text: MarkdownText,\n            tools: {\n              Fallback: ToolCallFallback,\n            },\n          }}\n        />\n        {isComplete && hasCodeAgentTools && msgContent && (\n          <FilesChangedSummary parts={msgContent} />\n        )}\n      </div>\n      {isComplete && (\n        <div className=\"mt-1 flex items-center justify-between\">\n          <div className=\"flex min-w-0 items-center gap-1\">\n            <MessageActionsMenu\n              showRevert={showRestore && restoreState === \"idle\"}\n              onRevert={handleRestore}\n            />\n            {/* Regenerate button — only on the last assistant message, auto-disabled while running */}\n            {isLast && (\n              <TooltipProvider delayDuration={400}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <ActionBarPrimitive.Reload asChild>\n                      <button\n                        type=\"button\"\n                        aria-label=\"Regenerate response\"\n                        className=\"flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 disabled:cursor-not-allowed disabled:opacity-40\"\n                      >\n                        <IconRefresh className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </ActionBarPrimitive.Reload>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"text-xs\">\n                    Regenerate response\n                  </TooltipContent>\n                </Tooltip>\n              </TooltipProvider>\n            )}\n            <MessageBranchPicker />\n            {timestamp && (\n              <MessageTimestamp\n                timestamp={timestamp}\n                className=\"opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100\"\n              />\n            )}\n          </div>\n          {showRestore && restoreState === \"confirming\" ? (\n            <div className=\"flex items-center gap-1 text-xs\">\n              <button\n                onClick={handleRestore}\n                className=\"rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90\"\n              >\n                Restore to here?\n              </button>\n              <button\n                onClick={cancelRestore}\n                className=\"rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent\"\n              >\n                Cancel\n              </button>\n            </div>\n          ) : showRestore && restoreState === \"restoring\" ? (\n            <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n              Restoring...\n            </span>\n          ) : (\n            <ThumbsFeedback\n              threadId={cpCtx?.threadId ?? \"\"}\n              runId={(() => {\n                const meta = messageRuntime.getState().metadata as\n                  | { custom?: { runId?: unknown }; runId?: unknown }\n                  | undefined;\n                return (\n                  (typeof meta?.custom?.runId === \"string\" &&\n                    meta.custom.runId) ||\n                  (typeof meta?.runId === \"string\" && meta.runId) ||\n                  \"\"\n                );\n              })()}\n              messageSeq={thread.messages.findIndex((m) => m.id === msg.id)}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── RunningActivityStatus / ThinkingIndicator ────────────────────────────────\n\nexport function RunningActivityStatus({ label }: { label: string }) {\n  return (\n    <div className=\"agent-running-activity shrink-0 px-4 pb-2\">\n      <ThinkingIndicator label={label} />\n    </div>\n  );\n}\n\nexport function ThinkingIndicator({\n  label = \"Thinking\",\n}: { label?: string } = {}) {\n  const [dots, setDots] = useState(0);\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setDots((d) => (d + 1) % 4);\n    }, 400);\n    return () => clearInterval(interval);\n  }, []);\n  return (\n    <div className=\"flex items-center text-muted-foreground\">\n      <span className=\"text-xs\">\n        {label}\n        {\".\".repeat(dots)}\n      </span>\n    </div>\n  );\n}\n"]}