@gugacoder/agentic-chat 0.2.0

package/dist/conversations/ConversationBar.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowLeft, Download, MoreHorizontal, Pencil, Trash2 } from "lucide-react";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../lib/utils.js";
+import { DeleteDialog } from "./DeleteDialog.js";
+import { RenameDialog } from "./RenameDialog.js";
+function ConversationBar({ title, agentLabel, isLoading, onRename, onExport, onDelete, onBack, renameOpen: renameOpenProp, onRenameOpenChange, deleteOpen: deleteOpenProp, onDeleteOpenChange, isPendingRename, isPendingDelete, renameLabel = "Rename", exportLabel = "Export", deleteLabel = "Delete", untitledLabel = "Untitled", actionsExtra, menuItemsExtra, afterBar, className, }) {
+    // Internal dialog state for uncontrolled mode
+    const [internalRenameOpen, setInternalRenameOpen] = React.useState(false);
+    const [internalDeleteOpen, setInternalDeleteOpen] = React.useState(false);
+    const [renameValue, setRenameValue] = React.useState("");
+    const isControlledRename = renameOpenProp !== undefined && onRenameOpenChange !== undefined;
+    const isControlledDelete = deleteOpenProp !== undefined && onDeleteOpenChange !== undefined;
+    const renameOpen = isControlledRename ? renameOpenProp : internalRenameOpen;
+    const deleteOpen = isControlledDelete ? deleteOpenProp : internalDeleteOpen;
+    const setRenameOpen = (open) => {
+        if (isControlledRename) {
+            onRenameOpenChange(open);
+        }
+        else {
+            setInternalRenameOpen(open);
+        }
+    };
+    const setDeleteOpen = (open) => {
+        if (isControlledDelete) {
+            onDeleteOpenChange(open);
+        }
+        else {
+            setInternalDeleteOpen(open);
+        }
+    };
+    const handleRenameClick = () => {
+        setRenameValue(title ?? "");
+        setRenameOpen(true);
+    };
+    const handleRenameConfirm = () => {
+        if (renameValue.trim()) {
+            onRename?.(renameValue.trim());
+        }
+        setRenameOpen(false);
+    };
+    const handleDeleteConfirm = () => {
+        onDelete?.();
+        setDeleteOpen(false);
+    };
+    return (_jsxs("div", { className: cn("flex flex-col", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b bg-background px-3 py-2", children: [onBack && (_jsx(Button, { variant: "ghost", size: "icon", className: "size-8 shrink-0", onClick: onBack, children: _jsx(ArrowLeft, { className: "size-4" }) })), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [isLoading ? (_jsx(Skeleton, { className: "h-5 w-40" })) : (_jsx("span", { className: "truncate text-sm font-medium", children: title ?? untitledLabel })), agentLabel && (_jsx(Badge, { variant: "secondary", className: "shrink-0 text-xs", children: agentLabel }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [actionsExtra, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "size-8", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: handleRenameClick, children: [_jsx(Pencil, { className: "mr-2 size-4" }), renameLabel] }), _jsxs(DropdownMenuItem, { onClick: onExport, children: [_jsx(Download, { className: "mr-2 size-4" }), exportLabel] }), menuItemsExtra, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => setDeleteOpen(true), children: [_jsx(Trash2, { className: "mr-2 size-4" }), deleteLabel] })] })] })] })] }), afterBar, _jsx(RenameDialog, { open: renameOpen, onOpenChange: setRenameOpen, value: renameValue, onValueChange: setRenameValue, onConfirm: handleRenameConfirm, isPending: isPendingRename }), _jsx(DeleteDialog, { open: deleteOpen, onOpenChange: setDeleteOpen, onConfirm: handleDeleteConfirm, isPending: isPendingDelete })] }));
+}
+export { ConversationBar };

package/dist/conversations/ConversationList.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import type { Conversation } from "./types.js";
+interface ConversationListProps {
+    conversations: Conversation[];
+    activeId?: string;
+    isLoading?: boolean;
+    search?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    favorites?: Conversation[];
+    history?: Conversation[];
+    favoritesLabel?: string;
+    historyLabel?: string;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    loadMoreLabel?: string;
+    remainingCount?: number;
+    onSelect?: (id: string) => void;
+    onRename?: (id: string, title: string) => void;
+    onStar?: (id: string, starred: boolean) => void;
+    onCreateRequest?: () => void;
+    getAgentLabel?: (agentId: string) => string;
+    headerExtra?: React.ReactNode;
+    filterExtra?: React.ReactNode;
+    itemBadgesExtra?: (conv: Conversation) => React.ReactNode;
+    emptyIcon?: React.ReactNode;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    className?: string;
+}
+declare function ConversationList({ conversations, activeId, isLoading, search, onSearchChange, searchPlaceholder, favorites: favoritesProp, history: historyProp, favoritesLabel, historyLabel, hasMore, onLoadMore, loadMoreLabel, remainingCount, onSelect, onRename, onStar, onCreateRequest, getAgentLabel, headerExtra, filterExtra, itemBadgesExtra, emptyIcon, emptyTitle, emptyDescription, className, }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
+export { ConversationList };
+export type { ConversationListProps };

package/dist/conversations/ConversationList.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MessageSquare, Plus, Search } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { ScrollArea } from "../ui/scroll-area.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { CollapsibleGroup } from "./CollapsibleGroup.js";
+import { ConversationListItem } from "./ConversationListItem.js";
+import { groupConversations } from "./utils.js";
+function ConversationList({ conversations, activeId, isLoading = false, search = "", onSearchChange, searchPlaceholder = "Search...", favorites: favoritesProp, history: historyProp, favoritesLabel = "Favorites", historyLabel = "History", hasMore = false, onLoadMore, loadMoreLabel = "Load more", remainingCount, onSelect, onRename, onStar, onCreateRequest, getAgentLabel, headerExtra, filterExtra, itemBadgesExtra, emptyIcon, emptyTitle = "No conversations", emptyDescription = "Start a conversation to begin.", className, }) {
+    const [renamingId, setRenamingId] = React.useState(null);
+    const [renameValue, setRenameValue] = React.useState("");
+    const [favoritesOpen, setFavoritesOpen] = React.useState(true);
+    const [historyOpen, setHistoryOpen] = React.useState(true);
+    const derived = React.useMemo(() => groupConversations(conversations), [conversations]);
+    const favorites = favoritesProp ?? derived.favorites;
+    const history = historyProp ?? derived.history;
+    function handleStartRename(conv) {
+        return (e) => {
+            e.stopPropagation();
+            setRenamingId(conv.id);
+            setRenameValue(conv.title ?? "");
+        };
+    }
+    function handleRenameCommit(id) {
+        if (renameValue.trim()) {
+            onRename?.(id, renameValue.trim());
+        }
+        setRenamingId(null);
+        setRenameValue("");
+    }
+    function handleRenameCancel() {
+        setRenamingId(null);
+        setRenameValue("");
+    }
+    function renderItem(conv) {
+        return (_jsx(ConversationListItem, { conversation: conv, agentLabel: getAgentLabel?.(conv.agentId), isActive: conv.id === activeId, isRenaming: renamingId === conv.id, renameValue: renameValue, onRenameChange: setRenameValue, onRenameCommit: () => handleRenameCommit(conv.id), onRenameCancel: handleRenameCancel, onStartRename: handleStartRename(conv), onToggleStar: (e) => {
+                e.stopPropagation();
+                onStar?.(conv.id, !conv.starred);
+            }, onClick: () => onSelect?.(conv.id), badgesExtra: itemBadgesExtra?.(conv) }, conv.id));
+    }
+    const isEmpty = !isLoading && conversations.length === 0;
+    return (_jsxs("div", { className: cn("flex h-full flex-col", className), children: [_jsxs("div", { className: "flex items-center gap-1 px-2 py-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-8 pl-7 text-sm", placeholder: searchPlaceholder, value: search, onChange: (e) => onSearchChange?.(e.target.value) })] }), headerExtra, _jsx(Button, { variant: "ghost", size: "icon", className: "size-8 shrink-0", onClick: onCreateRequest, "aria-label": "New conversation", children: _jsx(Plus, { className: "size-4" }) })] }), filterExtra && _jsx("div", { className: "px-2 pb-2", children: filterExtra }), _jsx(ScrollArea, { className: "flex-1", children: _jsxs("div", { className: "px-2 pb-2", children: [isLoading && (_jsx("div", { className: "flex flex-col gap-2 pt-1", children: Array.from({ length: 8 }).map((_, i) => (_jsx(Skeleton, { className: "h-16 w-full rounded-lg" }, i))) })), isEmpty && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-12 text-center", children: [emptyIcon ?? _jsx(MessageSquare, { className: "size-10 text-muted-foreground/50" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: emptyTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: emptyDescription })] })), !isLoading && !isEmpty && (_jsxs(_Fragment, { children: [favorites.length > 0 && (_jsx(CollapsibleGroup, { label: favoritesLabel, open: favoritesOpen, onToggle: () => setFavoritesOpen((v) => !v), children: _jsx("div", { className: "mt-0.5 flex flex-col gap-0.5", children: favorites.map(renderItem) }) })), history.length > 0 && (_jsxs(CollapsibleGroup, { label: historyLabel, open: historyOpen, onToggle: () => setHistoryOpen((v) => !v), children: [_jsx("div", { className: "mt-0.5 flex flex-col gap-0.5", children: history.map(renderItem) }), hasMore && (_jsxs("button", { className: "mt-1 w-full rounded-md py-1.5 text-xs text-muted-foreground hover:bg-accent hover:text-foreground", onClick: onLoadMore, children: [loadMoreLabel, remainingCount != null && remainingCount > 0 && (_jsxs("span", { className: "ml-1 text-muted-foreground", children: ["(", remainingCount, " remaining)"] }))] }))] }))] }))] }) })] }));
+}
+export { ConversationList };

package/dist/conversations/ConversationListItem.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { Conversation } from "./types.js";
+interface ConversationListItemProps {
+    conversation: Conversation;
+    agentLabel?: string;
+    isActive?: boolean;
+    isRenaming?: boolean;
+    renameValue?: string;
+    onRenameChange?: (value: string) => void;
+    onRenameCommit?: () => void;
+    onRenameCancel?: () => void;
+    onStartRename?: (e: React.MouseEvent) => void;
+    onToggleStar?: (e: React.MouseEvent) => void;
+    onClick?: () => void;
+    badgesExtra?: React.ReactNode;
+    className?: string;
+}
+declare function ConversationListItem({ conversation, agentLabel, isActive, isRenaming, renameValue, onRenameChange, onRenameCommit, onRenameCancel, onStartRename, onToggleStar, onClick, badgesExtra, className, }: ConversationListItemProps): import("react/jsx-runtime").JSX.Element;
+export { ConversationListItem };
+export type { ConversationListItemProps };

package/dist/conversations/ConversationListItem.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pencil, Star } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Input } from "../ui/input.js";
+import { formatRelativeTime } from "./utils.js";
+function ConversationListItem({ conversation, agentLabel, isActive, isRenaming, renameValue = "", onRenameChange, onRenameCommit, onRenameCancel, onStartRename, onToggleStar, onClick, badgesExtra, className, }) {
+    const handleRenameKeyDown = (e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            onRenameCommit?.();
+        }
+        else if (e.key === "Escape") {
+            e.preventDefault();
+            onRenameCancel?.();
+        }
+    };
+    return (_jsxs("div", { className: cn("group relative flex items-center gap-1 rounded-md px-1 py-1 hover:bg-accent", isActive && "bg-accent", className), children: [_jsx("button", { className: cn("shrink-0 rounded p-0.5 transition-colors", conversation.starred
+                    ? "text-yellow-500 hover:text-yellow-400"
+                    : "text-muted-foreground opacity-0 group-hover:opacity-100 hover:text-yellow-500"), onClick: onToggleStar, "aria-label": conversation.starred ? "Unstar conversation" : "Star conversation", tabIndex: -1, children: _jsx(Star, { className: cn("size-3.5", conversation.starred && "fill-yellow-500") }) }), isRenaming ? (_jsx(Input, { className: "h-6 flex-1 px-1 py-0 text-sm", value: renameValue, onChange: (e) => onRenameChange?.(e.target.value), onKeyDown: handleRenameKeyDown, onBlur: onRenameCancel, autoFocus: true })) : (_jsxs("button", { className: "flex min-w-0 flex-1 flex-col items-start text-left", onClick: onClick, children: [_jsxs("div", { className: "flex w-full items-center gap-1", children: [agentLabel && (_jsx("span", { className: "shrink-0 rounded bg-secondary px-1 py-0 text-[10px] text-secondary-foreground", children: agentLabel })), badgesExtra, _jsx("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground", children: formatRelativeTime(conversation.updatedAt) })] }), _jsx("span", { className: "w-full truncate text-sm text-foreground", children: conversation.title ?? "Untitled" })] })), !isRenaming && (_jsx("button", { className: "shrink-0 rounded p-0.5 text-muted-foreground opacity-0 transition-colors group-hover:opacity-100 hover:text-foreground", onClick: onStartRename, "aria-label": "Rename conversation", tabIndex: -1, children: _jsx(Pencil, { className: "size-3.5" }) }))] }));
+}
+export { ConversationListItem };

package/dist/conversations/DeleteDialog.d.ts

@@ -0,0 +1,13 @@
+interface DeleteDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    isPending?: boolean;
+    title?: string;
+    description?: string;
+    cancelLabel?: string;
+    confirmLabel?: string;
+}
+declare function DeleteDialog({ open, onOpenChange, onConfirm, isPending, title, description, cancelLabel, confirmLabel, }: DeleteDialogProps): import("react/jsx-runtime").JSX.Element;
+export { DeleteDialog };
+export type { DeleteDialogProps };

package/dist/conversations/DeleteDialog.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../ui/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
+function DeleteDialog({ open, onOpenChange, onConfirm, isPending, title = "Delete conversation", description = "This conversation will be permanently removed.", cancelLabel = "Cancel", confirmLabel = "Delete", }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-sm", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: isPending, children: cancelLabel }), _jsx(Button, { variant: "destructive", onClick: onConfirm, disabled: isPending, children: confirmLabel })] })] }) }));
+}
+export { DeleteDialog };

package/dist/conversations/RenameDialog.d.ts

@@ -0,0 +1,15 @@
+interface RenameDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    value: string;
+    onValueChange: (value: string) => void;
+    onConfirm: () => void;
+    isPending?: boolean;
+    title?: string;
+    placeholder?: string;
+    cancelLabel?: string;
+    confirmLabel?: string;
+}
+declare function RenameDialog({ open, onOpenChange, value, onValueChange, onConfirm, isPending, title, placeholder, cancelLabel, confirmLabel, }: RenameDialogProps): import("react/jsx-runtime").JSX.Element;
+export { RenameDialog };
+export type { RenameDialogProps };

package/dist/conversations/RenameDialog.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../ui/button.js";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
+import { Input } from "../ui/input.js";
+function RenameDialog({ open, onOpenChange, value, onValueChange, onConfirm, isPending, title = "Rename conversation", placeholder = "Conversation title", cancelLabel = "Cancel", confirmLabel = "Save", }) {
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && value.trim() && !isPending) {
+            e.preventDefault();
+            onConfirm();
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-sm", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: title }) }), _jsx(Input, { value: value, onChange: (e) => onValueChange(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, autoFocus: true }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: isPending, children: cancelLabel }), _jsx(Button, { onClick: onConfirm, disabled: !value.trim() || isPending, children: confirmLabel })] })] }) }));
+}
+export { RenameDialog };

package/dist/conversations/index.d.ts

@@ -0,0 +1,9 @@
+export { ConversationList } from "./ConversationList.js";
+export type { ConversationListProps } from "./ConversationList.js";
+export { ConversationBar } from "./ConversationBar.js";
+export type { ConversationBarProps } from "./ConversationBar.js";
+export { useConversations } from "./useConversations.js";
+export type { UseConversationsOptions, UseConversationsReturn } from "./useConversations.js";
+export { useIsMobile } from "../hooks/useIsMobile.js";
+export { formatRelativeTime, buildInitialMessages, groupConversations } from "./utils.js";
+export type { Conversation, BackendMessage } from "./types.js";

package/dist/conversations/index.js

@@ -0,0 +1,5 @@
+export { ConversationList } from "./ConversationList.js";
+export { ConversationBar } from "./ConversationBar.js";
+export { useConversations } from "./useConversations.js";
+export { useIsMobile } from "../hooks/useIsMobile.js";
+export { formatRelativeTime, buildInitialMessages, groupConversations } from "./utils.js";

package/dist/conversations/types.d.ts

@@ -0,0 +1,21 @@
+export interface Conversation {
+    id: string;
+    title?: string;
+    agentId: string;
+    updatedAt: string;
+    starred: boolean;
+    metadata?: Record<string, unknown>;
+}
+export interface BackendMessage {
+    id?: string;
+    role: string;
+    content: string | unknown[];
+    _meta?: {
+        id?: string;
+        ts?: string;
+        userId?: string;
+        metadata?: Record<string, unknown>;
+    };
+    timestamp?: string;
+    metadata?: Record<string, unknown>;
+}

package/dist/conversations/types.js

@@ -0,0 +1 @@
+export {};

package/dist/conversations/useConversations.d.ts

@@ -0,0 +1,19 @@
+import type { Conversation } from "./types.js";
+export interface UseConversationsOptions {
+    endpoint?: string;
+    token?: string;
+    fetcher?: (url: string, init?: RequestInit) => Promise<Response>;
+    autoFetch?: boolean;
+}
+export interface UseConversationsReturn {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: Error | null;
+    refresh: () => Promise<void>;
+    create: (agentId: string) => Promise<Conversation>;
+    rename: (id: string, title: string) => Promise<void>;
+    star: (id: string, starred: boolean) => Promise<void>;
+    remove: (id: string) => Promise<void>;
+    exportUrl: (id: string, format?: "json" | "markdown") => string;
+}
+export declare function useConversations(options?: UseConversationsOptions): UseConversationsReturn;

package/dist/conversations/useConversations.js

@@ -0,0 +1,102 @@
+import { useState, useCallback, useEffect } from "react";
+export function useConversations(options = {}) {
+    const { endpoint = "", token, fetcher, autoFetch = true } = options;
+    const [conversations, setConversations] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const doFetch = useCallback((url, init) => {
+        const fn = fetcher ?? fetch;
+        const headers = {
+            "Content-Type": "application/json",
+            ...init?.headers,
+        };
+        if (token) {
+            headers["Authorization"] = `Bearer ${token}`;
+        }
+        return fn(url, { ...init, headers });
+    }, [fetcher, token]);
+    const refresh = useCallback(async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const res = await doFetch(`${endpoint}/api/v1/ai/conversations`);
+            if (!res.ok)
+                throw new Error(`Failed to fetch conversations: ${res.status}`);
+            const data = (await res.json());
+            setConversations(data);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [doFetch, endpoint]);
+    useEffect(() => {
+        if (autoFetch) {
+            void refresh();
+        }
+    }, [autoFetch, refresh]);
+    const create = useCallback(async (agentId) => {
+        const res = await doFetch(`${endpoint}/api/v1/ai/conversations`, {
+            method: "POST",
+            body: JSON.stringify({ agentId }),
+        });
+        if (!res.ok)
+            throw new Error(`Failed to create conversation: ${res.status}`);
+        const created = (await res.json());
+        setConversations((prev) => [created, ...prev]);
+        return created;
+    }, [doFetch, endpoint]);
+    const rename = useCallback(async (id, title) => {
+        const res = await doFetch(`${endpoint}/api/v1/ai/conversations/${id}`, {
+            method: "PATCH",
+            body: JSON.stringify({ title }),
+        });
+        if (!res.ok)
+            throw new Error(`Failed to rename conversation: ${res.status}`);
+        setConversations((prev) => prev.map((c) => (c.id === id ? { ...c, title } : c)));
+    }, [doFetch, endpoint]);
+    const star = useCallback(async (id, starred) => {
+        // Optimistic update
+        setConversations((prev) => prev.map((c) => (c.id === id ? { ...c, starred } : c)));
+        try {
+            const res = await doFetch(`${endpoint}/api/v1/ai/conversations/${id}`, {
+                method: "PATCH",
+                body: JSON.stringify({ starred }),
+            });
+            if (!res.ok)
+                throw new Error(`Failed to star conversation: ${res.status}`);
+        }
+        catch (err) {
+            // Rollback on error
+            setConversations((prev) => prev.map((c) => (c.id === id ? { ...c, starred: !starred } : c)));
+            throw err;
+        }
+    }, [doFetch, endpoint]);
+    const remove = useCallback(async (id) => {
+        const res = await doFetch(`${endpoint}/api/v1/ai/conversations/${id}`, {
+            method: "DELETE",
+        });
+        if (!res.ok)
+            throw new Error(`Failed to delete conversation: ${res.status}`);
+        setConversations((prev) => prev.filter((c) => c.id !== id));
+    }, [doFetch, endpoint]);
+    const exportUrl = useCallback((id, format = "json") => {
+        const params = new URLSearchParams({ format });
+        if (token)
+            params.set("token", token);
+        return `${endpoint}/api/v1/ai/conversations/${id}/export?${params.toString()}`;
+    }, [endpoint, token]);
+    return {
+        conversations,
+        isLoading,
+        error,
+        refresh,
+        create,
+        rename,
+        star,
+        remove,
+        exportUrl,
+    };
+}

package/dist/conversations/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Message } from "@ai-sdk/react";
+import type { BackendMessage, Conversation } from "./types.js";
+export declare function formatRelativeTime(dateStr: string): string;
+export declare function buildInitialMessages(messages?: BackendMessage[]): Message[] | undefined;
+export declare function groupConversations(conversations: Conversation[]): {
+    favorites: Conversation[];
+    history: Conversation[];
+};

