teodor-new-chat-ui 4.1.48 → 4.1.49

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/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/index.esm.js

@@ -9306,24 +9306,49 @@ In.lex;
 function oc({
   content: e,
   className: t = "",
-  allowHtml: n = !1
+  allowHtml: n = !1,
+  style: r
 }) {
-  const r = at(() => {
+  const o = at(() => {
     try {
       if (!n) {
-        const o = e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "");
-        return ye.parse(o);
+        const i = e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "");
+        return ye.parse(i);
       }
       return ye.parse(e);
-    } catch (o) {
-      return console.error("[MarkdownContent] parse error", o), `<pre>Error rendering markdown: ${String(o)}</pre>`;
+    } catch (i) {
+      return console.error("[MarkdownContent] parse error", i), `<pre>Error rendering markdown: ${String(i)}</pre>`;
     }
-  }, [e, n]);
+  }, [e, n]), s = at(() => {
+    if (r && r.color) {
+      const i = r.color;
+      return {
+        ...r,
+        "--tw-prose-body": i,
+        "--tw-prose-headings": i,
+        "--tw-prose-links": i,
+        "--tw-prose-bold": i,
+        "--tw-prose-counters": i,
+        "--tw-prose-bullets": i,
+        "--tw-prose-hr": i,
+        "--tw-prose-quotes": i,
+        "--tw-prose-quote-borders": i,
+        "--tw-prose-captions": i,
+        "--tw-prose-code": i,
+        "--tw-prose-pre-code": i,
+        "--tw-prose-pre-bg": "inherit",
+        "--tw-prose-th-borders": i,
+        "--tw-prose-td-borders": i
+      };
+    }
+    return r;
+  }, [r]);
   return /* @__PURE__ */ c.jsx(
     "div",
     {
       className: te("markdown prose max-w-none break-words dark:prose-invert", t),
-      dangerouslySetInnerHTML: { __html: r }
+      style: s,
+      dangerouslySetInnerHTML: { __html: o }
     }
   );
 }