teodor-new-chat-ui 1.4.6 → 1.5.0

package/dist/api/api-client.d.ts

@@ -0,0 +1,37 @@
+/**
+ * API client hook for aiNav backend
+ * Handles all HTTP requests with proper error handling and type safety
+ */
+import { CheckpointList, HistoryPayload, MessagesPayload, StatePayload, ThreadInfo, ThreadSummary } from "../types/api";
+export declare class ChatApi {
+    baseUrl: string;
+    constructor(baseUrl?: string);
+    private _get;
+    private _post;
+    private _put;
+    private _delete;
+    listThreads(): Promise<ThreadSummary[]>;
+    createThread(title?: string): Promise<ThreadInfo>;
+    updateThread(threadId: string, title: string): Promise<ThreadInfo>;
+    deleteThread(threadId: string): Promise<{
+        ok: boolean;
+        threadId: string;
+    }>;
+    threadInfo(threadId: string): Promise<ThreadInfo>;
+    listCheckpoints(threadId: string): Promise<CheckpointList>;
+    getMessages(params: {
+        threadId: string;
+        checkpointId?: string;
+        checkpointNs?: string;
+    }): Promise<MessagesPayload>;
+    getState(params: {
+        threadId: string;
+        checkpointId?: string;
+        checkpointNs?: string;
+    }): Promise<StatePayload>;
+    getStateHistory(params: {
+        threadId: string;
+        checkpointId?: string;
+        checkpointNs?: string;
+    }): Promise<HistoryPayload>;
+}

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