package/dist/conversations/utils.js

@@ -0,0 +1,134 @@
+export function formatRelativeTime(dateStr) {
+    const diff = Date.now() - new Date(dateStr).getTime();
+    const seconds = Math.floor(diff / 1000);
+    if (seconds < 60)
+        return "now";
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+export function buildInitialMessages(messages) {
+    if (!messages)
+        return undefined;
+    // Index tool results by toolCallId
+    const toolResults = new Map();
+    for (const m of messages) {
+        if (m.role === "tool" && Array.isArray(m.content)) {
+            for (const part of m.content) {
+                if (part.type === "tool-result" && part.toolCallId) {
+                    const raw = part.output;
+                    const value = typeof raw === "object" &&
+                        raw !== null &&
+                        "type" in raw &&
+                        raw.type === "json"
+                        ? raw.value
+                        : raw;
+                    toolResults.set(part.toolCallId, { toolName: part.toolName ?? "", result: value });
+                }
+            }
+        }
+    }
+    const result = [];
+    let i = 0;
+    while (i < messages.length) {
+        const m = messages[i];
+        if (m.role === "user") {
+            let content = "";
+            const parts = [];
+            if (typeof m.content === "string") {
+                content = m.content;
+            }
+            else if (Array.isArray(m.content)) {
+                for (const p of m.content) {
+                    if (p["type"] === "text") {
+                        const text = String(p["text"] ?? "");
+                        if (!text.startsWith("[📎") && !content)
+                            content = text;
+                        parts.push(p);
+                    }
+                    else if (p["type"] === "image" || p["type"] === "file") {
+                        parts.push({ type: p["type"], _ref: p["_ref"], mimeType: p["mimeType"] });
+                    }
+                    else {
+                        parts.push(p);
+                    }
+                }
+            }
+            result.push({
+                id: m._meta?.id ?? m.id ?? `msg-${i}`,
+                role: "user",
+                content,
+                ...(parts.length > 0 ? { parts } : {}),
+            });
+            i++;
+            continue;
+        }
+        if (m.role === "tool") {
+            i++;
+            continue;
+        }
+        if (m.role === "assistant") {
+            const parts = [];
+            let textContent = "";
+            const id = m._meta?.id ?? m.id ?? `msg-${i}`;
+            while (i < messages.length &&
+                (messages[i].role === "assistant" || messages[i].role === "tool")) {
+                const cur = messages[i];
+                if (cur.role === "tool") {
+                    i++;
+                    continue;
+                }
+                if (typeof cur.content === "string") {
+                    if (cur.content) {
+                        parts.push({ type: "text", text: cur.content });
+                        textContent += cur.content;
+                    }
+                }
+                else if (Array.isArray(cur.content)) {
+                    for (const p of cur.content) {
+                        if (p.type === "text" && p.text) {
+                            parts.push({ type: "text", text: p.text });
+                            textContent += p.text;
+                        }
+                        else if (p.type === "tool-call" && p.toolCallId) {
+                            const tr = toolResults.get(p.toolCallId);
+                            parts.push({
+                                type: "tool-invocation",
+                                toolInvocation: {
+                                    toolName: p.toolName ?? "",
+                                    toolCallId: p.toolCallId,
+                                    state: tr ? "result" : "call",
+                                    args: p.input,
+                                    result: tr?.result,
+                                },
+                            });
+                        }
+                    }
+                }
+                i++;
+            }
+            result.push({ id, role: "assistant", content: textContent, parts });
+            continue;
+        }
+        i++;
+    }
+    return result;
+}
+export function groupConversations(conversations) {
+    const favorites = [];
+    const history = [];
+    for (const conv of conversations) {
+        if (conv.starred) {
+            favorites.push(conv);
+        }
+        else {
+            history.push(conv);
+        }
+    }
+    return { favorites, history };
+}

package/dist/display/AlertRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { DisplayAlert } from "@gugacoder/agentic-sdk";
+export declare function AlertRenderer({ variant, title, message }: DisplayAlert): import("react/jsx-runtime").JSX.Element;

package/dist/display/AlertRenderer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, AlertTriangle, CheckCircle, Info } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+const VARIANT_CONFIG = {
+    info: { Icon: Info, className: "text-blue-600 dark:text-blue-400 *:[svg]:text-blue-600 dark:*:[svg]:text-blue-400 border-blue-500/50" },
+    warning: { Icon: AlertTriangle, className: "text-yellow-600 dark:text-yellow-400 *:[svg]:text-yellow-600 dark:*:[svg]:text-yellow-400 border-yellow-500/50" },
+    error: { Icon: AlertCircle },
+    success: { Icon: CheckCircle, className: "text-green-600 dark:text-green-400 *:[svg]:text-green-600 dark:*:[svg]:text-green-400 border-green-500/50" },
+};
+export function AlertRenderer({ variant = "info", title, message }) {
+    const { Icon, className } = VARIANT_CONFIG[variant];
+    return (_jsxs(Alert, { variant: variant === "error" ? "destructive" : "default", className: className, children: [_jsx(Icon, {}), title && _jsx(AlertTitle, { children: title }), _jsx(AlertDescription, { children: message })] }));
+}

