@hef2024/llmasaservice-ui 0.16.8

package/dist/index.d.mts

@@ -0,0 +1,521 @@
+import { LLMAsAServiceCustomer } from 'llmasaservice-client';
+import * as React from 'react';
+import React__default from 'react';
+import PrismStyle from 'react-syntax-highlighter';
+
+interface ChatPanelProps {
+    project_id: string;
+    initialPrompt?: string;
+    initialMessage?: string;
+    title?: string;
+    placeholder?: string;
+    hideInitialPrompt?: boolean;
+    customer?: LLMAsAServiceCustomer;
+    messages?: {
+        role: "user" | "assistant";
+        content: string;
+    }[];
+    data?: {
+        key: string;
+        data: string;
+    }[];
+    thumbsUpClick?: (callId: string) => void;
+    thumbsDownClick?: (callId: string) => void;
+    theme?: "light" | "dark";
+    cssUrl?: string;
+    markdownClass?: string;
+    width?: string;
+    height?: string;
+    url?: string | null;
+    scrollToEnd?: boolean;
+    prismStyle?: PrismStyle;
+    service?: string | null;
+    historyChangedCallback?: (history: {
+        [key: string]: {
+            content: string;
+            callId: string;
+        };
+    }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
+    promptTemplate?: string;
+    actions?: {
+        pattern: string;
+        type?: string;
+        markdown?: string;
+        callback?: (match: string, groups: any[]) => void;
+        clickCode?: string;
+        style?: string;
+    }[];
+    showSaveButton?: boolean;
+    showEmailButton?: boolean;
+    showNewConversationButton?: boolean;
+    followOnQuestions?: string[];
+    clearFollowOnQuestionsNextPrompt?: boolean;
+    followOnPrompt?: string;
+    showPoweredBy?: boolean;
+    agent?: string | null;
+    conversation?: string | null;
+    showCallToAction?: boolean;
+    callToActionButtonText?: string;
+    callToActionEmailAddress?: string;
+    callToActionEmailSubject?: string;
+    initialHistory?: {
+        [prompt: string]: {
+            content: string;
+            callId: string;
+        };
+    };
+    hideRagContextInPrompt?: boolean;
+    createConversationOnFirstChat?: boolean;
+    customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
+    customerEmailCapturePlaceholder?: string;
+    mcpServers?: [];
+    progressiveActions?: boolean;
+}
+interface ExtraProps$1 extends React__default.HTMLAttributes<HTMLElement> {
+    inline?: boolean;
+}
+declare const ChatPanel: React__default.FC<ChatPanelProps & ExtraProps$1>;
+
+interface AgentPanelProps {
+    customer?: LLMAsAServiceCustomer;
+    messages?: {
+        role: "user" | "assistant";
+        content: string;
+    }[];
+    data?: {
+        key: string;
+        data: string;
+    }[];
+    thumbsUpClick?: (callId: string) => void;
+    thumbsDownClick?: (callId: string) => void;
+    theme?: "light" | "dark";
+    markdownClass?: string;
+    width?: string;
+    height?: string;
+    url?: string;
+    prismStyle?: PrismStyle;
+    service?: string | null;
+    historyChangedCallback?: (history: {
+        [key: string]: {
+            content: string;
+            callId: string;
+        };
+    }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
+    actions?: {
+        pattern: string;
+        type?: string;
+        markdown?: string;
+        callback?: (match: string, groups: any[]) => void;
+        clickCode?: string;
+        style?: string;
+    }[];
+    followOnQuestions?: string[];
+    clearFollowOnQuestionsNextPrompt?: boolean;
+    followOnPrompt?: string;
+    showPoweredBy?: boolean;
+    agent: string;
+    conversation?: string | null;
+    initialHistory?: {
+        [key: string]: {
+            content: string;
+            callId: string;
+        };
+    };
+    hideRagContextInPrompt?: boolean;
+    createConversationOnFirstChat?: boolean;
+    customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
+    customerEmailCapturePlaceholder?: string;
+}
+interface ExtraProps extends React__default.HTMLAttributes<HTMLElement> {
+    inline?: boolean;
+}
+declare const AgentPanel: React__default.FC<AgentPanelProps & ExtraProps>;
+
+/**
+ * Context section for agent awareness
+ */
+interface ContextSection$1 {
+    id: string;
+    title: string;
+    data: Record<string, unknown>;
+    tokens?: number;
+}
+/**
+ * Agent context passed to the panel
+ */
+interface AgentContext {
+    route?: string;
+    sections: ContextSection$1[];
+    totalTokens?: number;
+}
+/**
+ * API Conversation Summary from LLMAsAService
+ */
+interface APIConversationSummary {
+    conversationId: string;
+    title?: string;
+    summary?: string;
+    createdAt: string;
+    updatedAt: string;
+    agentId?: string;
+    messageCount?: number;
+}
+/**
+ * Agent configuration with optional local overrides
+ */
+interface AgentConfig {
+    id: string;
+    localName?: string;
+    avatarUrl?: string;
+}
+/**
+ * Props for AIAgentPanel
+ */
+interface AIAgentPanelProps {
+    agents: (string | AgentConfig)[];
+    defaultAgent?: string;
+    customerId: string;
+    apiKey?: string;
+    context?: AgentContext | null;
+    contextDataSources?: Record<string, unknown>;
+    sharedContextSections?: ContextSection$1[];
+    pageContextSections?: ContextSection$1[];
+    onContextChange?: (context: AgentContext) => void;
+    maxContextTokens?: number;
+    data?: {
+        key: string;
+        data: string;
+    }[];
+    theme?: 'light' | 'dark';
+    defaultCollapsed?: boolean;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    position?: 'left' | 'right';
+    sidebarPosition?: 'left' | 'right';
+    enableAgentSuggestions?: boolean;
+    enableContextDetailView?: boolean;
+    onAgentSwitch?: (fromAgent: string, toAgent: string) => void;
+    onConversationChange?: (conversationId: string) => void;
+    historyChangedCallback?: (history: Record<string, {
+        content: string;
+        callId: string;
+    }>) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
+    thumbsUpClick?: (callId: string) => void;
+    thumbsDownClick?: (callId: string) => void;
+    customer?: LLMAsAServiceCustomer;
+    url?: string;
+    showPoweredBy?: boolean;
+    conversation?: string | null;
+    actions?: {
+        pattern: string;
+        type?: string;
+        markdown?: string;
+        callback?: (match: string, groups: any[]) => void;
+        clickCode?: string;
+        style?: string;
+    }[];
+    followOnQuestions?: string[];
+    followOnPrompt?: string;
+    historyListLimit?: number;
+}
+declare const AIAgentPanel: React__default.FC<AIAgentPanelProps>;
+
+/**
+ * AIChatPanel - A modern chat interface using shadcn-style components
+ *
+ * This component provides the chat functionality for AIAgentPanel,
+ * using consistent shadcn-style UI components.
+ */
+
+/**
+ * Agent option for the agent selector dropdown
+ */
+interface AgentOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: React__default.ReactNode;
+    avatarUrl?: string;
+}
+interface AIChatPanelProps {
+    project_id: string;
+    initialPrompt?: string;
+    initialMessage?: string;
+    title?: string;
+    placeholder?: string;
+    hideInitialPrompt?: boolean;
+    customer?: LLMAsAServiceCustomer;
+    data?: {
+        key: string;
+        data: string;
+    }[];
+    thumbsUpClick?: (callId: string) => void;
+    thumbsDownClick?: (callId: string) => void;
+    theme?: 'light' | 'dark';
+    url?: string | null;
+    service?: string | null;
+    historyChangedCallback?: (history: Record<string, {
+        content: string;
+        callId: string;
+    }>) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
+    onLoadingChange?: (isLoading: boolean) => void;
+    promptTemplate?: string;
+    actions?: {
+        pattern: string;
+        type?: string;
+        markdown?: string;
+        callback?: (match: string, groups: any[]) => void;
+        clickCode?: string;
+        style?: string;
+    }[];
+    showNewConversationButton?: boolean;
+    followOnQuestions?: string[];
+    clearFollowOnQuestionsNextPrompt?: boolean;
+    followOnPrompt?: string;
+    showPoweredBy?: boolean;
+    agent?: string | null;
+    conversation?: string | null;
+    initialHistory?: Record<string, {
+        content: string;
+        callId: string;
+    }>;
+    hideRagContextInPrompt?: boolean;
+    createConversationOnFirstChat?: boolean;
+    mcpServers?: any[];
+    progressiveActions?: boolean;
+    agentOptions?: AgentOption[];
+    currentAgentId?: string;
+    onAgentChange?: (agentId: string) => void;
+    agentsLoading?: boolean;
+    contextSections?: ContextSection[];
+    totalContextTokens?: number;
+    maxContextTokens?: number;
+    enableContextDetailView?: boolean;
+}
+/**
+ * Context section for the context viewer
+ */
+interface ContextSection {
+    id: string;
+    title: string;
+    data: Record<string, unknown>;
+    tokens?: number;
+}
+declare const _default: React__default.NamedExoticComponent<AIChatPanelProps>;
+
+/**
+ * Agent metadata returned from the LLMAsAService API
+ */
+interface AgentMetadata {
+    id: string;
+    projectId: string;
+    groupId?: string;
+    displayTitle?: string;
+    displayTheme?: 'light' | 'dark';
+    displayPlaceholder?: string;
+    displayInitialMessageOrPrompt?: string;
+    displayStartMessageOrPrompt?: 'message' | 'prompt';
+    displayPromptTemplate?: string;
+    displayActions?: string;
+    displayFollowOnPrompts?: string;
+    displayShowEmailButton?: boolean;
+    displayShowSaveButton?: boolean;
+    displayShowCallToAction?: boolean;
+    displayCallToActionButtonText?: string;
+    displayCallToActionEmailAddress?: string;
+    displayCallToActionEmailSubject?: string;
+    displayHideInitialPrompt?: boolean;
+    displayScrollToEnd?: boolean;
+    displayWidth?: string;
+    displayHeight?: string;
+    cssUrl?: string;
+    data?: string;
+    createConversationOnFirstChat?: boolean;
+    customerEmailCaptureMode?: 'HIDE' | 'OPTIONAL' | 'REQUIRED';
+    customerEmailCapturePlaceholder?: string;
+    description?: string;
+}
+interface MCPServer {
+    id: string;
+    name: string;
+    status: 'active' | 'inactive';
+    executionMode: 'CLIENT' | 'SERVER';
+    url?: string;
+}
+interface AgentProfile {
+    status: 'idle' | 'loading' | 'ready' | 'error';
+    metadata?: AgentMetadata;
+    mcpServers?: MCPServer[];
+    error?: string;
+}
+/**
+ * Local overrides for agent display properties
+ */
+interface AgentLocalOverride {
+    localName?: string;
+    avatarUrl?: string;
+}
+interface UseAgentRegistryOptions {
+    url?: string;
+    autoFetch?: boolean;
+    localOverrides?: Record<string, AgentLocalOverride>;
+}
+/**
+ * Hook to fetch and cache metadata for multiple agents
+ */
+declare function useAgentRegistry(agentIds: string[], options?: UseAgentRegistryOptions): {
+    getAgent: (agentId: string) => AgentProfile | undefined;
+    isAgentReady: (agentId: string) => boolean;
+    fetchAllAgents: () => Promise<(() => void) | undefined>;
+    buildAgentAwarenessInstructions: (currentAgentId: string) => string;
+    readyAgents: string[];
+    agentList: {
+        id: string;
+        name: string;
+        description: string;
+        status: "idle" | "error" | "loading" | "ready";
+        isReady: boolean;
+        avatarUrl: string | undefined;
+        localName: string | undefined;
+    }[];
+    agents: Record<string, AgentProfile>;
+    isLoading: boolean;
+    error: string | null;
+};
+
+/**
+ * A single conversation entry
+ */
+interface Conversation {
+    id: string;
+    agentId: string;
+    title: string;
+    preview: string;
+    createdAt: string;
+    updatedAt: string;
+    history: Record<string, {
+        content: string;
+        callId: string;
+    }>;
+}
+/**
+ * Grouped conversations by time period
+ */
+interface ConversationGroup {
+    label: string;
+    conversations: Conversation[];
+}
+interface UseConversationStoreOptions {
+    namespace?: string;
+    maxConversations?: number;
+    autoPersist?: boolean;
+}
+/**
+ * Hook to manage conversation persistence and history
+ */
+declare function useConversationStore(options?: UseConversationStoreOptions): {
+    conversations: Conversation[];
+    activeConversation: Conversation | null;
+    activeConversationId: string | null;
+    filteredConversations: Conversation[];
+    groupedConversations: ConversationGroup[];
+    searchQuery: string;
+    setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
+    createConversation: (agentId: string, initialHistory?: Record<string, {
+        content: string;
+        callId: string;
+    }>) => Conversation;
+    updateConversationHistory: (conversationId: string, history: Record<string, {
+        content: string;
+        callId: string;
+    }>) => void;
+    deleteConversation: (conversationId: string) => void;
+    selectConversation: (conversationId: string | null) => void;
+    getConversationsForAgent: (agentId: string) => Conversation[];
+    clearAllConversations: () => void;
+    startNewConversation: () => void;
+};
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'secondary' | 'ghost' | 'outline' | 'destructive';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+    children: React__default.ReactNode;
+}
+/**
+ * shadcn-inspired Button component
+ */
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    icon?: React__default.ReactNode;
+}
+/**
+ * shadcn-inspired Input component
+ */
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: React__default.ReactNode;
+}
+interface SelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * shadcn-inspired Select component
+ */
+declare const Select: React__default.FC<SelectProps>;
+
+interface ScrollAreaProps {
+    children: React__default.ReactNode;
+    className?: string;
+    maxHeight?: string | number;
+}
+/**
+ * shadcn-inspired ScrollArea component with ref forwarding
+ */
+declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TooltipProps {
+    content: React__default.ReactNode;
+    children: React__default.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    delay?: number;
+    className?: string;
+}
+/**
+ * shadcn-inspired Tooltip component
+ */
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+interface DialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+/**
+ * shadcn-inspired Dialog component
+ */
+declare const Dialog: React__default.FC<DialogProps>;
+interface DialogFooterProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const DialogFooter: React__default.FC<DialogFooterProps>;
+
+export { AIAgentPanel, type AIAgentPanelProps, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, Button, type ButtonProps, ChatPanel, type ChatPanelProps, type ContextSection$1 as ContextSection, type Conversation, type ConversationGroup, Dialog, DialogFooter, type DialogFooterProps, type DialogProps, Input, type InputProps, type MCPServer, ScrollArea, type ScrollAreaProps, Select, type SelectOption, type SelectProps, Tooltip, type TooltipProps, useAgentRegistry, useConversationStore };