@@ -5,6 +5,7 @@
 import { ChatProviderProps } from './ChatProvider';
 export interface ChatAppProps extends Omit<ChatProviderProps, 'children'> {
     layout?: 'sidebar' | 'fullscreen' | 'tabs';
+    layoutSize?: 'phone' | 'tablet' | 'desktop' | 'half-screen';
     showThreads?: boolean;
     className?: string;
     customStyles?: {
@@ -13,7 +14,7 @@ export interface ChatAppProps extends Omit<ChatProviderProps, 'children'> {
         chatArea?: string;
     };
 }
-export declare function ChatApp({ layout, showThreads, className, customStyles, ...providerProps }: ChatAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatApp({ layout, layoutSize, showThreads, className, customStyles, ...providerProps }: ChatAppProps): import("react/jsx-runtime").JSX.Element;
 export interface SimpleChatProps {
     apiConfig: ChatProviderProps['apiConfig'];
     className?: string;

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

@@ -7,6 +7,7 @@ export interface ChatInterfaceProps {
     placeholder?: string;
     autoFocus?: boolean;
     maxHeight?: string;
+    streamingDebounceMs?: number;
     enableFileUpload?: boolean;
     enableMessageEditing?: boolean;
     customStyles?: {
@@ -18,4 +19,4 @@ export interface ChatInterfaceProps {
     onMessageSent?: (message: string) => void;
     onError?: (error: string) => void;
 }
-export declare function ChatInterface({ className, placeholder, autoFocus, maxHeight, enableFileUpload, enableMessageEditing, customStyles, onMessageSent, onError }: ChatInterfaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInterface({ className, placeholder, autoFocus, maxHeight, streamingDebounceMs, enableFileUpload, enableMessageEditing, customStyles, onMessageSent, onError, }: ChatInterfaceProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,78 +1,54 @@
 /**
- * Simplified Chat Provider - Checkpoint-based navigation
- * Clean architecture focused on checkpoint-based conversation management
+ * ChatProvider.tsx — lean provider that composes:
+ *  - ChatApi (REST)
+ *  - useChatStream (POST + SSE)
+ *  - useMessagesReducer (client-side message assembly)
+ *
+ * Why keep a provider if we have hooks?
+ *  - Centralize baseUrl/auth & one ChatApi instance
+ *  - Keep current thread + messages when navigating pages
+ *  - Share a single stream connection + reducer across components
  */
-import { ReactNode } from 'react';
-import { Message, ThreadResponse, CreateThreadRequest, ChatSettings, ApiConfig } from '@/types/api';
-interface ChatContextValue {
+import React from "react";
+import { ChatMessage, ThreadSummary, CheckpointList, ApiConfig } from "@/types/api";
+import { ChatApi } from "@/api/api-client";
+export interface SendOptions {
+    checkpointId?: string;
+    checkpointNs?: string;
+    nodeFilter?: string;
+    config?: Record<string, unknown>;
+    payloadExtras?: Record<string, unknown>;
+}
+export interface ChatContextValue {
+    baseUrl: string;
+    token: string | null;
+    setToken: (t: string | null) => void;
+    api: ChatApi;
+    threads: ThreadSummary[];
     currentThreadId: string | null;
-    threads: ThreadResponse[];
-    messages: Message[];
-    isLoading: boolean;
-    isLoadingHistory: boolean;
+    setCurrentThreadId: (id: string | null) => void;
+    messages: ChatMessage[];
+    isStreaming: boolean;
     error: string | null;
-    settings: ChatSettings;
-    createThread: (request?: CreateThreadRequest) => Promise<string>;
-    loadThread: (threadId: string) => Promise<void>;
-    deleteThread: (threadId: string) => Promise<void>;
-    updateThreadTitle: (threadId: string, title: string) => Promise<void>;
-    sendMessage: (content: string, options?: {
-        saveToStorage?: boolean;
-        resumeCheckpointId?: string;
-        resumeNamespace?: string;
-    }) => Promise<void>;
-    editMessage: (messageId: string, newContent: string) => Promise<void>;
-    editMessageFromCheckpoint: (messageId: string, newContent: string, checkpointId: string) => Promise<void>;
-    regenerateFromMessage: (messageIndex: number) => Promise<void>;
-    stopStream: () => void;
-    clearError: () => void;
+    lastCheckpointId: string | null;
+    streamingAssistantId: string | null;
     refreshThreads: () => Promise<void>;
-    updateSettings: (newSettings: Partial<ChatSettings>) => void;
-    checkpointHistory: Array<{
-        checkpoint_id: string;
-        checkpoint_ns?: string;
-        ts?: number;
-        message_count: number;
-        last_message_preview?: string;
-        checkpoint_type: string;
-        active_agent?: string;
-        metadata?: any;
-    }>;
-    currentCheckpointId: string | null;
-    getPreCheckpointForMessage: (messageIndex: number) => Promise<string | null>;
-    fetchCheckpointHistory: (threadId: string) => Promise<void>;
+    createThread: (title?: string) => Promise<string>;
+    deleteThread: (threadId: string) => Promise<void>;
+    renameThread: (threadId: string, title: string) => Promise<void>;
+    loadThread: (threadId: string, checkpointId?: string, checkpointNs?: string) => Promise<void>;
+    listCheckpoints: (threadId: string) => Promise<CheckpointList>;
     navigateToCheckpoint: (checkpointId: string) => Promise<void>;
-    returnToMainThread: () => Promise<void>;
-    getCheckpointBranchesForMessage: (messageIndex: number) => Array<{
-        checkpoint_id: string;
-        checkpoint_ns?: string;
-        message_count: number;
-        last_message_preview?: string;
-        ts?: number;
-        isCurrent?: boolean;
-    }>;
-    getTemporalNavigation: (messageIndex?: number) => {
-        canGoBack: boolean;
-        canGoForward: boolean;
-        currentIndex: number;
-        totalBranches: number;
-    };
-    navigateToPreviousBranch: (messageIndex?: number) => Promise<void>;
-    navigateToNextBranch: (messageIndex?: number) => Promise<void>;
+    returnToLatest: () => Promise<void>;
+    send: (text: string, opts?: SendOptions) => Promise<void>;
+    stop: () => void;
 }
 export interface ChatProviderProps {
-    children: ReactNode;
+    children: React.ReactNode;
     apiConfig?: ApiConfig;
-    baseUrl?: string;
-    authToken?: string;
-    getAuthToken?: () => string | null | Promise<string | null>;
-    getAuthHeaders?: () => Record<string, string> | Promise<Record<string, string>>;
-    initialSettings?: Partial<ChatSettings>;
     onError?: (error: string) => void;
     onThreadChange?: (threadId: string | null) => void;
-    onMessageUpdate?: (messages: Message[]) => void;
-    initialThreadId?: string;
+    initialThreadId?: string | null;
 }
-export declare function ChatProvider({ children, apiConfig, baseUrl, authToken, getAuthToken, getAuthHeaders, initialSettings, onError, onThreadChange, onMessageUpdate, initialThreadId }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatProvider({ children, apiConfig, onError, onThreadChange, initialThreadId, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useChat(): ChatContextValue;
-export {};

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

@@ -1,15 +1,17 @@
 /**
  * Message Component - With truncatable tool messages and responsive design
  */
-import { Message } from '@/types/api';
+import type { ChatMessage } from "@/types/api";
 export interface MessageComponentProps {
-    message: Message;
+    message: ChatMessage;
     messageIndex: number;
+    isStreamingMessage?: boolean;
+    streamingDebounceMs?: number;
     isEditing?: boolean;
     showActions?: boolean;
     showTimestamp?: boolean;
     showAgentName?: boolean;
-    layoutSize?: 'phone' | 'tablet' | 'desktop' | 'half-screen';
+    layoutSize?: "phone" | "tablet" | "desktop" | "half-screen";
     truncateToolMessages?: boolean;
     toolMessagePreviewLength?: number;
     customStyles?: {
@@ -26,7 +28,7 @@ export interface MessageComponentProps {
         ts?: number;
         isCurrent?: boolean;
     }>;
-    currentCheckpointId?: string;
+    currentCheckpointId?: string | null;
     onSwitchToCheckpoint?: (checkpointId: string, checkpointNs?: string) => void;
     onReturnToMainThread?: () => void;
     temporalNavigation?: {
@@ -43,4 +45,4 @@ export interface MessageComponentProps {
     onCancelEdit?: () => void;
     onCopy?: (content: string) => void;
 }
-export declare function MessageComponent({ message, messageIndex, isEditing, showActions, showTimestamp, showAgentName, layoutSize, truncateToolMessages, toolMessagePreviewLength, customStyles, checkpointBranches, currentCheckpointId, onSwitchToCheckpoint, onReturnToMainThread, temporalNavigation, onNavigateToPreviousBranch, onNavigateToNextBranch, onEdit, onRegenerate, onEditFromCheckpoint, onCancelEdit, onCopy }: MessageComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageComponent({ message, messageIndex, isStreamingMessage, streamingDebounceMs, isEditing, showActions, showTimestamp, showAgentName, layoutSize, truncateToolMessages, toolMessagePreviewLength, customStyles, checkpointBranches, currentCheckpointId, onSwitchToCheckpoint, onReturnToMainThread, temporalNavigation, onNavigateToPreviousBranch, onNavigateToNextBranch, onEdit, onRegenerate, onEditFromCheckpoint, onCancelEdit, onCopy, }: MessageComponentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import type { ChatMessage, StreamEvent } from "@/types/api";
+export interface MessagesState {
+    messages: ChatMessage[];
+    assemblingId: string | null;
+    lastCheckpointId: string | null;
+    toolIndex: Record<string, string>;
+}
+export type MessagesAction = {
+    type: "reset";
+    payload?: {
+        messages?: ChatMessage[];
+    };
+} | {
+    type: "seed";
+    payload: {
+        messages: ChatMessage[];
+    };
+} | {
+    type: "user_message";
+    payload: {
+        message: ChatMessage;
+    };
+} | {
+    type: "event";
+    payload: {
+        ev: StreamEvent;
+    };
+};
+export declare const initialMessagesState: MessagesState;
+export declare function messagesReducer(state: MessagesState, action: MessagesAction): MessagesState;
+export declare function useMessagesReducer(initial?: ChatMessage[]): {
+    readonly reset: (messages?: ChatMessage[]) => void;
+    readonly seed: (messages: ChatMessage[]) => void;
+    readonly pushUser: (message: ChatMessage) => void;
+    readonly onEvent: (ev: StreamEvent) => void;
+    readonly state: MessagesState;
+    readonly dispatch: import("react").Dispatch<MessagesAction>;
+};

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

@@ -1,7 +1,10 @@
 /**
- * Thread Manager - Clean, exportable thread management UI
- * Handles thread listing, creation, and navigation
+ * messagesReducer.ts — example reducer + hook that consumes StreamEvent and builds ChatMessage[]
+ * ThreadManager.tsx     — refactor to use the new api.ts (ChatApi) directly
+ *
+ * Adjust import paths ("@/api") to wherever you placed api.ts.
  */
+import { ChatApi } from "@/api/api-client";
 export interface ThreadManagerProps {
     className?: string;
     showCreateButton?: boolean;
@@ -15,9 +18,11 @@ export interface ThreadManagerProps {
         activeThread?: string;
         createButton?: string;
     };
+    currentThreadId?: string | null;
+    navigateToThread?: (threadId: string) => void;
+    api?: ChatApi;
     onThreadSelect?: (threadId: string) => void;
     onThreadCreate?: (threadId: string) => void;
     onThreadDelete?: (threadId: string) => void;
-    navigateToThread?: (threadId: string) => void;
 }
-export declare function ThreadManager({ className, showCreateButton, showDeleteButton, showEditTitle, maxHeight, customStyles, onThreadSelect, onThreadCreate, onThreadDelete, navigateToThread }: ThreadManagerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThreadManager({ className, showCreateButton, showDeleteButton, showEditTitle, maxHeight, customStyles, currentThreadId, navigateToThread, api: apiProp, onThreadSelect, onThreadCreate, onThreadDelete, }: ThreadManagerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+interface MarkdownContentProps {
+    content: string;
+    className?: string;
+}
+export declare function MarkdownContent({ content, className }: MarkdownContentProps): import("react/jsx-runtime").JSX.Element;
+export default MarkdownContent;

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 | HTMLInputElement | HTMLDivElement | HTMLObjectElement | HTMLMapElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLTextAreaElement | HTMLDivElement | HTMLParagraphElement | HTMLUListElement | HTMLOListElement | HTMLLIElement | HTMLQuoteElement | HTMLTableElement | HTMLTableCellElement | HTMLPreElement | HTMLDListElement | HTMLSpanElement | HTMLImageElement | HTMLInputElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLObjectElement | HTMLMapElement | HTMLTitleElement | HTMLDataElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLDialogElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOutputElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

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" | "right" | "bottom" | "left";
+    side?: "bottom" | "top" | "right" | "left";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/config/env.d.ts

@@ -0,0 +1,4 @@
+import type { ApiConfig } from "@/types/api";
+export declare function getEnvApiBaseUrl(): string | undefined;
+export declare function getEnvApiKey(): string | undefined;
+export declare function getDefaultApiConfig(): ApiConfig;

package/dist/hooks/use-chat.d.ts

@@ -0,0 +1,28 @@
+import { ChatRequest, StreamEvent } from "@/types/api";
+export type UseChatStreamOptions = {
+    /** Base URL for the API, e.g. "/api/v1" or "https://host/api/v1" */
+    baseUrl?: string;
+    /** Path for the streaming endpoint relative to baseUrl (default: "/stream") */
+    streamPath?: string;
+    /** Bearer token for Authorization header */
+    token?: string;
+    /** Extra headers to include with every request */
+    headers?: Record<string, string>;
+    /** Auto-append assistant message to local state as it streams */
+    autoAppendAssistant?: boolean;
+};
+export type UseChatStream = {
+    isStreaming: boolean;
+    error: string | null;
+    lastCheckpointId: string | null;
+    assistantText: string;
+    stream: (req: ChatRequest, onEvent?: (ev: StreamEvent) => void, options?: {
+        onError?: (message: string) => void;
+    }) => {
+        close: () => void;
+    };
+    stop: () => void;
+    clear: () => void;
+    setToken: (t: string | null) => void;
+};
+export declare function useChatStream(opts?: UseChatStreamOptions): UseChatStream;