@talk2view/sdk 0.14.0 → 0.16.0

package/dist/chat/vendor/reasoning.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { cva } from "class-variance-authority";
+import { BrainIcon, ChevronDownIcon } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../ui/collapsible.js";
+import { cn } from "../lib/cn.js";
+export const ANIMATION_DURATION = 200;
+const ReasoningPreviewContext = createContext(false);
+const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
+    variants: {
+        variant: {
+            outline: "rounded-lg border px-3 py-2",
+            ghost: "",
+            muted: "bg-muted/50 rounded-lg px-3 py-2",
+        },
+    },
+    defaultVariants: {
+        variant: "outline",
+    },
+});
+function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, streaming, onAnimationStart, children, ...props }) {
+    const [initialOpen] = useState(defaultOpen);
+    const [userOpen, setUserOpen] = useState(null);
+    const isControlled = controlledOpen !== undefined;
+    const isOpen = isControlled
+        ? controlledOpen
+        : (userOpen ?? (streaming || initialOpen));
+    const isPreview = streaming === true && isOpen;
+    const prevStreamingRef = useRef(streaming);
+    useLayoutEffect(() => {
+        if (prevStreamingRef.current === streaming)
+            return;
+        prevStreamingRef.current = streaming;
+        // A streaming transition only animates the panel when the resting state
+        // is collapsed; with `defaultOpen` the disclosure stays open across it.
+        if (!isControlled && userOpen === null && !initialOpen) {
+            onAnimationStart?.();
+        }
+    }, [streaming, isControlled, userOpen, initialOpen, onAnimationStart]);
+    const handleOpenChange = useCallback((open) => {
+        onAnimationStart?.();
+        if (!isControlled) {
+            setUserOpen(open);
+        }
+        controlledOnOpenChange?.(open);
+    }, [onAnimationStart, isControlled, controlledOnOpenChange]);
+    return (_jsx(Collapsible, { "data-slot": "reasoning-root", "data-variant": variant, open: isOpen, onOpenChange: handleOpenChange, className: cn("group/reasoning-root", reasoningVariants({ variant, className })), style: {
+            "--animation-duration": `${ANIMATION_DURATION}ms`,
+        }, ...props, children: _jsx(ReasoningPreviewContext.Provider, { value: isPreview, children: children }) }));
+}
+function ReasoningFade({ side = "bottom", className, ...props }) {
+    if (side === "top") {
+        return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 top-0 z-10 h-8", "bg-[linear-gradient(to_bottom,var(--color-background),transparent)]", "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_bottom,color-mix(in_oklab,var(--color-muted)_50%,var(--color-background)),transparent)]", "fade-in-0 animate-in", "animation-duration-(--animation-duration)", className), ...props }));
+    }
+    return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 bottom-0 z-10 h-8", "bg-[linear-gradient(to_top,var(--color-background),transparent)]", "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_top,color-mix(in_oklab,var(--color-muted)_50%,var(--color-background)),transparent)]", "fade-in-0 animate-in", "animation-duration-(--animation-duration)", className), ...props }));
+}
+function ReasoningTrigger({ active, duration, className, ...props }) {
+    const durationText = duration ? ` (${duration}s)` : "";
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "reasoning-trigger", className: cn("aui-reasoning-trigger group/trigger text-muted-foreground hover:text-foreground flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm transition-[color,scale] active:scale-[0.98]", className), ...props, children: [_jsx(BrainIcon, { "data-slot": "reasoning-trigger-icon", className: "aui-reasoning-trigger-icon size-4 shrink-0" }), _jsxs("span", { "data-slot": "reasoning-trigger-label", className: cn("aui-reasoning-trigger-label-wrapper inline-block leading-none tabular-nums", active && "shimmer motion-reduce:animate-none"), children: ["Reasoning", durationText] }), _jsx(ChevronDownIcon, { "data-slot": "reasoning-trigger-chevron", className: cn("aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+}
+function ReasoningContent({ className, children, ...props }) {
+    const isPreview = useContext(ReasoningPreviewContext);
+    return (_jsxs(CollapsibleContent, { "data-slot": "reasoning-content", className: cn("aui-reasoning-content text-muted-foreground relative overflow-hidden text-sm outline-none", "group/collapsible-content ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:animate-none", "data-closed:animate-collapsible-up", "data-open:animate-collapsible-down", "data-closed:fill-mode-forwards", "data-closed:pointer-events-none", "[--tw-duration:var(--animation-duration)]", className), ...props, children: [_jsx(ReasoningFade, { side: "top" }), children, isPreview ? _jsx(ReasoningFade, {}) : null] }));
+}
+function ReasoningText({ className, children, ...props }) {
+    const isPreview = useContext(ReasoningPreviewContext);
+    const scrollRef = useRef(null);
+    const contentRef = useRef(null);
+    useEffect(() => {
+        if (!isPreview)
+            return;
+        const scrollEl = scrollRef.current;
+        const contentEl = contentRef.current;
+        if (!scrollEl || !contentEl)
+            return;
+        let pinned = true;
+        let lastScrollTop = scrollEl.scrollTop;
+        let lastScrollHeight = scrollEl.scrollHeight;
+        const isAtBottom = () => Math.abs(scrollEl.scrollHeight - scrollEl.scrollTop - scrollEl.clientHeight) <= 1 || scrollEl.scrollHeight <= scrollEl.clientHeight;
+        const pin = () => {
+            if (!pinned)
+                return;
+            scrollEl.scrollTop = scrollEl.scrollHeight;
+        };
+        // A pin's own scroll event can arrive after new content grew the scroll
+        // height and read as "not at bottom"; only an upward move at unchanged
+        // scroll height is user intent.
+        const onScroll = () => {
+            if (isAtBottom()) {
+                pinned = true;
+            }
+            else if (scrollEl.scrollTop < lastScrollTop &&
+                scrollEl.scrollHeight === lastScrollHeight) {
+                pinned = false;
+            }
+            lastScrollTop = scrollEl.scrollTop;
+            lastScrollHeight = scrollEl.scrollHeight;
+        };
+        pin();
+        scrollEl.addEventListener("scroll", onScroll);
+        const observer = new ResizeObserver(pin);
+        observer.observe(contentEl);
+        return () => {
+            scrollEl.removeEventListener("scroll", onScroll);
+            observer.disconnect();
+        };
+    }, [isPreview]);
+    return (_jsx("div", { ref: scrollRef, "data-slot": "reasoning-text", className: cn("aui-reasoning-text relative z-0 max-h-64 overflow-y-auto ps-6 pt-2 pb-2 leading-relaxed text-pretty", "transform-gpu transition-[transform,opacity] ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:animate-none", "group-data-open/collapsible-content:animate-in", "group-data-closed/collapsible-content:animate-out", "group-data-open/collapsible-content:fade-in-0", "group-data-closed/collapsible-content:fade-out-0", "group-data-open/collapsible-content:slide-in-from-top-4", "group-data-closed/collapsible-content:slide-out-to-top-4", "group-data-open/collapsible-content:blur-in-[2px]", "group-data-closed/collapsible-content:blur-out-[2px]", "group-data-open/collapsible-content:animation-duration-(--animation-duration)", "group-data-closed/collapsible-content:animation-duration-(--animation-duration)", className), ...props, children: _jsx("div", { ref: contentRef, className: "aui-reasoning-text-content space-y-4", children: children }) }));
+}
+export { ReasoningRoot, ReasoningTrigger, ReasoningContent, ReasoningText, ReasoningFade, reasoningVariants, };
+//# sourceMappingURL=reasoning.js.map

package/dist/chat/vendor/reasoning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning.js","sourceRoot":"","sources":["../../../src/chat/vendor/reasoning.tsx"],"names":[],"mappings":"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"}

package/dist/chat/vendor/thread-list.aui.d.ts

@@ -0,0 +1,37 @@
+import { ThreadListPrimitive } from "@assistant-ui/react";
+import { type ComponentPropsWithoutRef, type FC } from "react";
+export declare const ThreadList: FC;
+export declare const ThreadListSearch: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref">, "value" | "onChange"> & {
+    value: string;
+    onValueChange: (value: string) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ThreadListRoot: FC<ComponentPropsWithoutRef<typeof ThreadListPrimitive.Root>>;
+export declare const ThreadListItems: FC<ComponentPropsWithoutRef<"div"> & {
+    searchQuery?: string;
+}>;
+export type ThreadListGroup = {
+    label: string;
+    indices: number[];
+};
+/**
+ * Filters the thread list by title and buckets the matches by last activity
+ * (Today, Yesterday, Earlier). `groups` is null when no thread carries a
+ * date, in which case `filteredIndices` keeps the runtime order.
+ */
+export declare const useThreadListGroups: (searchQuery?: string) => {
+    threadIds: readonly string[];
+    filteredIndices: number[];
+    groups: null;
+} | {
+    threadIds: readonly string[];
+    filteredIndices: number[];
+    groups: ThreadListGroup[];
+};
+export declare const ThreadListNew: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ButtonProps & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & {
+    labelClassName?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ThreadListItem: FC;
+//# sourceMappingURL=thread-list.aui.d.ts.map

package/dist/chat/vendor/thread-list.aui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list.aui.d.ts","sourceRoot":"","sources":["../../../src/chat/vendor/thread-list.aui.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,mBAAmB,EAGpB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EAOL,KAAK,wBAAwB,EAC7B,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,UAAU,EAAE,EAaxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;WAGlB,MAAM;mBACE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;oDAqBxC,CAAC;AAIH,eAAO,MAAM,cAAc,EAAE,EAAE,CAC7B,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAS1D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAC9B,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB3D,CAAC;AAaF,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,oBAAgB;;;;;;;;CA6CnD,CAAC;AAiDF,eAAO,MAAM,aAAa;;;;qBAEqC,MAAM;qDA2BnE,CAAC;AAyBH,eAAO,MAAM,cAAc,EAAE,EAiD5B,CAAC"}

package/dist/chat/vendor/thread-list.aui.js

@@ -0,0 +1,154 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../lib/cn.js";
+import { AuiIf, ThreadListItemMorePrimitive, ThreadListItemPrimitive, ThreadListPrimitive, useAui, useAuiState, } from "@assistant-ui/react";
+import { ArchiveIcon, Loader2Icon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, } from "lucide-react";
+import { forwardRef, Fragment, useEffect, useMemo, useRef, useState, } from "react";
+export const ThreadList = () => {
+    const [search, setSearch] = useState("");
+    const hasThreads = useAuiState((s) => s.threads.threadIds.length > 0);
+    return (_jsxs(ThreadListRoot, { children: [_jsx(ThreadListNew, {}), hasThreads && (_jsx(ThreadListSearch, { value: search, onValueChange: setSearch })), _jsx(ThreadListItems, { searchQuery: hasThreads ? search : "" })] }));
+};
+export const ThreadListSearch = forwardRef(({ className, value, onValueChange, ...props }, ref) => {
+    return (_jsxs("div", { "data-slot": "aui_thread-list-search", className: "relative px-0.5 py-1", children: [_jsx(SearchIcon, { "data-slot": "aui_thread-list-search-icon", className: "text-muted-foreground pointer-events-none absolute start-3 top-1/2 size-4 -translate-y-1/2" }), _jsx(Input, { ref: ref, type: "search", value: value, onChange: (event) => onValueChange(event.target.value), "aria-label": "Search threads", placeholder: "Search threads", className: cn("h-8 ps-8 text-sm", className), ...props })] }));
+});
+ThreadListSearch.displayName = "ThreadListSearch";
+export const ThreadListRoot = ({ className, ...props }) => {
+    return (_jsx(ThreadListPrimitive.Root, { "data-slot": "aui_thread-list-root", className: cn("flex flex-col gap-0.5", className), ...props }));
+};
+export const ThreadListItems = ({ className, searchQuery = "", ...props }) => {
+    return (_jsxs("div", { "data-slot": "aui_thread-list-items", className: cn("flex flex-col gap-0.5", className), ...props, children: [_jsx(AuiIf, { condition: (s) => s.threads.isLoading, children: _jsx(ThreadListSkeleton, {}) }), _jsx(AuiIf, { condition: (s) => !s.threads.isLoading, children: _jsx(ThreadListItemGroups, { searchQuery: searchQuery }) })] }));
+};
+const DAY_IN_MS = 86_400_000;
+const dateGroupLabel = (date, startOfToday) => {
+    if (!date || date.getTime() >= startOfToday)
+        return "Today";
+    if (date.getTime() >= startOfToday - DAY_IN_MS)
+        return "Yesterday";
+    return "Earlier";
+};
+/**
+ * Filters the thread list by title and buckets the matches by last activity
+ * (Today, Yesterday, Earlier). `groups` is null when no thread carries a
+ * date, in which case `filteredIndices` keeps the runtime order.
+ */
+export const useThreadListGroups = (searchQuery = "") => {
+    const threadIds = useAuiState((s) => s.threads.threadIds);
+    const threadItems = useAuiState((s) => s.threads.threadItems);
+    const query = searchQuery.trim().toLowerCase();
+    return useMemo(() => {
+        const itemsById = new Map(threadItems.map((item) => [item.id, item]));
+        const dates = threadIds.map((id) => itemsById.get(id)?.lastMessageAt);
+        const filteredIndices = threadIds
+            .map((id, index) => ({ id, index }))
+            .filter(({ id }) => !query ||
+            (itemsById.get(id)?.title || "New Chat")
+                .toLowerCase()
+                .includes(query))
+            .map(({ index }) => index);
+        if (!filteredIndices.some((index) => dates[index])) {
+            return { threadIds, filteredIndices, groups: null };
+        }
+        const now = new Date();
+        const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+        const time = (index) => dates[index]?.getTime() ?? Number.MAX_SAFE_INTEGER;
+        const sorted = [...filteredIndices].sort((a, b) => time(b) - time(a));
+        const result = [];
+        for (const index of sorted) {
+            const label = dateGroupLabel(dates[index], startOfToday);
+            const lastGroup = result[result.length - 1];
+            if (lastGroup?.label === label) {
+                lastGroup.indices.push(index);
+            }
+            else {
+                result.push({ label, indices: [index] });
+            }
+        }
+        return { threadIds, filteredIndices, groups: result };
+    }, [threadIds, threadItems, query]);
+};
+const ThreadListItemGroups = ({ searchQuery = "", }) => {
+    const { threadIds, filteredIndices, groups } = useThreadListGroups(searchQuery);
+    const query = searchQuery.trim();
+    if (query && filteredIndices.length === 0) {
+        return (_jsx("div", { "data-slot": "aui_thread-list-empty", className: "text-muted-foreground px-2.5 py-4 text-sm", children: "No threads found" }));
+    }
+    if (!groups) {
+        return filteredIndices.map((index) => (_jsx(ThreadListPrimitive.ItemByIndex, { index: index, components: { ThreadListItem } }, threadIds[index])));
+    }
+    return groups.map((group) => (_jsxs(Fragment, { children: [_jsx("div", { "data-slot": "aui_thread-list-group-label", className: "text-muted-foreground px-2.5 pt-3 pb-1 text-xs font-medium", children: group.label }), group.indices.map((index) => (_jsx(ThreadListPrimitive.ItemByIndex, { index: index, components: { ThreadListItem } }, threadIds[index])))] }, group.label)));
+};
+export const ThreadListNew = forwardRef(({ className, labelClassName, children, ...props }, ref) => {
+    return (_jsx(ThreadListPrimitive.New, { render: _jsx(Button, { ref: ref, variant: "ghost", "data-slot": "aui_thread-list-new", className: cn("hover:bg-muted data-active:bg-muted h-8 justify-start gap-2 rounded-md px-2.5 text-sm font-normal", className), ...props }), children: children ?? (_jsxs(_Fragment, { children: [_jsx(PlusIcon, { "data-slot": "aui_thread-list-new-icon", className: "size-4 shrink-0" }), _jsx("span", { "data-slot": "aui_thread-list-new-label", className: cn("whitespace-nowrap", labelClassName), children: "New Thread" })] })) }));
+});
+ThreadListNew.displayName = "ThreadListNew";
+const ThreadListSkeleton = () => {
+    return (_jsx("div", { className: "flex flex-col gap-0.5", children: Array.from({ length: 5 }, (_, i) => (_jsx("div", { role: "status", "aria-label": "Loading threads", "data-slot": "aui_thread-list-skeleton-wrapper", className: "flex h-8 items-center px-2.5", children: _jsx(Skeleton, { "data-slot": "aui_thread-list-skeleton", className: "h-3.5 w-full" }) }, i))) }));
+};
+export const ThreadListItem = () => {
+    const isRunning = useAuiState((s) => s.threadListItem.isRunning);
+    const [isRenaming, setIsRenaming] = useState(false);
+    const triggerRef = useRef(null);
+    const restoreFocusRef = useRef(false);
+    useEffect(() => {
+        if (isRenaming || !restoreFocusRef.current)
+            return;
+        restoreFocusRef.current = false;
+        triggerRef.current?.focus();
+    }, [isRenaming]);
+    return (_jsxs(ThreadListItemPrimitive.Root, { "data-slot": "aui_thread-list-item", className: "group hover:bg-muted focus-visible:bg-muted data-active:bg-muted has-focus-visible:bg-muted has-data-[state=open]:bg-muted relative flex h-8 items-center rounded-md transition-colors focus-visible:outline-none", children: [isRenaming ? (_jsx(ThreadListItemRename, { onDone: (restoreFocus) => {
+                    restoreFocusRef.current = restoreFocus;
+                    setIsRenaming(false);
+                } })) : (_jsxs(ThreadListItemPrimitive.Trigger, { ref: triggerRef, "data-slot": "aui_thread-list-item-trigger", className: "focus-visible:ring-ring/50 flex h-full min-w-0 flex-1 items-center rounded-md px-2.5 text-start text-sm outline-none group-hover:pe-9 group-has-focus-visible:pe-9 group-has-data-[state=open]:pe-9 group-data-active:pe-9 focus-visible:ring-1", children: [isRunning && (_jsx(Loader2Icon, { "aria-hidden": true, "data-slot": "aui_thread-list-item-running", className: "text-muted-foreground me-1.5 size-3.5 shrink-0 animate-spin" })), _jsx("span", { "data-slot": "aui_thread-list-item-title", className: "min-w-0 flex-1 truncate", children: _jsx(ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }), isRunning && _jsx("span", { className: "sr-only", children: "Running" })] })), _jsx(ThreadListItemMore, { onRename: () => setIsRenaming(true) })] }));
+};
+const ThreadListItemRename = ({ onDone }) => {
+    const aui = useAui();
+    const title = useAuiState((s) => s.threadListItem.title) ?? "";
+    const [value, setValue] = useState(title);
+    const inputRef = useRef(null);
+    const settledRef = useRef(false);
+    useEffect(() => {
+        inputRef.current?.select();
+    }, []);
+    const commit = (restoreFocus) => {
+        if (settledRef.current)
+            return;
+        settledRef.current = true;
+        const next = value.trim();
+        if (!next || next === title) {
+            onDone(restoreFocus);
+            return;
+        }
+        // Deferred so a synchronous throw lands on the rejection path too.
+        Promise.resolve()
+            .then(() => aui.threadListItem.rename(next))
+            .then(() => onDone(restoreFocus), () => {
+            settledRef.current = false;
+            if (restoreFocus)
+                inputRef.current?.focus();
+        });
+    };
+    const cancel = () => {
+        if (settledRef.current)
+            return;
+        settledRef.current = true;
+        onDone(true);
+    };
+    return (_jsx(Input, { ref: inputRef, autoFocus: true, "data-slot": "aui_thread-list-item-rename", "aria-label": "Rename thread", value: value, className: "h-7 min-w-0 flex-1 ps-2.5 pe-9 text-sm", onChange: (event) => setValue(event.target.value), onBlur: () => commit(false), onKeyDown: (event) => {
+            if (event.key === "Enter") {
+                event.preventDefault();
+                commit(true);
+            }
+            else if (event.key === "Escape") {
+                event.preventDefault();
+                cancel();
+            }
+        } }));
+};
+const ThreadListItemMore = ({ onRename }) => {
+    return (_jsxs(ThreadListItemMorePrimitive.Root, { sharedFocusGroup: true, children: [_jsxs(ThreadListItemMorePrimitive.Trigger, { render: _jsx(Button, { variant: "ghost", size: "icon", "data-slot": "aui_thread-list-item-more", className: "data-[state=open]:bg-accent absolute end-1.5 top-1/2 size-6 -translate-y-1/2 p-0 opacity-0 group-hover:opacity-100 group-has-focus-visible:opacity-100 group-data-active:opacity-100 data-[state=open]:opacity-100" }), children: [_jsx(MoreHorizontalIcon, { className: "size-3.5" }), _jsx("span", { className: "sr-only", children: "More options" })] }), _jsxs(ThreadListItemMorePrimitive.Content, { side: "right", align: "start", sideOffset: 6, "data-slot": "aui_thread-list-item-more-content", className: "bg-popover text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-xl border p-1.5", children: [_jsxs(ThreadListItemMorePrimitive.Item, { "data-slot": "aui_thread-list-item-more-item", className: "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none", onSelect: onRename, children: [_jsx(PencilIcon, { className: "size-4" }), "Rename"] }), _jsxs(ThreadListItemPrimitive.Archive, { render: _jsx(ThreadListItemMorePrimitive.Item, { "data-slot": "aui_thread-list-item-more-item", className: "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none" }), children: [_jsx(ArchiveIcon, { className: "size-4" }), "Archive"] }), _jsxs(ThreadListItemPrimitive.Delete, { render: _jsx(ThreadListItemMorePrimitive.Item, { "data-slot": "aui_thread-list-item-more-item", className: "text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none" }), children: [_jsx(TrashIcon, { className: "size-4" }), "Delete"] })] })] }));
+};
+//# sourceMappingURL=thread-list.aui.js.map

package/dist/chat/vendor/thread-list.aui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list.aui.js","sourceRoot":"","sources":["../../../src/chat/vendor/thread-list.aui.tsx"],"names":[],"mappings":"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"}

package/dist/chat/vendor/thread.aui.d.ts

@@ -0,0 +1,47 @@
+import { MessagePrimitive, type ToolCallMessagePartComponent } from "@assistant-ui/react";
+import { type ComponentType, type FC, type PropsWithChildren, type ReactNode } from "react";
+export type ThreadGroupPart = MessagePrimitive.GroupedParts.GroupPart;
+/**
+ * Optional component overrides for the thread. `AssistantMessage` and
+ * `Welcome` replace whole sections; the remaining slots override how the
+ * assistant message renders tool calls and part groups. Tool UIs registered
+ * by name (toolkit `render`, `useAssistantDataUI`) take precedence over
+ * `ToolFallback`. When `TaskGroup` is set, tool calls that carry a nested
+ * conversation and have no registered UI render through it instead of the
+ * tool group; without it they render like any other tool call.
+ */
+export type ThreadComponents = {
+    AssistantMessage?: ComponentType | undefined;
+    Welcome?: ComponentType | undefined;
+    ToolFallback?: ToolCallMessagePartComponent | undefined;
+    ToolGroup?: ComponentType<PropsWithChildren<{
+        group: ThreadGroupPart;
+    }>> | undefined;
+    ReasoningGroup?: ComponentType<PropsWithChildren<{
+        group: ThreadGroupPart;
+    }>> | undefined;
+    TaskGroup?: ComponentType<{
+        group: ThreadGroupPart;
+    }> | undefined;
+};
+export type ThreadProps = {
+    components?: ThreadComponents | undefined;
+    autoFocus?: boolean | undefined;
+};
+export declare const Thread: FC<ThreadProps>;
+/**
+ * Talk2View: the composer's two seams. assistant-ui exposes no Composer slot at
+ * any level (ThreadComponents carries AssistantMessage, Welcome, ToolFallback,
+ * ToolGroup, ReasoningGroup and TaskGroup only, and Composer/ComposerAction are
+ * module-private), so mounting our own dictation control would otherwise mean
+ * forking the composer. Supplying `dictate` replaces the default mic and stop
+ * buttons; `attachments: false` drops the attach button, which upstream renders
+ * whether or not a runtime can take a file. Supplying neither leaves upstream's
+ * behaviour exactly as it is.
+ */
+export type ComposerExtras = {
+    dictate?: ReactNode;
+    attachments?: boolean;
+};
+export declare const ComposerExtrasContext: import("react").Context<ComposerExtras>;
+//# sourceMappingURL=thread.aui.d.ts.map

package/dist/chat/vendor/thread.aui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread.aui.d.ts","sourceRoot":"","sources":["../../../src/chat/vendor/thread.aui.tsx"],"names":[],"mappings":"AA4BA,OAAO,EASL,gBAAgB,EAMhB,KAAK,4BAA4B,EAElC,MAAM,qBAAqB,CAAC;AAiB7B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC;AAEtE;;;;;;;;GAQG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACxD,SAAS,CAAC,EACN,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAC5D,SAAS,CAAC;IACd,cAAc,CAAC,EACX,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAC5D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AAgCF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,CAAC;AAyCF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAWlC,CAAC;AAwPF;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC5E,eAAO,MAAM,qBAAqB,yCAAoC,CAAC"}

package/dist/chat/vendor/thread.aui.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ComposerAddAttachment, ComposerAttachments, UserMessageAttachments, } from "./attachment.aui.js";
+import { File } from "./file.js";
+import { ThreadFollowupSuggestions } from "./follow-up-suggestions.aui.js";
+import { Image } from "./image.js";
+import { MarkdownText } from "../markdown.js";
+import { Reasoning, ReasoningContent, ReasoningRoot, ReasoningText, ReasoningTrigger, } from "./reasoning.aui.js";
+import { ToolFallback } from "./tool-fallback.aui.js";
+import { ToolGroupContent, ToolGroupRoot, ToolGroupTrigger, } from "./tool-group.aui.js";
+import { TooltipIconButton } from "./tooltip-icon-button.js";
+import { Button } from "../ui/button.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../lib/cn.js";
+import { ActionBarMorePrimitive, ActionBarPrimitive, AuiIf, BranchPickerPrimitive, ComposerPrimitive, ErrorPrimitive, groupPartByType, MessagePrimitive, SuggestionPrimitive, ThreadPrimitive, useAuiState, } from "@assistant-ui/react";
+import { ArrowDownIcon, ArrowUpIcon, AudioLinesIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DownloadIcon, MicIcon, MoreHorizontalIcon, PencilIcon, PhoneIcon, RefreshCwIcon, SquareIcon, } from "lucide-react";
+import { createContext, useContext, } from "react";
+const messageGroupBy = groupPartByType({
+    reasoning: ["group-chainOfThought", "group-reasoning"],
+    "tool-call": ["group-chainOfThought", "group-tool"],
+    "standalone-tool-call": [],
+});
+const TASK_GROUP_PATH = [
+    "group-chainOfThought",
+    "group-task",
+];
+const taskAwareGroupBy = (part, context) => {
+    const path = messageGroupBy(part, context);
+    return part.type === "tool-call" &&
+        part.messages !== undefined &&
+        path.length > 0 &&
+        !context?.toolUIs?.[part.toolName]?.length
+        ? TASK_GROUP_PATH
+        : path;
+};
+const EMPTY_COMPONENTS = {};
+const ThreadComponentsContext = createContext(EMPTY_COMPONENTS);
+// Startup exposes a loading placeholder thread; treat it as a new chat so
+// the composer mounts centered. Loads after startup keep the docked layout.
+const isNewChatView = (s) => s.thread.messages.length === 0 &&
+    (!s.thread.isLoading || s.threads.isLoading);
+// A switched thread that is still fetching its history: skeleton, not welcome.
+const isHistoryLoadingView = (s) => s.thread.messages.length === 0 &&
+    s.thread.isLoading &&
+    !s.thread.isDisabled &&
+    !s.threads.isLoading;
+const ThreadHistorySkeleton = () => (_jsxs("div", { "data-slot": "aui_thread-history-skeleton", role: "status", className: "animate-in fade-in fill-mode-both flex flex-col gap-y-6 [animation-delay:150ms] [animation-duration:200ms]", children: [_jsx("span", { className: "sr-only", children: "Loading conversation" }), _jsx(Skeleton, { className: "ml-auto h-9 w-2/5 rounded-xl motion-reduce:animate-none" }), _jsxs("div", { className: "flex flex-col gap-y-2", children: [_jsx(Skeleton, { className: "h-4 w-11/12 motion-reduce:animate-none" }), _jsx(Skeleton, { className: "h-4 w-4/5 motion-reduce:animate-none" }), _jsx(Skeleton, { className: "h-4 w-3/5 motion-reduce:animate-none" })] }), _jsx(Skeleton, { className: "ml-auto h-9 w-1/3 rounded-xl motion-reduce:animate-none" }), _jsxs("div", { className: "flex flex-col gap-y-2", children: [_jsx(Skeleton, { className: "h-4 w-10/12 motion-reduce:animate-none" }), _jsx(Skeleton, { className: "h-4 w-2/3 motion-reduce:animate-none" })] })] }));
+export const Thread = ({ components = EMPTY_COMPONENTS, autoFocus = true, }) => {
+    const isEmpty = useAuiState(isNewChatView);
+    return (_jsx(ThreadComponentsContext.Provider, { value: components, children: _jsx(ThreadRoot, { isEmpty: isEmpty, autoFocus: autoFocus }) }));
+};
+const ThreadRoot = ({ isEmpty, autoFocus, }) => {
+    const { Welcome = ThreadWelcome } = useContext(ThreadComponentsContext);
+    return (_jsx(ThreadPrimitive.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", style: {
+            ["--thread-max-width"]: "44rem",
+            ["--composer-bg"]: "color-mix(in oklab, var(--color-muted) 30%, transparent)",
+            ["--composer-radius"]: "1rem",
+            ["--composer-padding"]: "8px",
+        }, children: _jsx(ThreadPrimitive.Viewport, { turnAnchor: "top", "data-slot": "aui_thread-viewport", className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth", children: _jsxs("div", { className: cn("mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", isEmpty && "justify-center"), children: [_jsx(AuiIf, { condition: isNewChatView, children: _jsx(Welcome, {}) }), _jsx(AuiIf, { condition: isHistoryLoadingView, children: _jsx(ThreadHistorySkeleton, {}) }), _jsx("div", { "data-slot": "aui_message-group", className: "mb-14 flex flex-col gap-y-6 empty:hidden", children: _jsx(ThreadPrimitive.Messages, { children: () => _jsx(ThreadMessage, {}) }) }), _jsxs(ThreadPrimitive.ViewportFooter, { className: cn("aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6", !isEmpty &&
+                            "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"), children: [_jsx(ThreadScrollToBottom, {}), _jsx(ThreadFollowupSuggestions, {}), _jsx(Composer, { autoFocus: autoFocus }), _jsx(AuiIf, { condition: (s) => isNewChatView(s) && s.composer.isEmpty, children: _jsx(ThreadSuggestions, {}) })] })] }) }) }));
+};
+const ThreadMessage = () => {
+    const { AssistantMessage: AssistantMessageComponent = AssistantMessage } = useContext(ThreadComponentsContext);
+    const role = useAuiState((s) => s.message.role);
+    const isEditing = useAuiState((s) => s.message.composer.isEditing);
+    const isSpoken = useAuiState((s) => s.message.metadata.modality === "voice");
+    if (isEditing)
+        return _jsx(EditComposer, {});
+    if (isSpoken)
+        return _jsx(SpokenMessage, {});
+    if (role === "user")
+        return _jsx(UserMessage, {});
+    return _jsx(AssistantMessageComponent, {});
+};
+const useVoiceRunPosition = () => useAuiState((s) => {
+    const before = s.thread.messages[s.message.index - 1]?.metadata.modality === "voice";
+    const after = s.thread.messages[s.message.index + 1]?.metadata.modality === "voice";
+    if (before)
+        return after ? "middle" : "end";
+    return after ? "start" : "single";
+});
+const SpokenText = ({ text }) => (_jsx("p", { className: "aui-spoken-message-text m-0", children: text }));
+const SpokenMessage = () => {
+    const role = useAuiState((s) => s.message.role);
+    const position = useVoiceRunPosition();
+    const isSpeaking = useAuiState((s) => s.message.role === "assistant" && s.message.status?.type === "running");
+    const opensExchange = position === "start" || position === "single";
+    return (_jsxs(MessagePrimitive.Root, { "data-slot": "aui_spoken-message-root", "data-role": role, "data-voice-run": position, className: cn("aui-spoken-message bg-muted/40 mx-2 px-3 py-1.5 [contain-intrinsic-size:auto_48px] [content-visibility:auto]", position === "single" && "rounded-xl py-2", position === "start" && "rounded-t-xl pt-2", position === "middle" && "-mt-6", position === "end" && "-mt-6 rounded-b-xl pb-2"), children: [opensExchange && (_jsxs("div", { "data-slot": "aui_spoken-exchange-header", className: "text-muted-foreground mb-1.5 flex items-center gap-1.5 text-xs", children: [_jsx(PhoneIcon, { className: "size-3", "aria-hidden": true }), _jsx("span", { children: "Voice conversation" })] })), _jsxs("div", { "data-slot": "aui_spoken-message-content", className: "text-foreground flex items-start gap-2 text-sm leading-relaxed", children: [_jsx("span", { className: "text-muted-foreground mt-1 shrink-0", "aria-hidden": true, children: role === "user" ? (_jsx(MicIcon, { className: "size-3.5" })) : (_jsx(AudioLinesIcon, { className: "size-3.5" })) }), _jsx("span", { className: "sr-only", children: role === "user" ? "You said" : "Assistant said" }), _jsxs("div", { className: "min-w-0 flex-1 wrap-break-word", children: [_jsx(MessagePrimitive.Parts, { components: { Text: SpokenText } }), isSpeaking && (_jsx("span", { "data-slot": "aui_spoken-message-indicator", role: "status", className: "text-muted-foreground ms-1 animate-pulse font-sans", "aria-label": "Assistant is speaking", children: "\u25CF" }))] }), _jsx(SpokenActionBar, {})] })] }));
+};
+const SpokenActionBar = () => {
+    return (_jsx(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "always", className: "aui-spoken-action-bar text-muted-foreground flex shrink-0 gap-1", children: _jsxs(ActionBarPrimitive.Copy, { render: _jsx(TooltipIconButton, { tooltip: "Copy", className: "size-6" }), children: [_jsx(AuiIf, { condition: (s) => s.message.isCopied, children: _jsx(CheckIcon, { className: "animate-in zoom-in-50 fade-in duration-200 ease-out" }) }), _jsx(AuiIf, { condition: (s) => !s.message.isCopied, children: _jsx(CopyIcon, { className: "animate-in zoom-in-75 fade-in duration-150" }) })] }) }));
+};
+const ThreadScrollToBottom = () => {
+    return (_jsx(ThreadPrimitive.ScrollToBottom, { render: _jsx(TooltipIconButton, { tooltip: "Scroll to bottom", variant: "outline", className: "aui-thread-scroll-to-bottom dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible" }), children: _jsx(ArrowDownIcon, {}) }));
+};
+const ThreadWelcome = () => {
+    return (_jsx("div", { className: "aui-thread-welcome-root mb-6 flex flex-col px-2", children: _jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-2xl font-medium tracking-tight duration-200", children: "How can I help you today?" }) }));
+};
+const ThreadSuggestions = () => {
+    return (_jsx("div", { className: "aui-thread-welcome-suggestions flex w-full flex-col", children: _jsx(ThreadPrimitive.Suggestions, { children: () => _jsx(ThreadSuggestionItem, {}) }) }));
+};
+const ThreadSuggestionItem = () => {
+    return (_jsx("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200", children: _jsxs(SuggestionPrimitive.Trigger, { send: true, render: _jsx("button", { type: "button", className: "aui-thread-welcome-suggestion group hover:bg-foreground/[0.03] focus-visible:ring-ring/50 flex w-full items-baseline gap-2.5 rounded-md px-2 py-2 text-start text-sm transition-colors outline-none focus-visible:ring-1 motion-reduce:transition-none" }), children: [_jsx("span", { "aria-hidden": true, className: "text-muted-foreground/60 group-hover:text-foreground font-mono text-xs transition-colors motion-reduce:transition-none", children: ">" }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [_jsx(SuggestionPrimitive.Title, { className: "aui-thread-welcome-suggestion-text-1 text-foreground" }), " ", _jsx(SuggestionPrimitive.Description, { className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground empty:hidden" })] })] }) }));
+};
+const Composer = ({ autoFocus }) => {
+    return (_jsx(ComposerPrimitive.Root, { className: "aui-composer-root relative flex w-full flex-col", children: _jsxs(ComposerPrimitive.AttachmentDropzone, { render: _jsx("div", { "data-slot": "aui_composer-shell", className: "border-foreground/10 focus-within:border-foreground/25 data-[dragging=true]:border-ring flex w-full cursor-text flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) transition-[border-color] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))]" }), children: [_jsx(ComposerAttachments, {}), _jsx(ComposerPrimitive.Input, { placeholder: "Send a message...", className: "aui-composer-input caret-primary placeholder:text-muted-foreground/60 max-h-48 min-h-10 w-full resize-none bg-transparent px-2.5 py-1 text-base leading-6 outline-none", rows: 1, autoFocus: autoFocus, enterKeyHint: "send", "aria-label": "Message input" }), _jsx(ComposerAction, {})] }) }));
+};
+export const ComposerExtrasContext = createContext({});
+const ComposerAction = () => {
+    const extras = useContext(ComposerExtrasContext);
+    return (_jsxs("div", { className: "aui-composer-action-wrapper relative flex items-center justify-between", children: [extras.attachments === false ? _jsx("span", {}) : _jsx(ComposerAddAttachment, {}), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs(AuiIf, { condition: (s) => s.thread.capabilities.dictation, children: [extras.dictate, _jsx(AuiIf, { condition: (s) => extras.dictate == null && s.composer.dictation == null, children: _jsx(ComposerPrimitive.Dictate, { render: _jsx(TooltipIconButton, { tooltip: "Voice input", side: "bottom", type: "button", variant: "ghost", size: "icon", className: "aui-composer-dictate text-muted-foreground hover:text-foreground size-7 rounded-full", "aria-label": "Start voice input" }), children: _jsx(MicIcon, { className: "aui-composer-dictate-icon size-4" }) }) }), _jsx(AuiIf, { condition: (s) => extras.dictate == null && s.composer.dictation != null, children: _jsx(ComposerPrimitive.StopDictation, { render: _jsx(TooltipIconButton, { tooltip: "Stop dictation", side: "bottom", type: "button", variant: "ghost", size: "icon", className: "aui-composer-stop-dictation text-destructive size-7 rounded-full", "aria-label": "Stop voice input" }), children: _jsx(SquareIcon, { className: "aui-composer-stop-dictation-icon size-3.5 animate-pulse fill-current" }) }) })] }), _jsx(AuiIf, { condition: (s) => !s.thread.isRunning, children: _jsx(ComposerPrimitive.Send, { render: _jsx(TooltipIconButton, { tooltip: "Send message", side: "bottom", type: "button", variant: "default", size: "icon", className: "aui-composer-send size-7 rounded-full", "aria-label": "Send message" }), children: _jsx(ArrowUpIcon, { className: "aui-composer-send-icon size-4" }) }) }), _jsx(AuiIf, { condition: (s) => s.thread.isRunning, children: _jsx(ComposerPrimitive.Cancel, { render: _jsx(Button, { type: "button", variant: "default", size: "icon", className: "aui-composer-cancel size-7 rounded-full", "aria-label": "Stop generating" }), children: _jsx(SquareIcon, { className: "aui-composer-cancel-icon size-3.5 fill-current" }) }) })] })] }));
+};
+const MessageError = () => {
+    return (_jsx(MessagePrimitive.Error, { children: _jsx(ErrorPrimitive.Root, { className: "aui-message-error-root border-destructive bg-destructive/10 text-destructive dark:bg-destructive/5 mt-2 rounded-md border p-3 text-sm dark:text-red-200", children: _jsx(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) }));
+};
+const AssistantMessage = () => {
+    const { ToolFallback: ToolFallbackComponent = ToolFallback, ToolGroup, ReasoningGroup, TaskGroup: TaskGroupComponent, } = useContext(ThreadComponentsContext);
+    const groupBy = TaskGroupComponent ? taskAwareGroupBy : messageGroupBy;
+    const ACTION_BAR_PT = "pt-1.5";
+    // Keep the action bar inside the contained root's paint box, then cancel its reserved space in flow.
+    const ACTION_BAR_HEIGHT = `min-h-7.5 ${ACTION_BAR_PT}`;
+    return (_jsxs(MessagePrimitive.Root, { "data-slot": "aui_assistant-message-root", "data-role": "assistant", className: "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto]", children: [_jsxs("div", { "data-slot": "aui_assistant-message-content", className: "text-foreground px-2 leading-relaxed wrap-break-word", children: [_jsx(MessagePrimitive.GroupedParts, { groupBy: groupBy, children: ({ part, children }) => {
+                            switch (part.type) {
+                                case "group-chainOfThought":
+                                    return _jsx("div", { "data-slot": "aui_chain-of-thought", children: children });
+                                case "group-task":
+                                    return TaskGroupComponent ? (_jsx(TaskGroupComponent, { group: part })) : null;
+                                case "group-tool":
+                                    if (ToolGroup) {
+                                        return _jsx(ToolGroup, { group: part, children: children });
+                                    }
+                                    return (_jsxs(ToolGroupRoot, { variant: "ghost", children: [_jsx(ToolGroupTrigger, { count: part.indices.length, active: part.status.type === "running" }), _jsx(ToolGroupContent, { children: children })] }));
+                                case "group-reasoning": {
+                                    if (ReasoningGroup) {
+                                        return (_jsx(ReasoningGroup, { group: part, children: children }));
+                                    }
+                                    const running = part.status.type === "running";
+                                    return (_jsxs(ReasoningRoot, { streaming: running, children: [_jsx(ReasoningTrigger, { active: running }), _jsx(ReasoningContent, { "aria-busy": running, children: _jsx(ReasoningText, { children: children }) })] }));
+                                }
+                                case "text":
+                                    return _jsx(MarkdownText, {});
+                                case "reasoning":
+                                    return _jsx(Reasoning, { ...part });
+                                case "tool-call":
+                                    return part.toolUI ?? _jsx(ToolFallbackComponent, { ...part });
+                                case "data":
+                                    return part.dataRendererUI;
+                                case "file":
+                                    return (_jsx("div", { "data-slot": "aui_assistant-message-file", className: "py-1", children: _jsx(File, { ...part }) }));
+                                case "image":
+                                    return (_jsx("div", { "data-slot": "aui_assistant-message-image", className: "py-1", children: _jsx(Image, { ...part }) }));
+                                case "indicator":
+                                    return (_jsx("span", { "data-slot": "aui_assistant-message-indicator", className: "animate-pulse font-sans", "aria-label": "Assistant is working", children: "●" }));
+                                default:
+                                    return null;
+                            }
+                        } }), _jsx(MessageError, {})] }), _jsxs("div", { "data-slot": "aui_assistant-message-footer", className: cn("ms-2 flex items-center", ACTION_BAR_HEIGHT), children: [_jsx(BranchPicker, {}), _jsx(AssistantActionBar, {})] })] }));
+};
+const AssistantActionBar = () => {
+    return (_jsxs(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", className: "aui-assistant-action-bar-root text-muted-foreground animate-in fade-in col-start-3 row-start-2 -ms-1 flex gap-1 duration-200", children: [_jsxs(ActionBarPrimitive.Copy, { render: _jsx(TooltipIconButton, { tooltip: "Copy" }), children: [_jsx(AuiIf, { condition: (s) => s.message.isCopied, children: _jsx(CheckIcon, { className: "animate-in zoom-in-50 fade-in duration-200 ease-out" }) }), _jsx(AuiIf, { condition: (s) => !s.message.isCopied, children: _jsx(CopyIcon, { className: "animate-in zoom-in-75 fade-in duration-150" }) })] }), _jsx(ActionBarPrimitive.Reload, { render: _jsx(TooltipIconButton, { tooltip: "Refresh" }), children: _jsx(RefreshCwIcon, {}) }), _jsxs(ActionBarMorePrimitive.Root, { children: [_jsx(ActionBarMorePrimitive.Trigger, { render: _jsx(TooltipIconButton, { tooltip: "More", className: "data-[state=open]:bg-accent" }), children: _jsx(MoreHorizontalIcon, {}) }), _jsx(ActionBarMorePrimitive.Content, { side: "bottom", align: "start", sideOffset: 6, className: "aui-action-bar-more-content bg-popover text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5", children: _jsxs(ActionBarPrimitive.ExportMarkdown, { render: _jsx(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none" }), children: [_jsx(DownloadIcon, { className: "size-4" }), "Export as Markdown"] }) })] })] }));
+};
+const UserFilePart = (part) => (_jsx("div", { "data-slot": "aui_user-message-file", className: "py-1", children: _jsx(File, { ...part }) }));
+const UserImagePart = (part) => (_jsx("div", { "data-slot": "aui_user-message-image", className: "py-1", children: _jsx(Image, { ...part }) }));
+const UserMessage = () => {
+    return (_jsxs(MessagePrimitive.Root, { "data-slot": "aui_user-message-root", className: "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto] [&:where(>*)]:col-start-2", "data-role": "user", children: [_jsx(UserMessageAttachments, {}), _jsxs("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [_jsx("div", { className: "aui-user-message-content peer bg-muted text-foreground rounded-(--composer-radius) px-4 py-2 wrap-break-word empty:hidden", children: _jsx(MessagePrimitive.Parts, { components: { File: UserFilePart, Image: UserImagePart } }) }), _jsx("div", { className: "aui-user-action-bar-wrapper absolute start-0 top-1/2 -translate-x-full -translate-y-1/2 pe-2 peer-empty:hidden rtl:translate-x-full", children: _jsx(UserActionBar, {}) })] }), _jsx(BranchPicker, { "data-slot": "aui_user-branch-picker", className: "col-span-full col-start-1 row-start-3 -me-1 justify-end" })] }));
+};
+const UserActionBar = () => {
+    return (_jsx(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", className: "aui-user-action-bar-root flex flex-col items-end", children: _jsx(ActionBarPrimitive.Edit, { render: _jsx(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit" }), children: _jsx(PencilIcon, {}) }) }));
+};
+const EditComposer = () => {
+    return (_jsx(MessagePrimitive.Root, { "data-slot": "aui_edit-composer-wrapper", className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]", children: _jsxs(ComposerPrimitive.Root, { className: "aui-edit-composer-root border-foreground/10 focus-within:border-foreground/25 ms-auto flex w-full max-w-[85%] cursor-text flex-col rounded-(--composer-radius) border bg-(--composer-bg) transition-[border-color]", children: [_jsx(ComposerPrimitive.Input, { className: "aui-edit-composer-input text-foreground min-h-14 w-full resize-none bg-transparent px-4 pt-3 pb-1 text-base outline-none", autoFocus: true }), _jsxs("div", { className: "aui-edit-composer-footer mx-2.5 mb-2.5 flex items-center gap-1.5 self-end", children: [_jsx(ComposerPrimitive.Cancel, { render: _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 px-3" }), children: "Cancel" }), _jsx(ComposerPrimitive.Send, { render: _jsx(Button, { size: "sm", className: "h-8 px-3" }), children: "Update" })] })] }) }));
+};
+const BranchPicker = ({ className, ...rest }) => {
+    return (_jsxs(BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: cn("aui-branch-picker-root text-muted-foreground -ms-2 me-2 inline-flex items-center text-xs", className), ...rest, children: [_jsx(BranchPickerPrimitive.Previous, { render: _jsx(TooltipIconButton, { tooltip: "Previous" }), children: _jsx(ChevronLeftIcon, {}) }), _jsxs("span", { className: "aui-branch-picker-state font-medium", children: [_jsx(BranchPickerPrimitive.Number, {}), " / ", _jsx(BranchPickerPrimitive.Count, {})] }), _jsx(BranchPickerPrimitive.Next, { render: _jsx(TooltipIconButton, { tooltip: "Next" }), children: _jsx(ChevronRightIcon, {}) })] }));
+};
+//# sourceMappingURL=thread.aui.js.map