teodor-new-chat-ui 4.1.48 → 4.1.50

package/dist/components/chat/MarkdownContent.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 interface MarkdownContentProps {
     content: string;
     className?: string;
     allowHtml?: boolean;
+    style?: React.CSSProperties;
 }
-export declare function MarkdownContent({ content, className, allowHtml, }: MarkdownContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownContent({ content, className, allowHtml, style, }: MarkdownContentProps): import("react/jsx-runtime").JSX.Element;
 export default MarkdownContent;

package/dist/components/langgraph_sdk_pack/components/ChatPageExample.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ChatPageExample.tsx
+ *
+ * Example showing how to use TestChatApp with LangGraphThreadManager sidebar
+ */
+export declare function ChatPageExample(): import("react/jsx-runtime").JSX.Element;

package/dist/components/langgraph_sdk_pack/components/LangChainComponent copy.d.ts

@@ -0,0 +1,7 @@
+export interface LangChainComponentProps {
+    threadId?: string | null;
+    onThreadIdChange?: (threadId: string | null) => void;
+    apiUrl?: string;
+    assistantId?: string;
+}
+export default function LangChainComponent({ threadId: controlledThreadId, onThreadIdChange, apiUrl, assistantId, }: LangChainComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/langgraph_sdk_pack/components/LangChainComponent.d.ts

@@ -0,0 +1,7 @@
+export interface LangChainComponentProps {
+    threadId?: string | null;
+    onThreadIdChange?: (threadId: string | null) => void;
+    apiUrl?: string;
+    assistantId?: string;
+}
+export default function LangChainComponent({ threadId: controlledThreadId, onThreadIdChange, apiUrl, assistantId, }: LangChainComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/langgraph_sdk_pack/components/LangChainMessageComponent.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ChatMessage } from '@/types/api';
+export interface LangChainMessageComponentProps {
+    message: ChatMessage;
+    metadata?: Record<string, unknown>;
+    isStreaming?: boolean;
+    streamingText?: string;
+    className?: string;
+    onRequestEdit?: (args: {
+        message: ChatMessage;
+        metadata?: Record<string, unknown> | undefined;
+        draft: string;
+    }) => void;
+    onRequestRegenerate?: (args: {
+        message: ChatMessage;
+        metadata?: Record<string, unknown> | undefined;
+    }) => void;
+    onSelectBranchOption?: (args: {
+        message: ChatMessage;
+        metadata?: Record<string, unknown> | undefined;
+        option: string;
+    }) => void;
+    footerContent?: React.ReactNode;
+}
+export declare function LangChainMessageComponent({ message, metadata, isStreaming, streamingText, className, onRequestEdit, onRequestRegenerate, onSelectBranchOption, footerContent, }: LangChainMessageComponentProps): import("react/jsx-runtime").JSX.Element;
+export default LangChainMessageComponent;

package/dist/components/langgraph_sdk_pack/components/LangChainMessageList.d.ts

@@ -0,0 +1,38 @@
+/**
+ * LangChainMessageList - Simplified message list for useStream hook
+ *
+ * Designed specifically for LangChain SDK's useStream hook.
+ * Renders messages with streaming support and minimal dependencies.
+ */
+import React from 'react';
+import type { ChatMessage } from '@/types/api';
+export interface LangChainMessageListProps {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    streamingText?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    emptyMessage?: React.ReactNode;
+    messageMetadata?: Array<any | undefined>;
+    renderMessageFooter?: (message: ChatMessage, info: {
+        index: number;
+        metadata?: any;
+        isStreaming: boolean;
+    }) => React.ReactNode;
+    onRequestEditMessage?: (args: {
+        message: ChatMessage;
+        metadata?: any;
+        draft: string;
+    }) => void;
+    onRequestRegenerateMessage?: (args: {
+        message: ChatMessage;
+        metadata?: any;
+    }) => void;
+    onBranchSelect?: (args: {
+        message: ChatMessage;
+        metadata?: any;
+        option: string;
+    }) => void;
+}
+export declare const LangChainMessageList: React.ForwardRefExoticComponent<LangChainMessageListProps & React.RefAttributes<HTMLDivElement>>;
+export default LangChainMessageList;

package/dist/components/langgraph_sdk_pack/components/LangGraphThreadManager.d.ts

@@ -0,0 +1,31 @@
+/**
+ * ThreadManager.tsx (LangGraph-focused variant)
+ *
+ * A thread sidebar component built specifically for LangGraph + useStream
+ * No external dependencies on the old ChatSessionProvider
+ */
+import type { ThreadInfo } from '../hooks/useLangGraphThreadManager';
+export interface LangGraphThreadManagerProps {
+    className?: string;
+    showCreateButton?: boolean;
+    showDeleteButton?: boolean;
+    showEditTitle?: boolean;
+    maxHeight?: string;
+    customStyles?: {
+        container?: string;
+        threadList?: string;
+        threadItem?: string;
+        activeThread?: string;
+        createButton?: string;
+        header?: string;
+    };
+    threads: ThreadInfo[];
+    currentThreadId: string | null;
+    isLoading: boolean;
+    onThreadSelect: (threadId: string) => void;
+    onThreadCreate?: (threadId: string | null) => void;
+    onThreadDelete: (threadId: string) => void;
+    onThreadRename: (threadId: string, title: string) => Promise<void>;
+    onCreateNew?: () => Promise<string | null | void>;
+}
+export declare function LangGraphThreadManager({ className, showCreateButton, showDeleteButton, showEditTitle, maxHeight, customStyles, threads, currentThreadId, isLoading, onThreadSelect, onThreadCreate, onThreadDelete, onThreadRename, onCreateNew, }: LangGraphThreadManagerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/langgraph_sdk_pack/hooks/useLangGraphThreadManager.d.ts

@@ -0,0 +1,57 @@
+/**
+ * useLangGraphThreadManager.ts
+ *
+ * A lightweight thread manager hook for LangGraph-based applications.
+ * Works directly with the useStream hook from @langchain/langgraph-sdk/react
+ *
+ * Key features:
+ * - Manage thread lifecycle (create, list, switch, delete)
+ * - Fetch initial thread state from /threads/{id}
+ * - Cache threads locally to avoid flashing
+ * - Optimistic updates for better UX
+ */
+export interface ThreadInfo {
+    threadId: string;
+    title: string;
+    createdAt?: string;
+    updatedAt?: string;
+    messageCount?: number;
+}
+export interface UseLangGraphThreadManagerOptions {
+    apiUrl: string;
+    assistantId: string;
+}
+export interface UseLangGraphThreadManagerReturn {
+    threads: ThreadInfo[];
+    currentThreadId: string | null;
+    isLoading: boolean;
+    error: Error | null;
+    setCurrentThreadId: (id: string | null) => void;
+    createThread: (title?: string) => Promise<string>;
+    deleteThread: (threadId: string) => Promise<void>;
+    updateThreadTitle: (threadId: string, title: string) => Promise<void>;
+    refreshThreads: (options?: {
+        suppressLoading?: boolean;
+    }) => Promise<void>;
+    loadThreadState: (threadId: string) => Promise<any>;
+    persistThreadsCache: (threads?: ThreadInfo[], currentThreadId?: string | null) => void;
+}
+/**
+ * LangGraph-focused thread manager
+ *
+ * Usage:
+ * ```tsx
+ * const threadManager = useLangGraphThreadManager({
+ *   apiUrl: 'http://localhost:8001',
+ *   assistantId: 'my-langgraph-agent',
+ * });
+ *
+ * // Use with useStream
+ * const stream = useStream({
+ *   apiUrl: threadManager.apiUrl,
+ *   assistantId: threadManager.assistantId,
+ *   threadId: threadManager.currentThreadId,
+ * });
+ * ```
+ */
+export declare function useLangGraphThreadManager({ apiUrl, assistantId, }: UseLangGraphThreadManagerOptions): UseLangGraphThreadManagerReturn;

package/dist/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: {
-    side?: "top" | "bottom" | "right" | "left";
+    side?: "left" | "right" | "bottom" | "top";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/context/ChatProviders.d.ts

@@ -20,5 +20,5 @@ export interface ChatProvidersProps {
 }
 export declare function ChatProviders({ children, apiConfig, initialThreadId, autoLoadInitial, disableAutoRestore, enableFileAgentRouting, fileAgentId, onError, onThreadChange, }: ChatProvidersProps): import("react/jsx-runtime").JSX.Element;
 export { useApi } from './providers/ApiProvider';
-export { useStream, useThreads, useMessages } from './providers/ChatSessionProvider';
-export type { ApiContextValue, StreamContextValue, ThreadContextValue, MessagesContextValue, SendOptions, } from './types';
+export { useStream, useThreads, useThreadState } from './providers/ChatSessionProvider';
+export type { ApiContextValue, StreamContextValue, ThreadsContextValue, ThreadStateContextValue, SendOptions, } from './types';

package/dist/context/index.d.ts

@@ -9,7 +9,7 @@
  */
 export { ChatProviders } from './ChatProviders';
 export { ApiProvider, useApi } from './providers/ApiProvider';
-export { ChatSessionProvider, useHasChatSession, useMessages, useStream, useThreads } from './providers/ChatSessionProvider';
+export { ChatSessionProvider, useHasChatSession, useThreadState, useStream, useThreads } from './providers/ChatSessionProvider';
 export { useMessagesReducer } from './reducers/MessageReducer';
 export type { ReducerStreamEvent } from './reducers/MessageReducer';
-export type { SendOptions, ApiContextValue, StreamContextValue, MessagesContextValue, ThreadContextValue, CoordinatorOptions, } from '@/types/api';
+export type { SendOptions, ApiContextValue, StreamContextValue, ThreadStateContextValue, ThreadsContextValue, CoordinatorOptions, } from '@/types/api';

package/dist/context/providers/ChatSessionProvider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { MessagesContextValue, StreamContextValue, ThreadContextValue } from '@/types/api';
+import type { StreamContextValue, ThreadsContextValue, ThreadStateContextValue } from '@/types/api';
 interface ChatSessionProviderPropsBase {
     children: ReactNode;
     initialThreadId?: string | null;
@@ -12,8 +12,8 @@ interface ChatSessionProviderPropsBase {
 }
 export type ChatSessionProviderProps = ChatSessionProviderPropsBase;
 export declare function ChatSessionProvider({ children, initialThreadId, autoLoadInitial, disableAutoRestore, enableFileAgentRouting, fileAgentId, onError, onThreadChange, }: ChatSessionProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useThreads(): ThreadContextValue;
-export declare function useMessages(): MessagesContextValue;
+export declare function useThreads(): ThreadsContextValue;
+export declare function useThreadState(): ThreadStateContextValue;
 export declare function useStream(): StreamContextValue;
 export declare function useHasChatSession(): boolean;
 export {};

package/dist/context/types.d.ts

@@ -1 +1 @@
-export type { ApiContextValue, StreamContextValue, MessagesContextValue, ThreadContextValue, SendOptions, StreamEvent, MessageAction, StreamAction, ThreadAction, CoordinatorOptions, } from '@/types/api';
+export type { ApiContextValue, StreamContextValue, ThreadsContextValue, ThreadStateContextValue, SendOptions, StreamEvent, MessageAction, StreamAction, ThreadAction, CoordinatorOptions, } from '@/types/api';