package/dist/display/CarouselRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { DisplayCarousel } from "@gugacoder/agentic-sdk";
+export declare function CarouselRenderer({ title, items }: DisplayCarousel): import("react/jsx-runtime").JSX.Element;

package/dist/display/CarouselRenderer.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from "embla-carousel-react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { Badge } from "../ui/badge";
+import { Button } from "../ui/button";
+import { Card, CardContent } from "../ui/card";
+import { cn } from "../lib/utils";
+function formatPrice(value, currency) {
+    return new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(value);
+}
+export function CarouselRenderer({ title, items }) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false, dragFree: false });
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    const onSelect = useCallback(() => {
+        if (!emblaApi)
+            return;
+        setSelectedIndex(emblaApi.selectedScrollSnap());
+        setCanScrollPrev(emblaApi.canScrollPrev());
+        setCanScrollNext(emblaApi.canScrollNext());
+    }, [emblaApi]);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        onSelect();
+        emblaApi.on("select", onSelect);
+        emblaApi.on("reInit", onSelect);
+        return () => {
+            emblaApi.off("select", onSelect);
+            emblaApi.off("reInit", onSelect);
+        };
+    }, [emblaApi, onSelect]);
+    const scrollPrev = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
+    const scrollNext = useCallback(() => emblaApi?.scrollNext(), [emblaApi]);
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [title && _jsx("p", { className: "text-sm font-medium text-foreground", children: title }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "icon", className: "rounded-full shrink-0", onClick: scrollPrev, disabled: !canScrollPrev, "aria-label": "Anterior", type: "button", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("div", { className: "overflow-hidden flex-1", ref: emblaRef, children: _jsx("div", { className: "flex", children: items.map((item, index) => (_jsx("div", { className: "flex-[0_0_80%] min-w-0 pl-3 first:pl-0", children: item.url ? (_jsx("a", { href: item.url, target: "_blank", rel: "noopener noreferrer", className: "block", children: _jsx(CarouselCard, { item: item }) })) : (_jsx(CarouselCard, { item: item })) }, index))) }) }), _jsx(Button, { variant: "outline", size: "icon", className: "rounded-full shrink-0", onClick: scrollNext, disabled: !canScrollNext, "aria-label": "Pr\u00F3ximo", type: "button", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }), items.length > 1 && (_jsx("div", { className: "flex items-center justify-center gap-1.5", role: "tablist", "aria-label": "Slides", children: items.map((_, index) => (_jsx("button", { className: cn("w-2 h-2 rounded-full transition-colors", index === selectedIndex ? "bg-primary" : "bg-muted"), onClick: () => emblaApi?.scrollTo(index), role: "tab", "aria-selected": index === selectedIndex, "aria-label": `Slide ${index + 1}`, type: "button" }, index))) }))] }));
+}
+function CarouselCard({ item }) {
+    return (_jsxs(Card, { className: "overflow-hidden", children: [item.image && (_jsx("div", { className: "aspect-video overflow-hidden", children: _jsx("img", { src: item.image, alt: item.title, loading: "lazy", className: "w-full h-full object-cover" }) })), _jsxs(CardContent, { className: "p-3 space-y-1", children: [_jsx("p", { className: "font-medium text-sm text-foreground", children: item.title }), item.subtitle && (_jsx("p", { className: "text-xs text-muted-foreground", children: item.subtitle })), item.price && (_jsx("p", { className: "text-sm font-bold text-foreground", children: formatPrice(item.price.value, item.price.currency) })), item.badges && item.badges.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 pt-1", children: item.badges.map((badge, i) => (_jsx(Badge, { variant: badge.variant === "destructive" ? "destructive" : badge.variant === "secondary" ? "secondary" : "default", children: badge.label }, i))) }))] })] }));
+}

package/dist/display/ChartRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { DisplayChart } from "@gugacoder/agentic-sdk";
+export declare function ChartRenderer({ type, title, data, format }: DisplayChart): import("react/jsx-runtime").JSX.Element;