@trilogy-data/trilogy-studio-components 0.1.3 → 0.1.5

package/dist/components/llm/LLMChatSplitView.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     placeholder: {
-        type: StringConstructor;
+        type: PropType<string | string[]>;
         default: string;
     };
     systemPrompt: {
@@ -73,7 +73,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     chatRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -89,7 +89,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -121,15 +121,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
             default: undefined;
         };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
+            default: undefined;
+        };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
-        "onTitle-update"?: ((...args: any[]) => any) | undefined;
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
         "onArtifact-created"?: ((...args: any[]) => any) | undefined;
         "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+        "onTitle-update"?: ((...args: any[]) => any) | undefined;
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
@@ -137,24 +145,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
-        }[], import('./LLMChat.vue').ChatMessage[] | {
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
+        }[], ChatMessage[] | {
             artifact?: {
                 type: "results" | "chart" | "code" | "custom";
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
@@ -162,31 +210,55 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         userInput: import('vue').Ref<string, string>;
         isLoading: import('vue').ComputedRef<boolean>;
         messagesContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         inputTextarea: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        isPlaceholderTransitioning: import('vue').Ref<boolean, boolean>;
         handleKeyDown: (event: KeyboardEvent) => void;
         sendMessage: () => Promise<void>;
-        getMessageTextWithoutArtifact: (message: import('./LLMChat.vue').ChatMessage) => string;
+        handleStop: () => void;
+        getMessageTextWithoutArtifact: (message: ChatMessage) => string;
         getToolDisplayText: (toolName: string) => string;
-        addMessage: (message: import('./LLMChat.vue').ChatMessage) => void;
-        addArtifact: (artifact: import('./LLMChat.vue').ChatArtifact, text?: string) => void;
+        getToolDisplayName: (toolName: string) => string;
+        addMessage: (message: ChatMessage) => void;
+        addArtifact: (artifact: ChatArtifact, text?: string) => void;
         clearMessages: () => void;
         scrollToBottom: () => void;
         focusInput: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages")[], import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update")[], import('vue').PublicProps, {
         title: string;
         disabled: boolean;
-        messages: import('./LLMChat.vue').ChatMessage[];
-        placeholder: string;
+        messages: ChatMessage[];
+        placeholder: string | string[];
         editableTitle: boolean;
         showHeader: boolean;
         sendButtonText: string;
@@ -195,7 +267,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         codeLanguage: "trilogy" | "sql";
         systemPrompt: string;
         externalLoading: boolean;
-        customSendHandler: ((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null;
+        customSendHandler: ((message: string, messages: ChatMessage[]) => Promise<void>) | null;
+        customStopHandler: (() => void) | null;
+        stopButtonText: string;
     }, true, {}, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -271,7 +345,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -287,7 +361,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -319,15 +393,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
             default: undefined;
         };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
+            default: undefined;
+        };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
-        "onTitle-update"?: ((...args: any[]) => any) | undefined;
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
         "onArtifact-created"?: ((...args: any[]) => any) | undefined;
         "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+        "onTitle-update"?: ((...args: any[]) => any) | undefined;
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
@@ -335,24 +417,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
-        }[], import('./LLMChat.vue').ChatMessage[] | {
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
+        }[], ChatMessage[] | {
             artifact?: {
                 type: "results" | "chart" | "code" | "custom";
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
@@ -360,31 +482,55 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         userInput: import('vue').Ref<string, string>;
         isLoading: import('vue').ComputedRef<boolean>;
         messagesContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         inputTextarea: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        isPlaceholderTransitioning: import('vue').Ref<boolean, boolean>;
         handleKeyDown: (event: KeyboardEvent) => void;
         sendMessage: () => Promise<void>;
-        getMessageTextWithoutArtifact: (message: import('./LLMChat.vue').ChatMessage) => string;
+        handleStop: () => void;
+        getMessageTextWithoutArtifact: (message: ChatMessage) => string;
         getToolDisplayText: (toolName: string) => string;
-        addMessage: (message: import('./LLMChat.vue').ChatMessage) => void;
-        addArtifact: (artifact: import('./LLMChat.vue').ChatArtifact, text?: string) => void;
+        getToolDisplayName: (toolName: string) => string;
+        addMessage: (message: ChatMessage) => void;
+        addArtifact: (artifact: ChatArtifact, text?: string) => void;
         clearMessages: () => void;
         scrollToBottom: () => void;
         focusInput: () => void;
     }, {}, {}, {}, {
         title: string;
         disabled: boolean;
-        messages: import('./LLMChat.vue').ChatMessage[];
-        placeholder: string;
+        messages: ChatMessage[];
+        placeholder: string | string[];
         editableTitle: boolean;
         showHeader: boolean;
         sendButtonText: string;
@@ -393,10 +539,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         codeLanguage: "trilogy" | "sql";
         systemPrompt: string;
         externalLoading: boolean;
-        customSendHandler: ((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null;
+        customSendHandler: ((message: string, messages: ChatMessage[]) => Promise<void>) | null;
+        customStopHandler: (() => void) | null;
+        stopButtonText: string;
     }> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -412,7 +560,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -444,15 +592,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
+            default: undefined;
+        };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
             default: undefined;
         };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
-        "onTitle-update"?: ((...args: any[]) => any) | undefined;
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
         "onArtifact-created"?: ((...args: any[]) => any) | undefined;
         "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+        "onTitle-update"?: ((...args: any[]) => any) | undefined;
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
@@ -460,24 +616,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
-        }[], import('./LLMChat.vue').ChatMessage[] | {
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
+        }[], ChatMessage[] | {
             artifact?: {
                 type: "results" | "chart" | "code" | "custom";
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
@@ -485,31 +681,55 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         userInput: import('vue').Ref<string, string>;
         isLoading: import('vue').ComputedRef<boolean>;
         messagesContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         inputTextarea: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        isPlaceholderTransitioning: import('vue').Ref<boolean, boolean>;
         handleKeyDown: (event: KeyboardEvent) => void;
         sendMessage: () => Promise<void>;
-        getMessageTextWithoutArtifact: (message: import('./LLMChat.vue').ChatMessage) => string;
+        handleStop: () => void;
+        getMessageTextWithoutArtifact: (message: ChatMessage) => string;
         getToolDisplayText: (toolName: string) => string;
-        addMessage: (message: import('./LLMChat.vue').ChatMessage) => void;
-        addArtifact: (artifact: import('./LLMChat.vue').ChatArtifact, text?: string) => void;
+        getToolDisplayName: (toolName: string) => string;
+        addMessage: (message: ChatMessage) => void;
+        addArtifact: (artifact: ChatArtifact, text?: string) => void;
         clearMessages: () => void;
         scrollToBottom: () => void;
         focusInput: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages")[], import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update")[], import('vue').PublicProps, {
         title: string;
         disabled: boolean;
-        messages: import('./LLMChat.vue').ChatMessage[];
-        placeholder: string;
+        messages: ChatMessage[];
+        placeholder: string | string[];
         editableTitle: boolean;
         showHeader: boolean;
         sendButtonText: string;
@@ -518,7 +738,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         codeLanguage: "trilogy" | "sql";
         systemPrompt: string;
         externalLoading: boolean;
-        customSendHandler: ((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null;
+        customSendHandler: ((message: string, messages: ChatMessage[]) => Promise<void>) | null;
+        customStopHandler: (() => void) | null;
+        stopButtonText: string;
     }, true, {}, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -594,7 +816,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -610,7 +832,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -642,15 +864,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
+            default: undefined;
+        };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
             default: undefined;
         };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
-        "onTitle-update"?: ((...args: any[]) => any) | undefined;
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
         "onArtifact-created"?: ((...args: any[]) => any) | undefined;
         "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+        "onTitle-update"?: ((...args: any[]) => any) | undefined;
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
@@ -658,24 +888,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
-        }[], import('./LLMChat.vue').ChatMessage[] | {
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
+        }[], ChatMessage[] | {
             artifact?: {
                 type: "results" | "chart" | "code" | "custom";
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
@@ -683,31 +953,55 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         userInput: import('vue').Ref<string, string>;
         isLoading: import('vue').ComputedRef<boolean>;
         messagesContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         inputTextarea: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        isPlaceholderTransitioning: import('vue').Ref<boolean, boolean>;
         handleKeyDown: (event: KeyboardEvent) => void;
         sendMessage: () => Promise<void>;
-        getMessageTextWithoutArtifact: (message: import('./LLMChat.vue').ChatMessage) => string;
+        handleStop: () => void;
+        getMessageTextWithoutArtifact: (message: ChatMessage) => string;
         getToolDisplayText: (toolName: string) => string;
-        addMessage: (message: import('./LLMChat.vue').ChatMessage) => void;
-        addArtifact: (artifact: import('./LLMChat.vue').ChatArtifact, text?: string) => void;
+        getToolDisplayName: (toolName: string) => string;
+        addMessage: (message: ChatMessage) => void;
+        addArtifact: (artifact: ChatArtifact, text?: string) => void;
         clearMessages: () => void;
         scrollToBottom: () => void;
         focusInput: () => void;
     }, {}, {}, {}, {
         title: string;
         disabled: boolean;
-        messages: import('./LLMChat.vue').ChatMessage[];
-        placeholder: string;
+        messages: ChatMessage[];
+        placeholder: string | string[];
         editableTitle: boolean;
         showHeader: boolean;
         sendButtonText: string;
@@ -716,7 +1010,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         codeLanguage: "trilogy" | "sql";
         systemPrompt: string;
         externalLoading: boolean;
-        customSendHandler: ((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null;
+        customSendHandler: ((message: string, messages: ChatMessage[]) => Promise<void>) | null;
+        customStopHandler: (() => void) | null;
+        stopButtonText: string;
     }> | null>;
     artifactExpandedRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     messages: import('vue').Ref<{
@@ -725,24 +1021,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             data: any;
             config?: any;
         } | undefined;
+        executedToolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+            result?: {
+                success: boolean;
+                message?: string | undefined;
+                error?: string | undefined;
+            } | undefined;
+        }[] | undefined;
+        role: "user" | "assistant" | "system";
+        content: string;
         modelInfo?: {
             totalTokens: number;
         } | undefined;
-        role: "user" | "assistant" | "system";
-        content: string;
         hidden?: boolean | undefined;
+        toolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+        }[] | undefined;
+        toolResults?: {
+            toolCallId: string;
+            toolName: string;
+            result: string;
+        }[] | undefined;
     }[], ChatMessage[] | {
         artifact?: {
             type: "results" | "chart" | "code" | "custom";
             data: any;
             config?: any;
         } | undefined;
+        executedToolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+            result?: {
+                success: boolean;
+                message?: string | undefined;
+                error?: string | undefined;
+            } | undefined;
+        }[] | undefined;
+        role: "user" | "assistant" | "system";
+        content: string;
         modelInfo?: {
             totalTokens: number;
         } | undefined;
