veryfront 0.1.996 → 0.1.998

package/esm/src/react/components/chat/chat/components/uploads-panel.js

@@ -1,49 +0,0 @@
-import * as React from "../../../../../../react/react.js";
-import { cn } from "../../theme.js";
-import { FileTextIcon, TrashIcon } from "../../icons/index.js";
-function formatFileSize(bytes) {
-    if (bytes < 1024)
-        return `${bytes} B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-/** Render uploads panel. */
-export function UploadsPanel({ uploads = [], onRemoveUpload, onAttach, attachAccept, className, }) {
-    const fileInputRef = React.useRef(null);
-    return (React.createElement("div", { className: cn("flex flex-col h-full", className) },
-        React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4" }, uploads.length === 0
-            ? (React.createElement("div", { className: "flex flex-col items-center justify-center h-full text-center" },
-                React.createElement("h1", { className: "text-2xl font-medium text-[var(--foreground)] tracking-tight" }, "No files uploaded"),
-                React.createElement("p", { className: "mt-2 max-w-sm text-sm text-[var(--muted-foreground)] leading-relaxed" }, "Upload files to start asking questions"),
-                onAttach && (React.createElement("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: "mt-4 px-4 py-2 text-sm font-medium rounded-full bg-[var(--primary)] text-[var(--primary-foreground)] hover:opacity-90 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2" }, "Upload Files"))))
-            : (React.createElement("div", { className: "max-w-2xl mx-auto space-y-1.5" },
-                uploads.map((doc) => (React.createElement("div", { key: doc.id, className: "flex items-center gap-3 rounded-lg px-3 py-2.5 group hover:bg-[var(--accent)] transition-colors" },
-                    React.createElement("div", { className: "shrink-0 size-8 rounded-lg bg-[var(--accent)] flex items-center justify-center text-[var(--muted-foreground)]" },
-                        React.createElement(FileTextIcon, { className: "size-4" })),
-                    React.createElement("div", { className: "flex-1 min-w-0" },
-                        doc.url
-                            ? (React.createElement("a", { href: doc.url, target: "_blank", rel: "noreferrer", className: "block truncate text-sm text-[var(--card-foreground)] hover:underline" }, doc.name))
-                            : (React.createElement("p", { className: "text-sm text-[var(--card-foreground)] truncate" }, doc.name)),
-                        doc.size != null && (React.createElement("p", { className: "text-xs text-[var(--muted-foreground)]" }, formatFileSize(doc.size)))),
-                    onRemoveUpload && (React.createElement("button", { type: "button", onClick: () => onRemoveUpload(doc.id), className: "shrink-0 p-1.5 rounded-md text-[var(--muted-foreground)] hover:text-[var(--destructive)] hover:bg-[var(--destructive)]/10 transition-colors opacity-0 group-hover:opacity-100", "aria-label": `Remove ${doc.name}` },
-                        React.createElement(TrashIcon, { className: "size-4" })))))),
-                onAttach && (React.createElement("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: "w-full flex items-center justify-center gap-2 rounded-lg px-3 py-2.5 text-sm text-[var(--muted-foreground)] hover:bg-[var(--accent)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2" },
-                    React.createElement("span", { className: "text-xs" }, "+"),
-                    "Upload more files"))))),
-        onAttach && (React.createElement("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, "aria-label": "Upload file", onChange: (e) => {
-                if (e.target.files?.length)
-                    onAttach(e.target.files);
-                e.target.value = "";
-            }, style: {
-                position: "absolute",
-                width: 1,
-                height: 1,
-                padding: 0,
-                margin: -1,
-                overflow: "hidden",
-                clip: "rect(0,0,0,0)",
-                whiteSpace: "nowrap",
-                border: 0,
-            } }))));
-}

package/esm/src/react/components/chat/chat/contexts/thread-list-context.d.ts

@@ -1,28 +0,0 @@
-/**
- * ThreadListContext — Thread navigation state for multi-conversation UIs.
- *
- * Provided by ThreadList.Root or ChatWithSidebar.
- * Consumed by thread list items, create/delete buttons, etc.
- *
- * @module react/components/chat/contexts/thread-list-context
- */
-import * as React from "../../../../../../react/react.js";
-import type { Thread } from "../hooks/use-threads.js";
-/** Public API contract for thread list context value. */
-export interface ThreadListContextValue {
-    threads: Thread[];
-    activeThreadId: string | null;
-    activeThread: Thread | null;
-    createThread: () => Thread;
-    selectThread: (id: string) => void;
-    deleteThread: (id: string) => void;
-    renameThread: (id: string, title: string) => void;
-    updateThread: (id: string, updates: Partial<Pick<Thread, "title" | "messages">>) => void;
-}
-/** Context for use thread list. */
-export declare function useThreadListContext(): ThreadListContextValue;
-/** React hook for thread list context optional. */
-export declare function useThreadListContextOptional(): ThreadListContextValue | null;
-/** Render thread list context provider. */
-export declare const ThreadListContextProvider: React.Provider<ThreadListContextValue | null>;
-//# sourceMappingURL=thread-list-context.d.ts.map

package/esm/src/react/components/chat/chat/contexts/thread-list-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-list-context.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/contexts/thread-list-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAE1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAG5B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1F;AAID,mCAAmC;AACnC,wBAAgB,oBAAoB,IAAI,sBAAsB,CAQ7D;AAED,mDAAmD;AACnD,wBAAgB,4BAA4B,IAAI,sBAAsB,GAAG,IAAI,CAE5E;AAED,2CAA2C;AAC3C,eAAO,MAAM,yBAAyB,+CAA6B,CAAC"}

package/esm/src/react/components/chat/chat/contexts/thread-list-context.js

@@ -1,27 +0,0 @@
-/**
- * ThreadListContext — Thread navigation state for multi-conversation UIs.
- *
- * Provided by ThreadList.Root or ChatWithSidebar.
- * Consumed by thread list items, create/delete buttons, etc.
- *
- * @module react/components/chat/contexts/thread-list-context
- */
-import * as React from "../../../../../../react/react.js";
-import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
-const ThreadListContext = React.createContext(null);
-/** Context for use thread list. */
-export function useThreadListContext() {
-    const context = React.useContext(ThreadListContext);
-    if (!context) {
-        throw COMPONENT_ERROR.create({
-            detail: "useThreadListContext must be used within a ThreadList provider",
-        });
-    }
-    return context;
-}
-/** React hook for thread list context optional. */
-export function useThreadListContextOptional() {
-    return React.useContext(ThreadListContext);
-}
-/** Render thread list context provider. */
-export const ThreadListContextProvider = ThreadListContext.Provider;

package/esm/src/react/components/chat/chat/hooks/use-threads.d.ts

@@ -1,28 +0,0 @@
-import type { ChatMessage } from "../../../../../agent/react/index.js";
-/** Public API contract for thread. */
-export interface Thread {
-    id: string;
-    title: string;
-    messages: ChatMessage[];
-    createdAt: number;
-    updatedAt: number;
-}
-/** Options accepted by use threads. */
-export interface UseThreadsOptions {
-    /** localStorage key prefix. Default: "vf-threads" */
-    storageKey?: string;
-}
-/** Result returned from use threads. */
-export interface UseThreadsResult {
-    threads: Thread[];
-    activeThreadId: string | null;
-    activeThread: Thread | null;
-    createThread: () => Thread;
-    selectThread: (id: string) => void;
-    deleteThread: (id: string) => void;
-    updateThread: (id: string, updates: Partial<Pick<Thread, "title" | "messages">>) => void;
-    renameThread: (id: string, title: string) => void;
-}
-/** React hook for threads. */
-export declare function useThreads(options?: UseThreadsOptions): UseThreadsResult;
-//# sourceMappingURL=use-threads.d.ts.map

package/esm/src/react/components/chat/chat/hooks/use-threads.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-threads.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/hooks/use-threads.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAGvE,sCAAsC;AACtC,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAiDD,8BAA8B;AAC9B,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,CA+HxE"}

package/esm/src/react/components/chat/chat/hooks/use-threads.js

@@ -1,151 +0,0 @@
-import * as React from "../../../../../../react/react.js";
-import { isBrowserEnvironment } from "../../../../../platform/compat/runtime.js";
-function generateId() {
-    return `t_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
-}
-function createEmptyThread() {
-    return {
-        id: generateId(),
-        title: "New Chat",
-        messages: [],
-        createdAt: Date.now(),
-        updatedAt: Date.now(),
-    };
-}
-function loadIndex(key) {
-    if (!isBrowserEnvironment())
-        return { ids: [] };
-    try {
-        const raw = localStorage.getItem(`${key}-index`);
-        if (raw)
-            return JSON.parse(raw);
-    }
-    catch (_) { /* expected: corrupted localStorage data */ }
-    return { ids: [] };
-}
-function saveIndex(key, index) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.setItem(`${key}-index`, JSON.stringify(index));
-}
-function loadThread(key, id) {
-    if (!isBrowserEnvironment())
-        return null;
-    try {
-        const raw = localStorage.getItem(`${key}-${id}`);
-        if (raw)
-            return JSON.parse(raw);
-    }
-    catch (_) { /* expected: corrupted localStorage data */ }
-    return null;
-}
-function saveThread(key, thread) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.setItem(`${key}-${thread.id}`, JSON.stringify(thread));
-}
-function removeThread(key, id) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.removeItem(`${key}-${id}`);
-}
-/** React hook for threads. */
-export function useThreads(options) {
-    const storageKey = options?.storageKey ?? "vf-threads";
-    const [threads, setThreads] = React.useState(() => {
-        const index = loadIndex(storageKey);
-        const loaded = [];
-        for (const id of index.ids) {
-            const thread = loadThread(storageKey, id);
-            if (thread)
-                loaded.push(thread);
-        }
-        if (loaded.length === 0) {
-            // Return empty array during SSR/first render; create thread in useEffect
-            return [];
-        }
-        // Sort by updatedAt desc
-        loaded.sort((a, b) => b.updatedAt - a.updatedAt);
-        return loaded;
-    });
-    const [activeThreadId, setActiveThreadId] = React.useState(() => threads[0]?.id ?? null);
-    // Create initial thread on client only to avoid SSR hydration mismatch
-    React.useEffect(() => {
-        if (threads.length > 0)
-            return;
-        const first = createEmptyThread();
-        saveThread(storageKey, first);
-        saveIndex(storageKey, { ids: [first.id] });
-        setThreads([first]);
-        setActiveThreadId(first.id);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Debounced persist — clear on unmount to avoid stale writes
-    const saveTimerRef = React.useRef(undefined);
-    React.useEffect(() => () => clearTimeout(saveTimerRef.current), []);
-    const persistThreads = React.useCallback((updated) => {
-        clearTimeout(saveTimerRef.current);
-        saveTimerRef.current = globalThis.setTimeout(() => {
-            saveIndex(storageKey, { ids: updated.map((t) => t.id) });
-            for (const thread of updated) {
-                saveThread(storageKey, thread);
-            }
-        }, 300);
-    }, [storageKey]);
-    const activeThread = React.useMemo(() => threads.find((t) => t.id === activeThreadId) ?? null, [threads, activeThreadId]);
-    const createThread = React.useCallback(() => {
-        const thread = createEmptyThread();
-        setThreads((prev) => {
-            const next = [thread, ...prev];
-            persistThreads(next);
-            return next;
-        });
-        setActiveThreadId(thread.id);
-        return thread;
-    }, [persistThreads]);
-    const selectThread = React.useCallback((id) => {
-        setActiveThreadId(id);
-    }, []);
-    const deleteThread = React.useCallback((id) => {
-        setThreads((prev) => {
-            const next = prev.filter((t) => t.id !== id);
-            removeThread(storageKey, id);
-            if (next.length === 0) {
-                const fresh = createEmptyThread();
-                saveThread(storageKey, fresh);
-                const result = [fresh];
-                persistThreads(result);
-                setActiveThreadId(fresh.id);
-                return result;
-            }
-            persistThreads(next);
-            // If we deleted the active thread, switch to the first one
-            setActiveThreadId((current) => current === id ? (next[0]?.id ?? null) : current);
-            return next;
-        });
-    }, [storageKey, persistThreads]);
-    const updateThread = React.useCallback((id, updates) => {
-        setThreads((prev) => {
-            const next = prev.map((t) => {
-                if (t.id !== id)
-                    return t;
-                return { ...t, ...updates, updatedAt: Date.now() };
-            });
-            persistThreads(next);
-            return next;
-        });
-    }, [persistThreads]);
-    const renameThread = React.useCallback((id, title) => {
-        updateThread(id, { title });
-    }, [updateThread]);
-    return {
-        threads,
-        activeThreadId,
-        activeThread,
-        createThread,
-        selectThread,
-        deleteThread,
-        updateThread,
-        renameThread,
-    };
-}

package/esm/src/react/components/chat/chat-with-sidebar.d.ts

@@ -1,110 +0,0 @@
-import * as React from "../../../../react/react.js";
-import { type ChatProps } from "./chat/index.js";
-type ChatMessageSetter = (messages: ChatProps["messages"]) => void;
-type TabChangeHandler = NonNullable<ChatProps["onTabChange"]>;
-/** Public API contract for chat with sidebar chat controller. */
-export interface ChatWithSidebarChatController {
-    messages: ChatProps["messages"];
-    input: ChatProps["input"];
-    onChange: ChatProps["onChange"];
-    onSubmit?: ChatProps["onSubmit"];
-    stop?: ChatProps["stop"];
-    reload?: ChatProps["reload"];
-    setInput?: ChatProps["setInput"];
-    isLoading?: ChatProps["isLoading"];
-    error?: ChatProps["error"];
-    model?: ChatProps["model"];
-    activeModel?: ChatProps["activeModel"];
-    onModelChange?: ChatProps["onModelChange"];
-    inferenceMode?: ChatProps["inferenceMode"];
-    editMessage?: ChatProps["editMessage"];
-    getBranches?: ChatProps["getBranches"];
-    switchBranch?: ChatProps["switchBranch"];
-    setMessages: ChatMessageSetter;
-}
-interface ChatWithSidebarSidebarBaseConfig {
-    storageKey?: string;
-    visible?: boolean;
-}
-/** Configuration used by chat with sidebar sidebar. */
-export type ChatWithSidebarSidebarConfig = (ChatWithSidebarSidebarBaseConfig & {
-    open: boolean;
-    onToggle: () => void;
-}) | (ChatWithSidebarSidebarBaseConfig & {
-    open?: undefined;
-    onToggle?: () => void;
-});
-/** Configuration used by chat with sidebar model. */
-export interface ChatWithSidebarModelConfig {
-    options?: ChatProps["models"];
-}
-/** Configuration used by chat with sidebar attachment. */
-export interface ChatWithSidebarAttachmentConfig {
-    accept?: ChatProps["attachAccept"];
-    items?: ChatProps["attachments"];
-    uploads?: ChatProps["uploads"];
-    onAttach?: ChatProps["onAttach"];
-    onDrop?: ChatProps["onDrop"];
-    onRemoveItem?: ChatProps["onRemoveAttachment"];
-    onRemoveUpload?: ChatProps["onRemoveUpload"];
-}
-/** Configuration used by chat with sidebar quick actions. */
-export interface ChatWithSidebarQuickActionsConfig {
-    suggestions?: ChatProps["suggestions"];
-    onSuggestionClick?: ChatProps["onSuggestionClick"];
-    actions?: ChatProps["quickActions"];
-    onAction?: ChatProps["onQuickAction"];
-}
-/** Configuration used by chat with sidebar message. */
-export interface ChatWithSidebarMessageConfig {
-    render?: ChatProps["renderMessage"];
-    renderTool?: ChatProps["renderTool"];
-    onFeedback?: ChatProps["onFeedback"];
-    onSourceClick?: ChatProps["onSourceClick"];
-}
-/** Configuration used by chat with sidebar feature. */
-export interface ChatWithSidebarFeatureConfig {
-    steps?: ChatProps["showSteps"];
-    tabs?: ChatProps["showTabs"];
-    sources?: ChatProps["showSources"];
-    export?: ChatProps["showExport"];
-    scrollButton?: ChatProps["showScrollButton"];
-    messageActions?: ChatProps["showMessageActions"];
-}
-/** Configuration used by chat with sidebar tabs. */
-export type ChatWithSidebarTabsConfig = {
-    active: ChatProps["activeTab"];
-    onChange: TabChangeHandler;
-} | {
-    active?: undefined;
-    onChange?: TabChangeHandler;
-};
-/** Configuration used by chat with sidebar voice. */
-export interface ChatWithSidebarVoiceConfig {
-    enabled?: ChatProps["enableVoice"];
-    onVoice?: ChatProps["onVoice"];
-}
-/** Props accepted by chat with sidebar grouped. */
-export interface ChatWithSidebarGroupedProps {
-    chat: ChatWithSidebarChatController;
-    sidebar?: ChatWithSidebarSidebarConfig;
-    models?: ChatWithSidebarModelConfig;
-    attachments?: ChatWithSidebarAttachmentConfig;
-    quickActions?: ChatWithSidebarQuickActionsConfig;
-    message?: ChatWithSidebarMessageConfig;
-    features?: ChatWithSidebarFeatureConfig;
-    tabs?: ChatWithSidebarTabsConfig;
-    voice?: ChatWithSidebarVoiceConfig;
-    className?: string;
-    maxHeight?: ChatProps["maxHeight"];
-    theme?: ChatProps["theme"];
-    placeholder?: ChatProps["placeholder"];
-    emptyState?: ChatProps["emptyState"];
-    children?: ChatProps["children"];
-}
-/** Props accepted by chat with sidebar. */
-export type ChatWithSidebarProps = ChatWithSidebarGroupedProps;
-/** Render chat with sidebar. */
-export declare const ChatWithSidebar: React.ForwardRefExoticComponent<ChatWithSidebarGroupedProps & React.RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=chat-with-sidebar.d.ts.map

package/esm/src/react/components/chat/chat-with-sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-with-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat-with-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAMvD,KAAK,iBAAiB,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAKnE,KAAK,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAE9D,iEAAiE;AACjE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,UAAU,gCAAgC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,uDAAuD;AACvD,MAAM,MAAM,4BAA4B,GACpC,CAAC,gCAAgC,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,GACA,CAAC,gCAAgC,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAEL,qDAAqD;AACrD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED,0DAA0D;AAC1D,MAAM,WAAW,+BAA+B;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,6DAA6D;AAC7D,MAAM,WAAW,iCAAiC;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,iBAAiB,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC;AAED,uDAAuD;AACvD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5C;AAED,uDAAuD;AACvD,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;CAClD;AAED,oDAAoD;AACpD,MAAM,MAAM,yBAAyB,GACjC;IACA,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,QAAQ,EAAE,gBAAgB,CAAC;CAC5B,GACC;IACA,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEJ,qDAAqD;AACrD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,mDAAmD;AACnD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,6BAA6B,CAAC;IACpC,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC,WAAW,CAAC,EAAE,+BAA+B,CAAC;IAC9C,YAAY,CAAC,EAAE,iCAAiC,CAAC;IACjD,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,KAAK,CAAC,EAAE,0BAA0B,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,2CAA2C;AAC3C,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,CAAC;AAE/D,gCAAgC;AAChC,eAAO,MAAM,eAAe,oGAqP3B,CAAC"}

package/esm/src/react/components/chat/chat-with-sidebar.js

@@ -1,167 +0,0 @@
-import * as React from "../../../../react/react.js";
-import { getDocumentNonce } from "./csp-nonce.js";
-import { cn, generateTokenCSS } from "./theme.js";
-import { Chat } from "./chat/index.js";
-import { ChatSidebar } from "./chat/components/sidebar.js";
-import { TabSwitcher } from "./chat/components/tab-switcher.js";
-import { useThreads } from "./chat/hooks/use-threads.js";
-import { PanelLeftIcon } from "./icons/index.js";
-/** Render chat with sidebar. */
-export const ChatWithSidebar = React.forwardRef(function ChatWithSidebar({ chat, sidebar, models, attachments, quickActions, message, features, tabs, voice, className, maxHeight, theme, placeholder, emptyState, children, }, ref) {
-    const nonce = getDocumentNonce();
-    const storageKey = sidebar?.storageKey;
-    const controlledOpen = sidebar?.open;
-    const onSidebarToggle = sidebar?.onToggle;
-    const showSidebar = sidebar?.visible ?? true;
-    const setMessages = chat.setMessages;
-    const messages = chat.messages;
-    const model = chat.model;
-    const onModelChange = chat.onModelChange;
-    const controlledTab = tabs?.active;
-    const chatProps = {
-        input: chat.input,
-        onChange: chat.onChange,
-        onSubmit: chat.onSubmit,
-        stop: chat.stop,
-        reload: chat.reload,
-        setInput: chat.setInput,
-        isLoading: chat.isLoading,
-        error: chat.error,
-        placeholder,
-        maxHeight,
-        theme,
-        renderMessage: message?.render,
-        renderTool: message?.renderTool,
-        suggestions: quickActions?.suggestions,
-        onSuggestionClick: quickActions?.onSuggestionClick,
-        emptyState,
-        showScrollButton: features?.scrollButton,
-        showMessageActions: features?.messageActions,
-        models: models?.options,
-        activeModel: chat.activeModel,
-        inferenceMode: chat.inferenceMode,
-        showSources: features?.sources,
-        onSourceClick: message?.onSourceClick,
-        onAttach: attachments?.onAttach,
-        onDrop: attachments?.onDrop,
-        attachAccept: attachments?.accept,
-        attachments: attachments?.items,
-        onRemoveAttachment: attachments?.onRemoveItem,
-        showExport: features?.export,
-        onFeedback: message?.onFeedback,
-        editMessage: chat.editMessage,
-        getBranches: chat.getBranches,
-        switchBranch: chat.switchBranch,
-        showSteps: features?.steps,
-        showTabs: features?.tabs,
-        uploads: attachments?.uploads,
-        onRemoveUpload: attachments?.onRemoveUpload,
-        quickActions: quickActions?.actions,
-        onQuickAction: quickActions?.onAction,
-        enableVoice: voice?.enabled,
-        onVoice: voice?.onVoice,
-        children,
-    };
-    const { activeThreadId, createThread, deleteThread, renameThread, selectThread, threads, updateThread, } = useThreads({ storageKey });
-    const [internalOpen, setInternalOpen] = React.useState(false);
-    const [internalTab, setInternalTab] = React.useState("chat");
-    const showTabs = chatProps.showTabs ?? false;
-    const isSidebarControlled = controlledOpen !== undefined;
-    const sidebarOpen = isSidebarControlled ? controlledOpen : internalOpen;
-    const toggleSidebar = React.useCallback(() => {
-        if (isSidebarControlled) {
-            onSidebarToggle?.();
-            return;
-        }
-        setInternalOpen((prev) => {
-            const next = !prev;
-            onSidebarToggle?.();
-            return next;
-        });
-    }, [isSidebarControlled, onSidebarToggle]);
-    const isTabControlled = controlledTab !== undefined;
-    const activeTab = controlledTab ?? internalTab;
-    const handleTabChange = React.useCallback((tab) => {
-        if (!isTabControlled) {
-            setInternalTab(tab);
-        }
-        tabs?.onChange?.(tab);
-    }, [isTabControlled, tabs]);
-    // Keep refs in sync so callbacks always read current values
-    const activeIdRef = React.useRef(activeThreadId);
-    activeIdRef.current = activeThreadId;
-    const messagesRef = React.useRef(messages);
-    messagesRef.current = messages;
-    const threadsRef = React.useRef(threads);
-    threadsRef.current = threads;
-    // Sync current messages to active thread on change
-    const prevMessagesRef = React.useRef(messages);
-    React.useEffect(() => {
-        const currentActiveId = activeIdRef.current;
-        if (!currentActiveId || messages === prevMessagesRef.current)
-            return;
-        prevMessagesRef.current = messages;
-        if (messages.length > 0) {
-            // Auto-title from first user message — combine with message sync
-            // into a single updateThread call to avoid racing setThreads batches
-            const activeThread = threadsRef.current.find((t) => t.id === currentActiveId);
-            let title;
-            if (activeThread?.title === "New Chat") {
-                const firstUserMsg = messages.find((m) => m.role === "user");
-                if (firstUserMsg) {
-                    const text = firstUserMsg.parts
-                        .filter((p) => p.type === "text")
-                        .map((p) => p.text)
-                        .join("")
-                        .trim();
-                    if (text)
-                        title = text.slice(0, 30);
-                }
-            }
-            updateThread(currentActiveId, title ? { messages, title } : { messages });
-        }
-    }, [messages, updateThread]);
-    const setInput = chat.setInput;
-    const stopChat = chat.stop;
-    const handleSelectThread = React.useCallback((id) => {
-        stopChat?.();
-        const currentActiveId = activeIdRef.current;
-        if (currentActiveId && messagesRef.current.length > 0) {
-            updateThread(currentActiveId, { messages: messagesRef.current });
-        }
-        selectThread(id);
-        const thread = threadsRef.current.find((t) => t.id === id);
-        setMessages(thread?.messages ?? []);
-        setInput?.("");
-    }, [selectThread, updateThread, setMessages, setInput, stopChat]);
-    const handleNewThread = React.useCallback(() => {
-        stopChat?.();
-        const currentActiveId = activeIdRef.current;
-        if (currentActiveId && messagesRef.current.length > 0) {
-            updateThread(currentActiveId, { messages: messagesRef.current });
-        }
-        const nextThread = createThread();
-        setMessages(nextThread.messages);
-        setInput?.("");
-    }, [createThread, updateThread, setMessages, setInput, stopChat]);
-    if (!showSidebar) {
-        return (React.createElement(Chat, { ref: ref, messages: messages, model: model, onModelChange: onModelChange, className: className, ...chatProps }));
-    }
-    const tokenCSS = React.useMemo(() => generateTokenCSS(), []);
-    return (React.createElement("div", { ref: ref, className: cn("flex h-full bg-[var(--background)]", className), "data-vf-chat": "" },
-        React.createElement("style", { nonce: nonce, dangerouslySetInnerHTML: { __html: tokenCSS } }),
-        sidebarOpen && (React.createElement(ChatSidebar, { threads: threads, activeThreadId: activeThreadId, onSelectThread: handleSelectThread, onDeleteThread: (id) => {
-                deleteThread(id);
-                const next = threadsRef.current.find((t) => t.id !== id);
-                setMessages(next?.messages ?? []);
-            }, onRenameThread: renameThread, onNewThread: handleNewThread })),
-        React.createElement("div", { className: "flex-1 min-w-0 flex flex-col" },
-            React.createElement("div", { className: "flex items-center px-3 pt-4 pb-1 shrink-0" },
-                React.createElement("button", { type: "button", onClick: toggleSidebar, className: "size-8 inline-flex items-center justify-center rounded-full text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/5 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2", "aria-label": sidebarOpen ? "Close sidebar" : "Open sidebar" },
-                    React.createElement(PanelLeftIcon, { className: "size-[18px]" })),
-                showTabs && (React.createElement("div", { className: "flex-1 flex justify-center" },
-                    React.createElement(TabSwitcher, { activeTab: activeTab, onTabChange: handleTabChange, className: "py-0" }))),
-                showTabs && React.createElement("div", { className: "size-8 shrink-0" })),
-            React.createElement(Chat, { messages: messages, model: model, onModelChange: onModelChange, className: "flex-1 min-h-0", activeTab: activeTab, onTabChange: handleTabChange, hideTabSwitcher: true, ...chatProps }))));
-});
-ChatWithSidebar.displayName = "ChatWithSidebar";

package/esm/src/react/components/chat/message.d.ts

@@ -1,42 +0,0 @@
-import * as React from "../../../../react/react.js";
-import type { ChatMessage, ChatMessagePart, ChatToolPart } from "../../../agent/react/index.js";
-import { type ChatTheme } from "./theme.js";
-/** Props accepted by message. */
-export interface MessageProps {
-    /** Message to display */
-    message: ChatMessage;
-    /** Additional class name */
-    className?: string;
-    /** Theme customization */
-    theme?: Partial<ChatTheme>;
-    /** Show role label */
-    showRole?: boolean;
-    /** Show timestamp */
-    showTimestamp?: boolean;
-    /** Custom renderer for tool calls (matches tool-${toolName} pattern) */
-    renderToolCall?: (part: ChatToolPart) => React.ReactNode;
-    /** Custom renderer for dynamic tools */
-    renderDynamicTool?: (part: Extract<ChatMessagePart, {
-        type: "dynamic-tool";
-    }>) => React.ReactNode;
-    /** Custom renderer for reasoning */
-    renderReasoning?: (part: Extract<ChatMessagePart, {
-        type: "reasoning";
-    }>) => React.ReactNode;
-}
-/** Render a standalone chat message. */
-export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
-/** Props accepted by streaming message. */
-export interface StreamingMessageProps {
-    /** Streaming message parts */
-    parts: ChatMessagePart[];
-    /** Show typing cursor */
-    showCursor?: boolean;
-    /** Additional class name */
-    className?: string;
-    /** Theme customization */
-    theme?: Partial<ChatTheme>;
-}
-/** Message shape for streaming. */
-export declare const StreamingMessage: React.ForwardRefExoticComponent<StreamingMessageProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=message.d.ts.map

package/esm/src/react/components/chat/message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAChG,OAAO,EAAE,KAAK,SAAS,EAAqC,MAAM,YAAY,CAAC;AAE/E,iCAAiC;AACjC,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,OAAO,EAAE,WAAW,CAAC;IAErB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAE3B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,CAClB,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,CAAC,KACrD,KAAK,CAAC,SAAS,CAAC;IAErB,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9F;AAYD,wCAAwC;AACxC,eAAO,MAAM,OAAO,qFAqFlB,CAAC;AAIH,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC5B;AAED,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,8FAgB5B,CAAC"}