teodor-new-chat-ui 1.2.4 → 1.2.6

package/dist/api/mockBranchingApi.d.ts

@@ -0,0 +1,43 @@
+export interface BranchPoint {
+    id: string;
+    threadId: string;
+    parentMessageId: string;
+    branchId: string;
+    createdAt: string;
+    title?: string;
+}
+export interface MessageWithBranch {
+    id: string;
+    threadId: string;
+    branchId: string;
+    parentMessageId?: string;
+    role: 'human' | 'ai' | 'tool';
+    content: string;
+    timestamp: string;
+    branchPoint?: BranchPoint;
+    hasAlternatives?: boolean;
+    alternativeCount?: number;
+}
+export interface ThreadBranch {
+    id: string;
+    threadId: string;
+    parentMessageId: string;
+    title: string;
+    createdAt: string;
+    messages: MessageWithBranch[];
+    isActive: boolean;
+}
+export declare const mockBranchingApi: {
+    getThreadMessages(threadId: string, branchId?: string): Promise<MessageWithBranch[]>;
+    getThreadBranches(threadId: string): Promise<ThreadBranch[]>;
+    createBranch(threadId: string, parentMessageId: string, title?: string): Promise<ThreadBranch>;
+    editMessage(messageId: string, newContent: string, createBranch?: boolean): Promise<{
+        message: MessageWithBranch;
+        branch?: ThreadBranch;
+    }>;
+    switchToBranch(threadId: string, branchId: string): Promise<ThreadBranch>;
+    addMessage(threadId: string, message: Omit<MessageWithBranch, "id" | "timestamp" | "threadId" | "branchId">): Promise<MessageWithBranch>;
+    deleteBranch(branchId: string): Promise<void>;
+    getBranchTree(threadId: string): Promise<any>;
+    isMessageBefore(messageId: string, beforeMessageId: string): boolean;
+};

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