-        role: "user" | "assistant" | "system";
-        content: string;
         hidden?: boolean | undefined;
+        toolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+        }[] | undefined;
+        toolResults?: {
+            toolCallId: string;
+            toolName: string;
+            result: string;
+        }[] | undefined;
     }[]>;
     artifacts: import('vue').Ref<{
         type: "results" | "chart" | "code" | "custom";
@@ -784,12 +1120,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             data: any;
             config?: any;
         } | undefined;
+        executedToolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+            result?: {
+                success: boolean;
+                message?: string | undefined;
+                error?: string | undefined;
+            } | undefined;
+        }[] | undefined;
+        role: "user" | "assistant" | "system";
+        content: string;
         modelInfo?: {
             totalTokens: number;
         } | undefined;
-        role: "user" | "assistant" | "system";
-        content: string;
         hidden?: boolean | undefined;
+        toolCalls?: {
+            id: string;
+            name: string;
+            input: Record<string, any>;
+        }[] | undefined;
+        toolResults?: {
+            toolCallId: string;
+            toolName: string;
+            result: string;
+        }[] | undefined;
     }[];
     getArtifacts: () => {
         type: "results" | "chart" | "code" | "custom";
@@ -800,7 +1156,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isResizing: import('vue').Ref<boolean, boolean>;
     sidebarWidth: import('vue').Ref<number, number>;
     startResize: (e: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-symbol" | "import-change" | "title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "artifact-selected" | "update:artifacts" | "update:activeArtifactIndex")[], "select-symbol" | "import-change" | "title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "artifact-selected" | "update:artifacts" | "update:activeArtifactIndex", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-symbol" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update" | "import-change" | "artifact-selected" | "update:artifacts" | "update:activeArtifactIndex")[], "select-symbol" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update" | "import-change" | "artifact-selected" | "update:artifacts" | "update:activeArtifactIndex", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -814,7 +1170,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     placeholder: {
-        type: StringConstructor;
+        type: PropType<string | string[]>;
         default: string;
     };
     systemPrompt: {
@@ -870,12 +1226,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{
     "onSelect-symbol"?: ((...args: any[]) => any) | undefined;
-    "onImport-change"?: ((...args: any[]) => any) | undefined;
-    "onTitle-update"?: ((...args: any[]) => any) | undefined;
     "onMessage-sent"?: ((...args: any[]) => any) | undefined;
     "onResponse-received"?: ((...args: any[]) => any) | undefined;
     "onArtifact-created"?: ((...args: any[]) => any) | undefined;
     "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+    "onTitle-update"?: ((...args: any[]) => any) | undefined;
+    "onImport-change"?: ((...args: any[]) => any) | undefined;
     "onArtifact-selected"?: ((...args: any[]) => any) | undefined;
     "onUpdate:artifacts"?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeArtifactIndex"?: ((...args: any[]) => any) | undefined;
@@ -883,15 +1239,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     title: string;
     disabled: boolean;
     activeImports: ChatImport[];
-    placeholder: string;
+    placeholder: string | string[];
     symbols: CompletionItem[];
-    availableImports: ChatImport[];
     editableTitle: boolean;
-    connectionInfo: string;
     showHeader: boolean;
     activeToolName: string;
     systemPrompt: string;
     externalLoading: boolean;
+    connectionInfo: string;
+    availableImports: ChatImport[];
     initialMessages: ChatMessage[];
     initialArtifacts: ChatArtifact[];
     initialActiveArtifactIndex: number;
@@ -902,7 +1258,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     LLMChat: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -918,7 +1274,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -950,9 +1306,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
+            default: undefined;
+        };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
             default: undefined;
         };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
@@ -960,24 +1324,64 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
-        }[], import('./LLMChat.vue').ChatMessage[] | {
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
+        }[], ChatMessage[] | {
             artifact?: {
                 type: "results" | "chart" | "code" | "custom";
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
@@ -985,29 +1389,53 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 data: any;
                 config?: any;
             } | undefined;
+            executedToolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+                result?: {
+                    success: boolean;
+                    message?: string | undefined;
+                    error?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+            role: "user" | "assistant" | "system";
+            content: string;
             modelInfo?: {
                 totalTokens: number;
             } | undefined;
-            role: "user" | "assistant" | "system";
-            content: string;
             hidden?: boolean | undefined;
+            toolCalls?: {
+                id: string;
+                name: string;
+                input: Record<string, any>;
+            }[] | undefined;
+            toolResults?: {
+                toolCallId: string;
+                toolName: string;
+                result: string;
+            }[] | undefined;
         }[]>;
         userInput: import('vue').Ref<string, string>;
         isLoading: import('vue').ComputedRef<boolean>;
         messagesContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         inputTextarea: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        isPlaceholderTransitioning: import('vue').Ref<boolean, boolean>;
         handleKeyDown: (event: KeyboardEvent) => void;
         sendMessage: () => Promise<void>;
-        getMessageTextWithoutArtifact: (message: import('./LLMChat.vue').ChatMessage) => string;
+        handleStop: () => void;
+        getMessageTextWithoutArtifact: (message: ChatMessage) => string;
         getToolDisplayText: (toolName: string) => string;
-        addMessage: (message: import('./LLMChat.vue').ChatMessage) => void;
-        addArtifact: (artifact: import('./LLMChat.vue').ChatArtifact, text?: string) => void;
+        getToolDisplayName: (toolName: string) => string;
+        addMessage: (message: ChatMessage) => void;
+        addArtifact: (artifact: ChatArtifact, text?: string) => void;
         clearMessages: () => void;
         scrollToBottom: () => void;
         focusInput: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages")[], "title-update" | "message-sent" | "response-received" | "artifact-created" | "update:messages", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update")[], "message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         messages: {
