teodor-new-chat-ui 1.0.3 → 1.1.0

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

@@ -53,7 +53,9 @@ interface ChatProviderProps {
     children: React.ReactNode;
     apiBaseUrl?: string;
     enableUrlSync?: boolean;
+    getAuthHeaders?: () => Record<string, string>;
+    authToken?: string;
 }
-export declare function ChatProvider({ children, apiBaseUrl, enableUrlSync }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatProvider({ children, apiBaseUrl, enableUrlSync, getAuthHeaders, authToken }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useChat(): ChatState & ChatActions;
 export {};

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

@@ -0,0 +1,20 @@
+interface ChatWidgetProps {
+    apiBaseUrl?: string;
+    title?: string;
+    subtitle?: string;
+    placeholder?: string;
+    getAuthHeaders?: () => Record<string, string>;
+    authToken?: string;
+    className?: string;
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    size?: 'sm' | 'md' | 'lg';
+    theme?: 'light' | 'dark';
+    enableUrlSync?: boolean;
+    defaultOpen?: boolean;
+    showThreadHistory?: boolean;
+    onMessageSent?: (message: string) => void;
+    onThreadChanged?: (threadId: string) => void;
+    onToggle?: (isOpen: boolean) => void;
+}
+export declare function ChatWidget({ apiBaseUrl, title, subtitle, placeholder, getAuthHeaders, authToken, className, position, size, theme, enableUrlSync, defaultOpen, showThreadHistory, onMessageSent, onThreadChanged, onToggle }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -3,4 +3,9 @@ export { ChatProvider, useChat } from './ChatProvider';
 export { ThreadManager } from './ThreadManager';
 export { ChatInterface } from './ChatInterface';
 export { MessageComponent } from './MessageComponent';
+export { ChatWidget } from './ChatWidget';
+export { useChatMessages, useToolMessages, useChatActions } from '../../hooks/useChatMessages';
+export { useStreamMonitor, useToolExtractor, useSearchResults, useFileContents, useCodeExecution } from '../../hooks/useStreamMonitor';
 export type { Message, Thread, Branch } from './ChatProvider';
+export type { ToolMessage, ProcessedToolMessage } from '../../hooks/useChatMessages';
+export type { StreamEvent, StreamState } from '../../hooks/useStreamMonitor';

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

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLTextAreaElement | HTMLDivElement | HTMLSpanElement | HTMLFormElement | HTMLInputElement | HTMLParagraphElement | HTMLHeadingElement | HTMLLabelElement | HTMLObjectElement | HTMLProgressElement | HTMLSelectElement | HTMLMapElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLTextAreaElement | HTMLDivElement | HTMLSpanElement | HTMLFormElement | HTMLInputElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLObjectElement | HTMLProgressElement | HTMLSelectElement | HTMLMapElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLOutputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLPreElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/hooks/useChatMessages.d.ts

@@ -0,0 +1,65 @@
+import { Message } from '../components/chat/ChatProvider';
+export interface ToolMessage extends Message {
+    role: 'tool';
+    name: string;
+    tool_call_id: string;
+    args: any;
+    content: any;
+}
+export interface ProcessedToolMessage {
+    id: string;
+    name: string;
+    tool_call_id: string;
+    args: any;
+    content: any;
+    timestamp?: string;
+    textContent: string;
+    jsonContent: any;
+    isJson: boolean;
+}
+/**
+ * Hook to easily extract and work with chat messages
+ */
+export declare function useChatMessages(): {
+    isLoading: boolean;
+    error: string;
+    refresh: () => Promise<void>;
+    all: Message[];
+    human: Message[];
+    ai: Message[];
+    tool: ToolMessage[];
+    latest: Message;
+    latestHuman: Message;
+    latestAI: Message;
+    latestTool: ToolMessage | undefined;
+};
+/**
+ * Hook specifically for working with tool messages and their content
+ */
+export declare function useToolMessages(): {
+    all: ProcessedToolMessage[];
+    raw: ToolMessage[];
+    byToolName: Record<string, ProcessedToolMessage[]>;
+    toolNames: string[];
+    getLatestByTool: (toolName: string) => ProcessedToolMessage | undefined;
+    getContentByTool: (toolName: string) => any[];
+    getAllContent: () => any[];
+    latest: ProcessedToolMessage;
+    count: number;
+    hasToolMessages: boolean;
+};
+/**
+ * Hook for managing chat state and actions with simplified API
+ */
+export declare function useChatActions(): {
+    currentThread: string;
+    isLoading: boolean;
+    error: string;
+    sendMessage: (content: string) => Promise<void>;
+    createThread: () => Promise<string>;
+    selectThread: (threadId: string | null) => void;
+    deleteThread: (threadId: string) => Promise<void>;
+    clearError: () => void;
+    stop: () => void;
+    refresh: () => Promise<void>;
+};

package/dist/hooks/useStreamMonitor.d.ts

@@ -0,0 +1,75 @@
+import { ProcessedToolMessage } from './useChatMessages';
+export interface StreamEvent {
+    type: 'message' | 'tool' | 'error' | 'complete';
+    data: any;
+    timestamp: number;
+}
+export interface StreamState {
+    isStreaming: boolean;
+    events: StreamEvent[];
+    latestEvent: StreamEvent | null;
+    error: string | null;
+}
+/**
+ * Hook for real-time stream monitoring and tool message extraction
+ */
+export declare function useStreamMonitor(): {
+    getEventsByType: (type: StreamEvent["type"]) => StreamEvent[];
+    getLatestEventByType: (type: StreamEvent["type"]) => StreamEvent;
+    getToolEvents: () => (StreamEvent & {
+        data: ProcessedToolMessage;
+    })[];
+    clearEvents: () => void;
+    messageEvents: StreamEvent[];
+    toolEvents: (StreamEvent & {
+        data: ProcessedToolMessage;
+    })[];
+    latestToolEvent: StreamEvent;
+    hasNewEvents: boolean;
+    isStreaming: boolean;
+    events: StreamEvent[];
+    latestEvent: StreamEvent | null;
+    error: string | null;
+};
+/**
+ * Hook for extracting specific tool data with real-time updates
+ */
+export declare function useToolExtractor<T = any>(toolName: string, parser?: (content: any) => T): {
+    data: T[];
+    latest: T;
+    count: number;
+    hasData: boolean;
+    hasNewData: boolean;
+};
+/**
+ * Preset extractors for common tool patterns
+ */
+export declare const useSearchResults: (toolName?: string) => {
+    data: any[];
+    latest: any;
+    count: number;
+    hasData: boolean;
+    hasNewData: boolean;
+};
+export declare const useFileContents: (toolName?: string) => {
+    data: any[];
+    latest: any;
+    count: number;
+    hasData: boolean;
+    hasNewData: boolean;
+};
+export declare const useCodeExecution: (toolName?: string) => {
+    data: {
+        output: any;
+        error: any;
+        exitCode: any;
+    }[];
+    latest: {
+        output: any;
+        error: any;
+        exitCode: any;
+    };
+    count: number;
+    hasData: boolean;
+    hasNewData: boolean;
+};