@@ -0,0 +1,10 @@
+interface BranchVisualizationProps {
+    threadId: string;
+    onBranchSelect?: (branchId: string) => void;
+    currentBranchId?: string;
+}
+export declare function BranchVisualization({ threadId, onBranchSelect, currentBranchId }: BranchVisualizationProps): import("react/jsx-runtime").JSX.Element;
+export declare function BranchTreeVisualization({ threadId }: {
+    threadId: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { MessageWithBranch } from '../../api/mockBranchingApi';
+interface BranchingUIProps {
+    threadId: string;
+    currentBranchId?: string;
+    onBranchSwitch?: (branchId: string) => void;
+    onMessageEdit?: (messageId: string, newContent: string, createBranch: boolean) => void;
+}
+export declare function BranchingUI({ threadId, currentBranchId, onBranchSwitch, onMessageEdit }: BranchingUIProps): import("react/jsx-runtime").JSX.Element;
+interface BranchableMessageProps {
+    message: MessageWithBranch;
+    onCreateBranch?: (messageId: string) => void;
+    onEditMessage?: (messageId: string, content: string) => void;
+    showBranchingControls?: boolean;
+}
+export declare function BranchableMessage({ message, onCreateBranch, onEditMessage, showBranchingControls }: BranchableMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface ChatHeaderProps {
+    title?: string;
+    className?: string;
+    showTitle?: boolean;
+}
+export declare function ChatHeader({ title, className, showTitle }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default ChatHeader;

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

@@ -10,6 +10,33 @@ export interface Message {
     branch_id?: string;
     sequence_number?: number;
     isMarkdown?: boolean;
+    agentName?: string;
+}
+export interface ChatSettings {
+    appearance: {
+        theme: 'light' | 'dark' | 'system';
+    };
+    jsonFormatting: {
+        enabled: boolean;
+        theme: 'professional' | 'clean' | 'minimal' | 'dark';
+        compactMode: boolean;
+        showIcons: boolean;
+        highlightMissingData: boolean;
+        missingDataStyle: 'red' | 'yellow' | 'gray';
+        maxHeight: number;
+        autoDetectStructure: boolean;
+    };
+    messageDisplay: {
+        showTimestamps: boolean;
+        showAgentNames: boolean;
+        compactMessages: boolean;
+        showToolCalls: boolean;
+    };
+    chatBehavior: {
+        autoScroll: boolean;
+        soundEnabled: boolean;
+        typewriterEffect: boolean;
+    };
 }
 export interface Thread {
     id: string;
@@ -37,17 +64,20 @@ interface ChatState {
     loadingThreads: boolean;
     availableBranches: Branch[];
     currentBranch: string | null;
+    settings: ChatSettings;
 }
 interface ChatActions {
     selectThread: (threadId: string | null) => void;
     createThread: () => Promise<string>;
     deleteThread: (threadId: string) => Promise<void>;
     updateThreadTitle: (threadId: string, title: string) => Promise<void>;
-    sendMessage: (content: string) => Promise<void>;
+    sendMessage: (content: string, files?: File[]) => Promise<void>;
     editMessage: (message: Message, newContent: string, rerun?: boolean, editFromInput?: boolean) => Promise<void>;
     regenerateFromMessage: (message: Message, newContent?: string) => Promise<void>;
     stop: () => void;
     switchBranch: (branchId: string) => Promise<void>;
+    updateSettings: (settings: Partial<ChatSettings>) => void;
+    resetSettings: () => void;
     clearError: () => void;
     refresh: () => Promise<void>;
 }

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

@@ -0,0 +1,8 @@
+interface ChatSettingsButtonProps {
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    variant?: 'floating' | 'inline';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ChatSettingsButton({ position, variant, size, className }: ChatSettingsButtonProps): import("react/jsx-runtime").JSX.Element;
+export default ChatSettingsButton;

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

@@ -0,0 +1,2 @@
+export declare function ChatSettingsDemo(): import("react/jsx-runtime").JSX.Element;
+export default ChatSettingsDemo;

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

@@ -0,0 +1,6 @@
+interface ChatSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function ChatSettingsModal({ isOpen, onClose }: ChatSettingsModalProps): import("react/jsx-runtime").JSX.Element;
+export default ChatSettingsModal;

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

@@ -0,0 +1,5 @@
+interface DevControlsProps {
+    className?: string;
+}
+export declare function DevControls({ className }: DevControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+interface JsonRendererProps {
+    content: string;
+    className?: string;
+}
+export declare function isJsonContent(text: string): boolean;
+export declare function shouldRenderAsJson(text: string, config?: any): boolean;
+export declare function extractJsonFromText(text: string): {
+    json: any;
+    beforeJson: string;
+    afterJson: string;
+} | null;
+export declare function JsonRenderer({ content, className }: JsonRendererProps): import("react/jsx-runtime").JSX.Element;
+export default JsonRenderer;

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

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export interface JsonRendererConfig {
+    enabled: boolean;
+    mode: 'auto' | 'manual' | 'preview' | 'raw';
+    features: {
+        copyButton: boolean;
+        expandCollapse: boolean;
+        syntaxHighlighting: boolean;
+        typeDetection: boolean;
+        interactiveElements: boolean;
+    };
+    visual: {
+        theme: 'light' | 'dark' | 'auto';
+        compactMode: boolean;
+        showIcons: boolean;
+        maxHeight: number;
+        maxItems: number;
+        highlightMissingData: boolean;
+        missingDataStyle: 'red' | 'yellow' | 'gray';
+    };
+    renderers: {
+        researchPlan: boolean;
+        configuration: boolean;
+        errorMessages: boolean;
+        metrics: boolean;
+        lists: boolean;
+        generic: boolean;
+    };
+    detection: {
+        strict: boolean;
+        minJsonSize: number;
+        allowMixedContent: boolean;
+    };
+}
+export declare const useJsonRenderer: () => {
+    config: JsonRendererConfig;
+    updateConfig: (updates: DeepPartial<JsonRendererConfig>) => void;
+    resetConfig: () => void;
+    getPreset: (preset: string) => void;
+};
+interface JsonRendererProviderProps {
+    children: ReactNode;
+    initialConfig?: DeepPartial<JsonRendererConfig>;
+}
+export declare function JsonRendererProvider({ children, initialConfig }: JsonRendererProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,15 @@
+import { JsonRendererConfig } from './JsonRendererConfig';
+export declare const JsonRendererPresets: {
+    presentation: () => Partial<JsonRendererConfig>;
+    disabled: () => Partial<JsonRendererConfig>;
+    demo: () => Partial<JsonRendererConfig>;
+    minimal: () => Partial<JsonRendererConfig>;
+    development: () => Partial<JsonRendererConfig>;
+};
+export declare const JsonUtils: {
+    hasStructuredData: (content: string) => boolean;
+    getJsonPreview: (content: string, maxLength?: number) => string;
+    isValidForRenderer: (content: string, rendererType: string) => boolean;
+};
+export declare const setupJsonRenderer: (mode: keyof typeof JsonRendererPresets) => Partial<JsonRendererConfig>;
+export declare const presentationMode: () => Partial<JsonRendererConfig>, disabledMode: () => Partial<JsonRendererConfig>, demoMode: () => Partial<JsonRendererConfig>, minimalMode: () => Partial<JsonRendererConfig>, developmentMode: () => Partial<JsonRendererConfig>;

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

@@ -7,6 +7,8 @@ interface MessageComponentProps {
     showBranches?: boolean;
     branches?: any[];
     onSwitchBranch?: (branchId: string) => void;
+    messageIndex?: number;
+    currentBranch?: string;
 }
-export declare function MessageComponent({ message, onRegenerate, onEditMessage, showRegenerate, showBranches, branches, onSwitchBranch }: MessageComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageComponent({ message, onRegenerate, onEditMessage, showRegenerate, showBranches, branches, onSwitchBranch, messageIndex, currentBranch }: MessageComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,2 @@
+export declare function MissingDataDemo(): import("react/jsx-runtime").JSX.Element;
+export default MissingDataDemo;

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

@@ -0,0 +1,23 @@
+export declare const MissingDataDetector: {
+    missingPatterns: string[];
+    isMissingData: (value: any) => boolean;
+    getMissingDataStyles: (config: any) => string;
+    renderValue: (value: any, config: any) => {
+        text: string;
+        isMissing: boolean;
+        className: string;
+    };
+    analyzeMissingData: (data: any) => {
+        totalFields: number;
+        missingFields: number;
+        missingPercentage: number;
+        missingFieldPaths: string[];
+    };
+};
+export declare const MissingDataWrapper: ({ children, value, config, className }: {
+    children: React.ReactNode;
+    value: any;
+    config: any;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MissingDataDetector;

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

@@ -0,0 +1,17 @@
+declare function ConfigRenderer({ data, config }: {
+    data: any;
+    config?: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ListRenderer({ data, config }: {
+    data: any[];
+    config?: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ErrorRenderer({ data, config }: {
+    data: any;
+    config?: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MetricsRenderer({ data, config }: {
+    data: any;
+    config?: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { ConfigRenderer, ListRenderer, ErrorRenderer, MetricsRenderer };

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

@@ -4,6 +4,12 @@ export { ThreadManager } from './ThreadManager';
 export { ChatInterface } from './ChatInterface';
 export { MessageComponent } from './MessageComponent';
 export { ChatWidget } from './ChatWidget';
+export { ChatHeader } from './ChatHeader';
+export { ChatSettingsButton } from './ChatSettingsButton';
+export { ChatSettingsModal } from './ChatSettingsModal';
+export { JsonRenderer } from './JsonRenderer';
+export { JsonRendererProvider, useJsonRenderer } from './JsonRendererConfig';
+export { useChatJsonSync } from './useChatJsonSync';
 export { useChatMessages, useToolMessages, useChatActions } from '../../hooks/useChatMessages';
 export { useStreamMonitor, useToolExtractor, useSearchResults, useFileContents, useCodeExecution } from '../../hooks/useStreamMonitor';
 export type { Message, Thread, Branch } from './ChatProvider';

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

@@ -0,0 +1,9 @@
+/**
+ * Hook that synchronizes ChatProvider settings with JsonRenderer configuration
+ * This ensures that when users change settings in the chat settings modal,
+ * the JSON rendering behavior updates accordingly.
+ */
+export declare function useChatJsonSync(): {
+    settings: import("./ChatProvider").ChatSettings;
+};
+export default useChatJsonSync;

package/dist/components/demo/JsonRendererDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function JsonRendererDemo(): import("react/jsx-runtime").JSX.Element;
+export default JsonRendererDemo;

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

@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

package/dist/hooks/useChatMessages.d.ts

@@ -55,7 +55,7 @@ export declare function useChatActions(): {
     currentThread: string;
     isLoading: boolean;
     error: string;
-    sendMessage: (content: string) => Promise<void>;
+    sendMessage: (content: string, files?: File[]) => Promise<void>;
     createThread: () => Promise<string>;
     selectThread: (threadId: string | null) => void;
     deleteThread: (threadId: string) => Promise<void>;