-            type: PropType<import('./LLMChat.vue').ChatMessage[]>;
+            type: PropType<ChatMessage[]>;
             default: () => never[];
         };
         title: {
@@ -1023,7 +1451,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         placeholder: {
-            type: StringConstructor;
+            type: PropType<string | string[]>;
             default: string;
         };
         sendButtonText: {
@@ -1055,20 +1483,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         customSendHandler: {
-            type: PropType<((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null>;
+            type: PropType<((message: string, messages: ChatMessage[]) => Promise<void>) | null>;
+            default: undefined;
+        };
+        customStopHandler: {
+            type: PropType<(() => void) | null>;
             default: undefined;
         };
+        stopButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
-        "onTitle-update"?: ((...args: any[]) => any) | undefined;
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
         "onArtifact-created"?: ((...args: any[]) => any) | undefined;
         "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
+        "onTitle-update"?: ((...args: any[]) => any) | undefined;
     }>, {
         title: string;
         disabled: boolean;
-        messages: import('./LLMChat.vue').ChatMessage[];
-        placeholder: string;
+        messages: ChatMessage[];
+        placeholder: string | string[];
         editableTitle: boolean;
         showHeader: boolean;
         sendButtonText: string;
@@ -1077,7 +1513,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         codeLanguage: "trilogy" | "sql";
         systemPrompt: string;
         externalLoading: boolean;
-        customSendHandler: ((message: string, messages: import('./LLMChat.vue').ChatMessage[]) => Promise<void>) | null;
+        customSendHandler: ((message: string, messages: ChatMessage[]) => Promise<void>) | null;
+        customStopHandler: (() => void) | null;
+        stopButtonText: string;
     }, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -1167,16 +1605,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: false;
         };
         symbols: {
-            type: PropType<any>;
+            type: PropType<CompletionItem[]>;
             required: false;
         };
         containerHeight: NumberConstructor;
         generatedSql: StringConstructor;
+        trilogySource: StringConstructor;
         defaultTab: {
             type: StringConstructor;
             required: false;
             default: null;
         };
+        showChatButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         codeBlock: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         connectionStore: import('pinia').Store<"connections", {
@@ -1210,13 +1653,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         eligibleTabs(): string[];
         displayTab(): string;
     }, {
+        switchToVisualizeTab(): void;
         setTab(tab: string): void;
         handleReconnect(): Promise<void>;
         onChartChange(config: any): void;
         activateDrilldown(e: import('../../events/display').DrillDownTriggerEvent): void;
         submitDrilldown(selected: string[]): void;
         handleLocalRefresh(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("drilldown-click" | "refresh-click" | "config-change" | "open-chat")[], "drilldown-click" | "refresh-click" | "config-change" | "open-chat", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         type: {
             type: StringConstructor;
             required: true;
@@ -1238,18 +1682,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: false;
         };
         symbols: {
-            type: PropType<any>;
+            type: PropType<CompletionItem[]>;
             required: false;
         };
         containerHeight: NumberConstructor;
         generatedSql: StringConstructor;
+        trilogySource: StringConstructor;
         defaultTab: {
             type: StringConstructor;
             required: false;
             default: null;
         };
-    }>> & Readonly<{}>, {
+        showChatButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onDrilldown-click"?: ((...args: any[]) => any) | undefined;
+        "onRefresh-click"?: ((...args: any[]) => any) | undefined;
+        "onConfig-change"?: ((...args: any[]) => any) | undefined;
+        "onOpen-chat"?: ((...args: any[]) => any) | undefined;
+    }>, {
         defaultTab: string;
+        showChatButton: boolean;
     }, {}, {
         DataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             headers: {
@@ -1540,9 +1995,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
+            onChartConfigChange: (config: ChartConfig) => void;
             initialConfig: ChartConfig | null | undefined;
             showControls: boolean;
-            onChartConfigChange: (config: ChartConfig) => void;
             chartSelection: Object[];
             chartTitle: string;
             drilldownActive: boolean;
@@ -1972,14 +2427,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             keys: boolean;
             properties: boolean;
             metrics: boolean;
+            showAutoDerived: boolean;
         }, {
             keys: boolean;
             properties: boolean;
             metrics: boolean;
+            showAutoDerived: boolean;
         } | {
             keys: boolean;
             properties: boolean;
             metrics: boolean;
+            showAutoDerived: boolean;
         }>;
         isFiltering: import('vue').ComputedRef<boolean>;
         tooltip: {