@trilogy-data/trilogy-studio-components 0.1.10 → 0.1.11

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ChatMessage, ChatArtifact, ChatImport } from '../../chats/chat';
-import { Results, ChartConfig } from '../../editors/results';
+import { ChartConfig } from '../../editors/results';
 import { CompletionItem } from '../../stores/resolver';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
@@ -70,6 +70,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    showInlineArtifacts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     chatRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         messages: {
@@ -132,6 +136,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
@@ -141,9 +149,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -173,9 +183,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }[] | undefined;
         }[], ChatMessage[] | {
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -206,9 +218,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -269,6 +283,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         externalLoading: boolean;
         stopHandler: (() => void) | null;
         stopButtonText: string;
+        renderArtifacts: boolean;
     }, true, {}, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -307,7 +322,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -323,7 +338,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -331,7 +346,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            results: Results | null;
+            results: import('../../editors/results').Results | null;
             markdown: string;
             loading: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -403,6 +418,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
@@ -412,9 +431,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -444,9 +465,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }[] | undefined;
         }[], ChatMessage[] | {
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -477,9 +500,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -540,6 +565,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         externalLoading: boolean;
         stopHandler: (() => void) | null;
         stopButtonText: string;
+        renderArtifacts: boolean;
     }> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         messages: {
             type: PropType<ChatMessage[]>;
@@ -601,6 +627,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
@@ -610,9 +640,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -642,9 +674,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }[] | undefined;
         }[], ChatMessage[] | {
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -675,9 +709,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -738,6 +774,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         externalLoading: boolean;
         stopHandler: (() => void) | null;
         stopButtonText: string;
+        renderArtifacts: boolean;
     }, true, {}, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -776,7 +813,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -792,7 +829,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -800,7 +837,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            results: Results | null;
+            results: import('../../editors/results').Results | null;
             markdown: string;
             loading: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -872,6 +909,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
@@ -881,9 +922,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -913,9 +956,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }[] | undefined;
         }[], ChatMessage[] | {
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -946,9 +991,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -1009,13 +1056,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         externalLoading: boolean;
         stopHandler: (() => void) | null;
         stopButtonText: string;
+        renderArtifacts: boolean;
     }> | null>;
-    artifactExpandedRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     messages: import('vue').Ref<{
         artifact?: {
-            type: "results" | "chart" | "code" | "custom";
+            id: string;
+            type: "results" | "chart" | "code" | "markdown" | "custom";
             data: any;
             config?: any;
+            hidden?: boolean | undefined;
         } | undefined;
         executedToolCalls?: {
             id: string;
@@ -1045,9 +1094,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[] | undefined;
     }[], ChatMessage[] | {
         artifact?: {
-            type: "results" | "chart" | "code" | "custom";
+            id: string;
+            type: "results" | "chart" | "code" | "markdown" | "custom";
             data: any;
             config?: any;
+            hidden?: boolean | undefined;
         } | undefined;
         executedToolCalls?: {
             id: string;
@@ -1077,24 +1128,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[] | undefined;
     }[]>;
     artifacts: import('vue').Ref<{
-        type: "results" | "chart" | "code" | "custom";
+        id: string;
+        type: "results" | "chart" | "code" | "markdown" | "custom";
         data: any;
         config?: any;
+        hidden?: boolean | undefined;
     }[], ChatArtifact[] | {
-        type: "results" | "chart" | "code" | "custom";
+        id: string;
+        type: "results" | "chart" | "code" | "markdown" | "custom";
         data: any;
         config?: any;
+        hidden?: boolean | undefined;
     }[]>;
     activeArtifact: import('vue').ComputedRef<{
-        type: "results" | "chart" | "code" | "custom";
+        id: string;
+        type: "results" | "chart" | "code" | "markdown" | "custom";
         data: any;
         config?: any;
+        hidden?: boolean | undefined;
     } | null>;
     activeArtifactIndex: import('vue').Ref<number, number>;
-    activeArtifactResults: import('vue').ComputedRef<Results | null>;
-    activeArtifactChartConfig: import('vue').ComputedRef<ChartConfig | undefined>;
     sidebarTab: import('vue').Ref<"artifacts" | "symbols", "artifacts" | "symbols">;
-    artifactContentHeight: import('vue').Ref<number, number>;
     isLoading: import('vue').ComputedRef<boolean>;
     handleMessagesUpdate: (newMessages: ChatMessage[]) => void;
     handleSendMessage: (message: string, msgs: ChatMessage[]) => Promise<void>;
@@ -1102,19 +1156,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     setActiveArtifact: (index: number) => void;
     collapseArtifact: () => void;
     addArtifact: (artifact: ChatArtifact) => void;
-    handleChartConfigChange: (config: ChartConfig) => void;
-    getArtifactResults: (artifact: ChatArtifact) => Results | null;
-    handleInlineChartConfigChange: (artifact: ChatArtifact, config: ChartConfig) => void;
-    getArtifactIcon: (artifact: ChatArtifact) => string;
-    getArtifactLabel: (artifact: ChatArtifact, index: number) => string;
-    getArtifactMeta: (artifact: ChatArtifact) => string;
+    handleArtifactChartConfigChange: (artifact: ChatArtifact, config: ChartConfig) => void;
+    unhideArtifact: (artifactId: string) => void;
     addMessage: (message: ChatMessage) => void;
     clearChat: () => void;
     getMessages: () => {
         artifact?: {
-            type: "results" | "chart" | "code" | "custom";
+            id: string;
+            type: "results" | "chart" | "code" | "markdown" | "custom";
             data: any;
             config?: any;
+            hidden?: boolean | undefined;
         } | undefined;
         executedToolCalls?: {
             id: string;
@@ -1144,15 +1196,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[] | undefined;
     }[];
     getArtifacts: () => {
-        type: "results" | "chart" | "code" | "custom";
+        id: string;
+        type: "results" | "chart" | "code" | "markdown" | "custom";
         data: any;
         config?: any;
+        hidden?: boolean | undefined;
     }[];
     handleSymbolSelect: (symbol: CompletionItem) => void;
     isResizing: import('vue').Ref<boolean, boolean>;
-    sidebarWidth: import('vue').Ref<number, number>;
+    chatWidth: import('vue').Ref<number, number>;
     startResize: (e: MouseEvent) => void;
-}, {}, {}, {}, 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<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-symbol" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update" | "import-change" | "publish-artifacts" | "update:activeArtifactIndex" | "artifact-selected" | "update:artifacts")[], "select-symbol" | "message-sent" | "response-received" | "artifact-created" | "update:messages" | "title-update" | "import-change" | "publish-artifacts" | "update:activeArtifactIndex" | "artifact-selected" | "update:artifacts", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -1220,6 +1274,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    showInlineArtifacts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onSelect-symbol"?: ((...args: any[]) => any) | undefined;
     "onMessage-sent"?: ((...args: any[]) => any) | undefined;
@@ -1228,9 +1286,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:messages"?: ((...args: any[]) => any) | undefined;
     "onTitle-update"?: ((...args: any[]) => any) | undefined;
     "onImport-change"?: ((...args: any[]) => any) | undefined;
+    "onPublish-artifacts"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeArtifactIndex"?: ((...args: any[]) => any) | undefined;
     "onArtifact-selected"?: ((...args: any[]) => any) | undefined;
     "onUpdate:artifacts"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:activeArtifactIndex"?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
     disabled: boolean;
@@ -1251,6 +1310,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         response?: string;
         artifacts?: ChatArtifact[];
     } | void>) | null;
+    showInlineArtifacts: boolean;
 }, {}, {
     LLMChat: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         messages: {
@@ -1313,12 +1373,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         internalMessages: import('vue').Ref<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -1348,9 +1414,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }[] | undefined;
         }[], ChatMessage[] | {
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -1381,9 +1449,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }[]>;
         visibleMessages: import('vue').ComputedRef<{
             artifact?: {
-                type: "results" | "chart" | "code" | "custom";
+                id: string;
+                type: "results" | "chart" | "code" | "markdown" | "custom";
                 data: any;
                 config?: any;
+                hidden?: boolean | undefined;
             } | undefined;
             executedToolCalls?: {
                 id: string;
@@ -1490,6 +1560,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        renderArtifacts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onMessage-sent"?: ((...args: any[]) => any) | undefined;
         "onResponse-received"?: ((...args: any[]) => any) | undefined;
@@ -1511,6 +1585,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         externalLoading: boolean;
         stopHandler: (() => void) | null;
         stopButtonText: string;
+        renderArtifacts: boolean;
     }, {}, {
         EditableTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -1549,7 +1624,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -1565,7 +1640,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             results: {
-                type: PropType<Results | null>;
+                type: PropType<import('../../editors/results').Results | null>;
                 default: null;
             };
             loading: {
@@ -1573,646 +1648,818 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            results: Results | null;
+            results: import('../../editors/results').Results | null;
             markdown: string;
             loading: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResultsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        type: {
-            type: StringConstructor;
+    ArtifactsPane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        artifacts: {
+            type: PropType<ChatArtifact[]>;
             required: true;
         };
-        results: {
-            type: typeof Results;
-            required: true;
-        };
-        chartConfig: {
-            type: PropType<ChartConfig | null>;
-            required: false;
-        };
-        error: {
-            type: StringConstructor;
-            required: false;
-        };
-        connection: {
-            type: StringConstructor;
-            required: false;
-        };
-        symbols: {
-            type: PropType<CompletionItem[]>;
-            required: false;
-        };
-        containerHeight: NumberConstructor;
-        generatedSql: StringConstructor;
-        trilogySource: StringConstructor;
-        defaultTab: {
-            type: StringConstructor;
-            required: false;
-            default: null;
-        };
-        showChatButton: {
-            type: BooleanConstructor;
-            default: boolean;
+        activeArtifactIndex: {
+            type: NumberConstructor;
+            default: number;
         };
     }>, {
-        codeBlock: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-        connectionStore: import('pinia').Store<"connections", {
-            connections: Record<string, import('../../connections').Connection>;
-        }, {
-            connectionList: (state: {
-                connections: Record<string, import('../../connections').Connection>;
-            } & import('pinia').PiniaCustomStateProperties<{
-                connections: Record<string, import('../../connections').Connection>;
-            }>) => import('../../connections').Connection[];
-            unsavedConnections: (state: {
-                connections: Record<string, import('../../connections').Connection>;
-            } & import('pinia').PiniaCustomStateProperties<{
-                connections: Record<string, import('../../connections').Connection>;
-            }>) => number;
-        }, {
-            addConnection(connection: import('../../connections').Connection): import('../../connections').Connection;
-            connectConnection(name: string): Promise<any>;
-            resetConnection(name: string): Promise<any>;
-            deleteConnection(name: string): void;
-            connectionStateToStatus(connection: import('../../connections').Connection | null): "running" | "failed" | "disabled" | "connected";
-            getConnectionSources(name: string): import('../../stores').ContentInput[];
-            newConnection(name: string, type: string, options: Record<string, any>): import('../../connections').Connection;
-        }>;
-    }, {
-        activeTab: string;
-        activeDrilldown: import('../editor/Results.vue').Drilldown | null;
-        TABS_HEIGHT: number;
-    }, {
-        tabContentHeight(): number;
-        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, ("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;
-        };
-        results: {
-            type: typeof Results;
+        visibleArtifacts: import('vue').ComputedRef<{
+            artifact: ChatArtifact;
+            originalIndex: number;
+        }[]>;
+        hiddenArtifacts: import('vue').ComputedRef<{
+            artifact: ChatArtifact;
+            originalIndex: number;
+        }[]>;
+        showHidden: import('vue').Ref<boolean, boolean>;
+        getArtifactResults: (artifact: ChatArtifact) => import('../../editors/results').Results | null;
+        getMarkdownResults: (artifact: ChatArtifact) => import('../../editors/results').Results | null;
+        getArtifactIcon: (artifact: ChatArtifact) => string;
+        getArtifactLabel: (artifact: ChatArtifact, index: number) => string;
+        getArtifactMeta: (artifact: ChatArtifact) => string;
+        isArtifactCollapsed: (artifact: ChatArtifact, index: number) => boolean;
+        toggleArtifactCollapsed: (artifact: ChatArtifact, index: number) => void;
+        getArtifactCardStyle: (artifact: ChatArtifact) => Record<string, string>;
+        getArtifactContainerHeight: (artifact: ChatArtifact) => number;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("chart-config-change" | "publish-artifacts" | "update:activeArtifactIndex" | "unhide-artifact")[], "chart-config-change" | "publish-artifacts" | "update:activeArtifactIndex" | "unhide-artifact", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        artifacts: {
+            type: PropType<ChatArtifact[]>;
             required: true;
         };
-        chartConfig: {
-            type: PropType<ChartConfig | null>;
-            required: false;
-        };
-        error: {
-            type: StringConstructor;
-            required: false;
-        };
-        connection: {
-            type: StringConstructor;
-            required: false;
-        };
-        symbols: {
-            type: PropType<CompletionItem[]>;
-            required: false;
-        };
-        containerHeight: NumberConstructor;
-        generatedSql: StringConstructor;
-        trilogySource: StringConstructor;
-        defaultTab: {
-            type: StringConstructor;
-            required: false;
-            default: null;
-        };
-        showChatButton: {
-            type: BooleanConstructor;
-            default: boolean;
+        activeArtifactIndex: {
+            type: NumberConstructor;
+            default: number;
         };
     }>> & 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;
+        "onChart-config-change"?: ((...args: any[]) => any) | undefined;
+        "onPublish-artifacts"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:activeArtifactIndex"?: ((...args: any[]) => any) | undefined;
+        "onUnhide-artifact"?: ((...args: any[]) => any) | undefined;
     }>, {
-        defaultTab: string;
-        showChatButton: boolean;
+        activeArtifactIndex: number;
     }, {}, {
-        DataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            headers: {
-                type: {
-                    new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
-                    new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
-                    readonly prototype: Map<any, any>;
-                    readonly [Symbol.species]: MapConstructor;
-                };
+        ResultsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
                 required: true;
             };
             results: {
-                type: PropType<readonly import('../../editors/results').Row[]>;
+                type: typeof import('../../editors/results').Results;
                 required: true;
             };
-            containerHeight: NumberConstructor;
-            cellClick: {
-                type: FunctionConstructor;
-                default: () => void;
+            chartConfig: {
+                type: PropType<ChartConfig | null>;
+                required: false;
             };
-            backgroundClick: {
-                type: FunctionConstructor;
-                default: () => void;
+            error: {
+                type: StringConstructor;
+                required: false;
             };
-            prettyPrint: {
-                type: BooleanConstructor;
-                default: boolean;
+            connection: {
+                type: StringConstructor;
+                required: false;
+            };
+            symbols: {
+                type: PropType<CompletionItem[]>;
+                required: false;
+            };
+            containerHeight: NumberConstructor;
+            generatedSql: StringConstructor;
+            trilogySource: StringConstructor;
+            defaultTab: {
+                type: StringConstructor;
+                required: false;
+                default: null;
             };
-            fitParent: {
+            showChatButton: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>, {
-            settingsStore: import('pinia').Store<"userSettings", {
-                settings: import('../../stores/userSettingsStore').UserSettings;
-                defaults: import('../../stores/userSettingsStore').UserSettings;
-                isLoading: boolean;
-                hasChanges: boolean;
-                hasLoaded: boolean;
+            codeBlock: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            connectionStore: import('pinia').Store<"connections", {
+                connections: Record<string, import('../../connections').Connection>;
             }, {
-                getSettings: (state: {
-                    settings: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    defaults: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
-                } & import('pinia').PiniaCustomStateProperties<{
-                    settings: import('../../stores/userSettingsStore').UserSettings;
-                    defaults: import('../../stores/userSettingsStore').UserSettings;
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
-                }>) => {
-                    [x: string]: string | number | boolean | string[] | null | undefined;
-                    theme: "dark" | "light" | "";
-                    trilogyResolver: string;
-                    telemetryEnabled: boolean | null;
-                    tipsRead: string[];
-                    skipAllTips: boolean;
-                };
-                getDefaults: (state: {
-                    settings: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    defaults: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
+                connectionList: (state: {
+                    connections: Record<string, import('../../connections').Connection>;
                 } & import('pinia').PiniaCustomStateProperties<{
-                    settings: import('../../stores/userSettingsStore').UserSettings;
-                    defaults: import('../../stores/userSettingsStore').UserSettings;
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
-                }>) => {
-                    [x: string]: string | number | boolean | string[] | null | undefined;
-                    theme: "dark" | "light" | "";
-                    trilogyResolver: string;
-                    telemetryEnabled: boolean | null;
-                    tipsRead: string[];
-                    skipAllTips: boolean;
-                };
-                hasUnsavedChanges: (state: {
-                    settings: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    defaults: {
-                        [x: string]: string | number | boolean | string[] | null | undefined;
-                        theme: "dark" | "light" | "";
-                        trilogyResolver: string;
-                        telemetryEnabled: boolean | null;
-                        tipsRead: string[];
-                        skipAllTips: boolean;
-                    };
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
+                    connections: Record<string, import('../../connections').Connection>;
+                }>) => import('../../connections').Connection[];
+                unsavedConnections: (state: {
+                    connections: Record<string, import('../../connections').Connection>;
                 } & import('pinia').PiniaCustomStateProperties<{
-                    settings: import('../../stores/userSettingsStore').UserSettings;
-                    defaults: import('../../stores/userSettingsStore').UserSettings;
-                    isLoading: boolean;
-                    hasChanges: boolean;
-                    hasLoaded: boolean;
-                }>) => boolean;
+                    connections: Record<string, import('../../connections').Connection>;
+                }>) => number;
             }, {
-                updateSetting<K extends keyof import('../../stores/userSettingsStore').UserSettings>(key: K, value: import('../../stores/userSettingsStore').UserSettings[K]): void;
-                getUnreadTips(tips: import('../../data/tips').ModalItem[]): import('../../data/tips').ModalItem[];
-                clearDismissedTips(): void;
-                markTipRead(tipId: string): void;
-                clearReadTips(): void;
-                toggleTheme(): void;
-                setHasChanges(value: boolean): void;
-                updateSettings(newSettings: Partial<import('../../stores/userSettingsStore').UserSettings>): void;
-                resetToDefaults(): void;
-                saveSettings(): Promise<boolean>;
-                loadSettings(): void;
+                addConnection(connection: import('../../connections').Connection): import('../../connections').Connection;
+                connectConnection(name: string): Promise<any>;
+                resetConnection(name: string): Promise<any>;
+                deleteConnection(name: string): void;
+                connectionStateToStatus(connection: import('../../connections').Connection | null): "running" | "failed" | "disabled" | "connected";
+                getConnectionSources(name: string): import('../../stores').ContentInput[];
+                newConnection(name: string, type: string, options: Record<string, any>): import('../../connections').Connection;
             }>;
-            currentTheme: import('vue').ComputedRef<"" | "dark" | "light">;
         }, {
-            tabulator: import('vue').ShallowRef<Tabulator> | null;
-            selectedCell: null;
-            controlsVisible: boolean;
+            activeTab: string;
+            activeDrilldown: import('../editor/Results.vue').Drilldown | null;
+            TABS_HEIGHT: number;
         }, {
-            tableData(): readonly Readonly<Record<string, any>>[];
-            tableColumns(): ColumnDefinition[];
+            tabContentHeight(): number;
+            eligibleTabs(): string[];
+            displayTab(): string;
         }, {
-            copyToClipboard(): Promise<void>;
-            downloadData(): void;
-            showNotification(message: string, type: "success" | "error"): void;
-            create(): void;
-            updateTable(): void;
-            updateTableTheme(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            headers: {
-                type: {
-                    new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
-                    new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
-                    readonly prototype: Map<any, any>;
-                    readonly [Symbol.species]: MapConstructor;
-                };
+            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, ("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;
             };
             results: {
-                type: PropType<readonly import('../../editors/results').Row[]>;
-                required: true;
-            };
-            containerHeight: NumberConstructor;
-            cellClick: {
-                type: FunctionConstructor;
-                default: () => void;
-            };
-            backgroundClick: {
-                type: FunctionConstructor;
-                default: () => void;
-            };
-            prettyPrint: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            fitParent: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            cellClick: Function;
-            backgroundClick: Function;
-            prettyPrint: boolean;
-            fitParent: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VegaLiteChart: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            data: {
-                type: PropType<Readonly<import('../../editors/results').Row[]>>;
+                type: typeof import('../../editors/results').Results;
                 required: true;
             };
-            columns: {
-                type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
-                required: true;
-            };
-            initialConfig: {
-                type: PropType<ChartConfig | undefined | null>;
-                default: undefined;
-            };
-            showControls: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            containerHeight: NumberConstructor;
-            containerWidth: NumberConstructor;
-            onChartConfigChange: {
-                type: PropType<(config: ChartConfig) => void>;
-                default: () => void;
-            };
-            chartSelection: {
-                type: PropType<Object[]>;
-                default: () => void;
+            chartConfig: {
+                type: PropType<ChartConfig | null>;
+                required: false;
             };
-            chartTitle: {
+            error: {
                 type: StringConstructor;
-                default: string;
-            };
-            drilldownActive: {
-                type: BooleanConstructor;
-                default: boolean;
+                required: false;
             };
-        }>, {
-            vegaContainer1: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-            vegaContainer2: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-            chartContentArea: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-            renderManager: import('../chartRenderManager').ChartRenderManager;
-            controlsManager: import('../chartControlsManager').ChartControlsManager;
-            renderChart: (force?: boolean) => Promise<void> | undefined;
-            filteredColumnsInternal: (type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[];
-            updateConfig: (field: keyof ChartConfig, value: string | boolean | number) => void;
-            openInVegaEditor: () => void;
-            downloadChart: () => Promise<void>;
-            refreshChart: () => void;
-            charts: import('vue').ComputedRef<{
-                value: string;
-                label: string;
-                icon: string;
-            }[]>;
-            isShortContainer: import('vue').ComputedRef<boolean | 0 | undefined>;
-            revertDrilldown: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            data: {
-                type: PropType<Readonly<import('../../editors/results').Row[]>>;
-                required: true;
-            };
-            columns: {
-                type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
-                required: true;
-            };
-            initialConfig: {
-                type: PropType<ChartConfig | undefined | null>;
-                default: undefined;
+            connection: {
+                type: StringConstructor;
+                required: false;
             };
-            showControls: {
-                type: BooleanConstructor;
-                default: boolean;
+            symbols: {
+                type: PropType<CompletionItem[]>;
+                required: false;
             };
             containerHeight: NumberConstructor;
-            containerWidth: NumberConstructor;
-            onChartConfigChange: {
-                type: PropType<(config: ChartConfig) => void>;
-                default: () => void;
-            };
-            chartSelection: {
-                type: PropType<Object[]>;
-                default: () => void;
-            };
-            chartTitle: {
+            generatedSql: StringConstructor;
+            trilogySource: StringConstructor;
+            defaultTab: {
                 type: StringConstructor;
-                default: string;
+                required: false;
+                default: null;
             };
-            drilldownActive: {
+            showChatButton: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            onChartConfigChange: (config: ChartConfig) => void;
-            initialConfig: ChartConfig | null | undefined;
-            showControls: boolean;
-            chartSelection: Object[];
-            chartTitle: string;
-            drilldownActive: 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;
         }, {}, {
-            Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                content: {
-                    type: StringConstructor;
+            DataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                headers: {
+                    type: {
+                        new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                        new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                        readonly prototype: Map<any, any>;
+                        readonly [Symbol.species]: MapConstructor;
+                    };
                     required: true;
                 };
-                position: {
-                    type: StringConstructor;
-                    default: string;
+                results: {
+                    type: PropType<readonly import('../../editors/results').Row[]>;
+                    required: true;
+                };
+                containerHeight: NumberConstructor;
+                cellClick: {
+                    type: FunctionConstructor;
+                    default: () => void;
                 };
-                inline: {
+                backgroundClick: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                prettyPrint: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>, {}, {
-                visible: boolean;
-                hoverTimeout: ReturnType<typeof setTimeout> | null;
-            }, {
-                positionClass(): string;
-            }, {
-                showTooltip(): void;
-                hideTooltip(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                content: {
-                    type: StringConstructor;
+                fitParent: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                settingsStore: import('pinia').Store<"userSettings", {
+                    settings: import('../../stores/userSettingsStore').UserSettings;
+                    defaults: import('../../stores/userSettingsStore').UserSettings;
+                    isLoading: boolean;
+                    hasChanges: boolean;
+                    hasLoaded: boolean;
+                }, {
+                    getSettings: (state: {
+                        settings: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        defaults: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    } & import('pinia').PiniaCustomStateProperties<{
+                        settings: import('../../stores/userSettingsStore').UserSettings;
+                        defaults: import('../../stores/userSettingsStore').UserSettings;
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    }>) => {
+                        [x: string]: string | number | boolean | string[] | null | undefined;
+                        theme: "dark" | "light" | "";
+                        trilogyResolver: string;
+                        telemetryEnabled: boolean | null;
+                        tipsRead: string[];
+                        skipAllTips: boolean;
+                    };
+                    getDefaults: (state: {
+                        settings: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        defaults: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    } & import('pinia').PiniaCustomStateProperties<{
+                        settings: import('../../stores/userSettingsStore').UserSettings;
+                        defaults: import('../../stores/userSettingsStore').UserSettings;
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    }>) => {
+                        [x: string]: string | number | boolean | string[] | null | undefined;
+                        theme: "dark" | "light" | "";
+                        trilogyResolver: string;
+                        telemetryEnabled: boolean | null;
+                        tipsRead: string[];
+                        skipAllTips: boolean;
+                    };
+                    hasUnsavedChanges: (state: {
+                        settings: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        defaults: {
+                            [x: string]: string | number | boolean | string[] | null | undefined;
+                            theme: "dark" | "light" | "";
+                            trilogyResolver: string;
+                            telemetryEnabled: boolean | null;
+                            tipsRead: string[];
+                            skipAllTips: boolean;
+                        };
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    } & import('pinia').PiniaCustomStateProperties<{
+                        settings: import('../../stores/userSettingsStore').UserSettings;
+                        defaults: import('../../stores/userSettingsStore').UserSettings;
+                        isLoading: boolean;
+                        hasChanges: boolean;
+                        hasLoaded: boolean;
+                    }>) => boolean;
+                }, {
+                    updateSetting<K extends keyof import('../../stores/userSettingsStore').UserSettings>(key: K, value: import('../../stores/userSettingsStore').UserSettings[K]): void;
+                    getUnreadTips(tips: import('../../data/tips').ModalItem[]): import('../../data/tips').ModalItem[];
+                    clearDismissedTips(): void;
+                    markTipRead(tipId: string): void;
+                    clearReadTips(): void;
+                    toggleTheme(): void;
+                    setHasChanges(value: boolean): void;
+                    updateSettings(newSettings: Partial<import('../../stores/userSettingsStore').UserSettings>): void;
+                    resetToDefaults(): void;
+                    saveSettings(): Promise<boolean>;
+                    loadSettings(): void;
+                }>;
+                currentTheme: import('vue').ComputedRef<"" | "dark" | "light">;
+            }, {
+                tabulator: import('vue').ShallowRef<Tabulator> | null;
+                selectedCell: null;
+                controlsVisible: boolean;
+            }, {
+                tableData(): readonly Readonly<Record<string, any>>[];
+                tableColumns(): ColumnDefinition[];
+            }, {
+                copyToClipboard(): Promise<void>;
+                downloadData(): void;
+                showNotification(message: string, type: "success" | "error"): void;
+                create(): void;
+                updateTable(): void;
+                updateTableTheme(): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                headers: {
+                    type: {
+                        new (entries?: readonly (readonly [String, import('../../editors/results').ResultColumn])[] | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                        new (iterable?: Iterable<readonly [String, import('../../editors/results').ResultColumn]> | null | undefined): Map<String, import('../../editors/results').ResultColumn>;
+                        readonly prototype: Map<any, any>;
+                        readonly [Symbol.species]: MapConstructor;
+                    };
                     required: true;
                 };
-                position: {
-                    type: StringConstructor;
-                    default: string;
+                results: {
+                    type: PropType<readonly import('../../editors/results').Row[]>;
+                    required: true;
+                };
+                containerHeight: NumberConstructor;
+                cellClick: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                backgroundClick: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                prettyPrint: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                inline: {
+                fitParent: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                position: string;
-                inline: boolean;
+                cellClick: Function;
+                backgroundClick: Function;
+                prettyPrint: boolean;
+                fitParent: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            ChartControlPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                config: {
-                    type: PropType<ChartConfig>;
+            VegaLiteChart: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: PropType<Readonly<import('../../editors/results').Row[]>>;
                     required: true;
                 };
-                charts: {
-                    type: PropType<Array<{
-                        value: string;
-                        label: string;
-                        icon: string;
-                    }>>;
+                columns: {
+                    type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
                     required: true;
                 };
-                filteredColumns: {
-                    type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
-                    required: true;
+                initialConfig: {
+                    type: PropType<ChartConfig | undefined | null>;
+                    default: undefined;
+                };
+                showControls: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                containerHeight: NumberConstructor;
+                containerWidth: NumberConstructor;
+                onChartConfigChange: {
+                    type: PropType<(config: ChartConfig) => void>;
+                    default: () => void;
+                };
+                chartSelection: {
+                    type: PropType<Object[]>;
+                    default: () => void;
+                };
+                chartTitle: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                drilldownActive: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
             }>, {
-                controlSections: import('vue').ComputedRef<import('../ChartControlPanel.vue').ChartControlSection[]>;
-                updateConfig: (field: string, value: any) => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update-config" | "open-vega-editor")[], "update-config" | "open-vega-editor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                config: {
-                    type: PropType<ChartConfig>;
+                vegaContainer1: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                vegaContainer2: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                chartContentArea: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                renderManager: import('../chartRenderManager').ChartRenderManager;
+                controlsManager: import('../chartControlsManager').ChartControlsManager;
+                renderChart: (force?: boolean) => Promise<void> | undefined;
+                filteredColumnsInternal: (type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[];
+                updateConfig: (field: keyof ChartConfig, value: string | boolean | number) => void;
+                openInVegaEditor: () => void;
+                downloadChart: () => Promise<void>;
+                refreshChart: () => void;
+                charts: import('vue').ComputedRef<{
+                    value: string;
+                    label: string;
+                    icon: string;
+                }[]>;
+                isShortContainer: import('vue').ComputedRef<boolean | 0 | undefined>;
+                revertDrilldown: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                data: {
+                    type: PropType<Readonly<import('../../editors/results').Row[]>>;
                     required: true;
                 };
-                charts: {
-                    type: PropType<Array<{
-                        value: string;
-                        label: string;
-                        icon: string;
-                    }>>;
+                columns: {
+                    type: PropType<Map<string, import('../../editors/results').ResultColumn>>;
                     required: true;
                 };
-                filteredColumns: {
-                    type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
-                    required: true;
+                initialConfig: {
+                    type: PropType<ChartConfig | undefined | null>;
+                    default: undefined;
                 };
-            }>> & Readonly<{
-                "onUpdate-config"?: ((...args: any[]) => any) | undefined;
-                "onOpen-vega-editor"?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ErrorMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: () => "error" | "information";
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {}, {}, {
-            messageClass(): string;
-            iconEmoji(): string;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: () => "error" | "information";
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            type: "error" | "information";
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        LoadingButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            action: {
-                type: FunctionConstructor;
-                required: true;
-            };
-            useDefaultStyle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            keyCombination: {
+                showControls: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                containerHeight: NumberConstructor;
+                containerWidth: NumberConstructor;
+                onChartConfigChange: {
+                    type: PropType<(config: ChartConfig) => void>;
+                    default: () => void;
+                };
+                chartSelection: {
+                    type: PropType<Object[]>;
+                    default: () => void;
+                };
+                chartTitle: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                drilldownActive: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                onChartConfigChange: (config: ChartConfig) => void;
+                initialConfig: ChartConfig | null | undefined;
+                showControls: boolean;
+                chartSelection: Object[];
+                chartTitle: string;
+                drilldownActive: boolean;
+            }, {}, {
+                Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    content: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {}, {
+                    visible: boolean;
+                    hoverTimeout: ReturnType<typeof setTimeout> | null;
+                }, {
+                    positionClass(): string;
+                }, {
+                    showTooltip(): void;
+                    hideTooltip(): void;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    content: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    position: string;
+                    inline: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                ChartControlPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    config: {
+                        type: PropType<ChartConfig>;
+                        required: true;
+                    };
+                    charts: {
+                        type: PropType<Array<{
+                            value: string;
+                            label: string;
+                            icon: string;
+                        }>>;
+                        required: true;
+                    };
+                    filteredColumns: {
+                        type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
+                        required: true;
+                    };
+                }>, {
+                    controlSections: import('vue').ComputedRef<import('../ChartControlPanel.vue').ChartControlSection[]>;
+                    updateConfig: (field: string, value: any) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update-config" | "open-vega-editor")[], "update-config" | "open-vega-editor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    config: {
+                        type: PropType<ChartConfig>;
+                        required: true;
+                    };
+                    charts: {
+                        type: PropType<Array<{
+                            value: string;
+                            label: string;
+                            icon: string;
+                        }>>;
+                        required: true;
+                    };
+                    filteredColumns: {
+                        type: PropType<(type: "numeric" | "categorical" | "temporal" | "latitude" | "longitude" | "geographic" | "all") => import('../../editors/results').ResultColumn[]>;
+                        required: true;
+                    };
+                }>> & Readonly<{
+                    "onUpdate-config"?: ((...args: any[]) => any) | undefined;
+                    "onOpen-vega-editor"?: ((...args: any[]) => any) | undefined;
+                }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            ErrorMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 type: {
-                    (arrayLength: number): string[];
-                    (...items: string[]): string[];
-                    new (arrayLength: number): string[];
-                    new (...items: string[]): string[];
-                    isArray(arg: any): arg is any[];
-                    readonly prototype: any[];
-                    from<T>(arrayLike: ArrayLike<T>): T[];
-                    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    of<T>(...items: T[]): T[];
-                    readonly [Symbol.species]: ArrayConstructor;
+                    type: () => "error" | "information";
+                    default: string;
+                    validator: (value: string) => boolean;
                 };
-                default: null;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            testId: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>, {
-            errorMessage: import('vue').Ref<string | null, string | null>;
-            isLoading: import('vue').Ref<boolean, boolean>;
-            status: import('vue').Ref<"success" | "error" | null, "success" | "error" | null>;
-            handleClick: () => Promise<void>;
-            handleKeydown: (event: KeyboardEvent) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            action: {
-                type: FunctionConstructor;
-                required: true;
-            };
-            useDefaultStyle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            keyCombination: {
+            }>, {}, {}, {
+                messageClass(): string;
+                iconEmoji(): string;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 type: {
-                    (arrayLength: number): string[];
-                    (...items: string[]): string[];
-                    new (arrayLength: number): string[];
-                    new (...items: string[]): string[];
-                    isArray(arg: any): arg is any[];
-                    readonly prototype: any[];
-                    from<T>(arrayLike: ArrayLike<T>): T[];
-                    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    of<T>(...items: T[]): T[];
-                    readonly [Symbol.species]: ArrayConstructor;
+                    type: () => "error" | "information";
+                    default: string;
+                    validator: (value: string) => boolean;
                 };
-                default: null;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            testId: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            disabled: boolean;
-            useDefaultStyle: boolean;
-            keyCombination: string[];
-            testId: string;
-        }, {}, {
-            Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                content: {
-                    type: StringConstructor;
+            }>> & Readonly<{}>, {
+                type: "error" | "information";
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            LoadingButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                action: {
+                    type: FunctionConstructor;
                     required: true;
                 };
-                position: {
+                useDefaultStyle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                keyCombination: {
+                    type: {
+                        (arrayLength: number): string[];
+                        (...items: string[]): string[];
+                        new (arrayLength: number): string[];
+                        new (...items: string[]): string[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    };
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                testId: {
                     type: StringConstructor;
                     default: string;
                 };
-                inline: {
+            }>, {
+                errorMessage: import('vue').Ref<string | null, string | null>;
+                isLoading: import('vue').Ref<boolean, boolean>;
+                status: import('vue').Ref<"success" | "error" | null, "success" | "error" | null>;
+                handleClick: () => Promise<void>;
+                handleKeydown: (event: KeyboardEvent) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                action: {
+                    type: FunctionConstructor;
+                    required: true;
+                };
+                useDefaultStyle: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>, {}, {
-                visible: boolean;
-                hoverTimeout: ReturnType<typeof setTimeout> | null;
-            }, {
-                positionClass(): string;
-            }, {
-                showTooltip(): void;
-                hideTooltip(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                keyCombination: {
+                    type: {
+                        (arrayLength: number): string[];
+                        (...items: string[]): string[];
+                        new (arrayLength: number): string[];
+                        new (...items: string[]): string[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    };
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                testId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                disabled: boolean;
+                useDefaultStyle: boolean;
+                keyCombination: string[];
+                testId: string;
+            }, {}, {
+                Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    content: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {}, {
+                    visible: boolean;
+                    hoverTimeout: ReturnType<typeof setTimeout> | null;
+                }, {
+                    positionClass(): string;
+                }, {
+                    showTooltip(): void;
+                    hideTooltip(): void;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    content: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    position: string;
+                    inline: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            CodeBlock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 content: {
                     type: StringConstructor;
                     required: true;
                 };
-                position: {
+                language: {
+                    type: PropType<"sql" | "trilogy">;
+                    default: string;
+                };
+                copy: {
+                    type: FunctionConstructor;
+                    optional: boolean;
+                };
+            }>, {
+                codeBlock: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                codeClass: import('vue').Ref<string, string>;
+                copyCode: () => Promise<void>;
+                copied: import('vue').Ref<boolean, boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "on-copy"[], "on-copy", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                content: {
                     type: StringConstructor;
+                    required: true;
+                };
+                language: {
+                    type: PropType<"sql" | "trilogy">;
                     default: string;
                 };
-                inline: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                copy: {
+                    type: FunctionConstructor;
+                    optional: boolean;
                 };
-            }>> & Readonly<{}>, {
-                position: string;
-                inline: boolean;
+            }>> & Readonly<{
+                "onOn-copy"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                language: "trilogy" | "sql";
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DrilldownPane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                drilldownRemove: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                drilldownFilter: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                symbols: {
+                    type: PropType<CompletionItem[]>;
+                    required: true;
+                };
+            }>, {
+                searchQuery: import('vue').Ref<string, string>;
+                filteredDimensions: import('vue').Ref<{
+                    label: string;
+                    description: string;
+                    type: string;
+                    datatype: string;
+                    insertText: string;
+                    trilogyType?: ("concept" | "function" | "type") | undefined;
+                    trilogySubType?: ("property" | "key" | "metric") | undefined;
+                    calculation?: string | undefined;
+                    keys?: string[] | undefined;
+                }[], CompletionItem[] | {
+                    label: string;
+                    description: string;
+                    type: string;
+                    datatype: string;
+                    insertText: string;
+                    trilogyType?: ("concept" | "function" | "type") | undefined;
+                    trilogySubType?: ("property" | "key" | "metric") | undefined;
+                    calculation?: string | undefined;
+                    keys?: string[] | undefined;
+                }[]>;
+                drilldownSearchInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+                dimensionsList: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                tooltip: {
+                    visible: boolean;
+                    x: number;
+                    y: number;
+                    dimension: {
+                        label: string;
+                        description: string;
+                        type: string;
+                        datatype: string;
+                        insertText: string;
+                        trilogyType?: ("concept" | "function" | "type") | undefined;
+                        trilogySubType?: ("property" | "key" | "metric") | undefined;
+                        calculation?: string | undefined;
+                        keys?: string[] | undefined;
+                    };
+                };
+                selected: import('vue').Ref<string[], string[]>;
+                highlightedIndex: import('vue').Ref<number, number>;
+                filterDimensions: () => void;
+                selectDimension: (dimension: CompletionItem) => void;
+                removeDimension: (dimensionLabel: string) => void;
+                handleSubmit: () => void;
+                handleClose: () => void;
+                handleSearchKeydown: (event: KeyboardEvent) => void;
+                setHighlightedIndex: (index: number) => void;
+                getIconType: (dimension: CompletionItem) => string;
+                getIconMdiClass: (dimension: CompletionItem) => string;
+                getDimensionChar: (dimension: CompletionItem) => string;
+                getIconClass: (dimension: CompletionItem) => string;
+                getIconTooltip: (dimension: CompletionItem) => string;
+                showTooltip: (event: MouseEvent, dimension: CompletionItem) => Promise<void>;
+                hideTooltip: () => void;
+                updateTooltipPosition: (event: MouseEvent) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "submit" | "select-dimension" | "remove-dimension")[], "close" | "submit" | "select-dimension" | "remove-dimension", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                drilldownRemove: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                drilldownFilter: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                symbols: {
+                    type: PropType<CompletionItem[]>;
+                    required: true;
+                };
+            }>> & Readonly<{
+                onSubmit?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+                "onSelect-dimension"?: ((...args: any[]) => any) | undefined;
+                "onRemove-dimension"?: ((...args: any[]) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         CodeBlock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             content: {
@@ -2250,133 +2497,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             language: "trilogy" | "sql";
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DrilldownPane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            drilldownRemove: {
+        MarkdownRenderer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            markdown: {
                 type: StringConstructor;
                 required: true;
+                default: string;
             };
-            drilldownFilter: {
-                type: StringConstructor;
-                required: true;
+            results: {
+                type: PropType<import('../../editors/results').Results | null>;
+                default: null;
             };
-            symbols: {
-                type: PropType<CompletionItem[]>;
-                required: true;
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
             };
         }>, {
-            searchQuery: import('vue').Ref<string, string>;
-            filteredDimensions: import('vue').Ref<{
-                label: string;
-                description: string;
-                type: string;
-                datatype: string;
-                insertText: string;
-                trilogyType?: ("concept" | "function" | "type") | undefined;
-                trilogySubType?: ("property" | "key" | "metric") | undefined;
-                calculation?: string | undefined;
-                keys?: string[] | undefined;
-            }[], CompletionItem[] | {
-                label: string;
-                description: string;
-                type: string;
-                datatype: string;
-                insertText: string;
-                trilogyType?: ("concept" | "function" | "type") | undefined;
-                trilogySubType?: ("property" | "key" | "metric") | undefined;
-                calculation?: string | undefined;
-                keys?: string[] | undefined;
-            }[]>;
-            drilldownSearchInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-            dimensionsList: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-            tooltip: {
-                visible: boolean;
-                x: number;
-                y: number;
-                dimension: {
-                    label: string;
-                    description: string;
-                    type: string;
-                    datatype: string;
-                    insertText: string;
-                    trilogyType?: ("concept" | "function" | "type") | undefined;
-                    trilogySubType?: ("property" | "key" | "metric") | undefined;
-                    calculation?: string | undefined;
-                    keys?: string[] | undefined;
-                };
-            };
-            selected: import('vue').Ref<string[], string[]>;
-            highlightedIndex: import('vue').Ref<number, number>;
-            filterDimensions: () => void;
-            selectDimension: (dimension: CompletionItem) => void;
-            removeDimension: (dimensionLabel: string) => void;
-            handleSubmit: () => void;
-            handleClose: () => void;
-            handleSearchKeydown: (event: KeyboardEvent) => void;
-            setHighlightedIndex: (index: number) => void;
-            getIconType: (dimension: CompletionItem) => string;
-            getIconMdiClass: (dimension: CompletionItem) => string;
-            getDimensionChar: (dimension: CompletionItem) => string;
-            getIconClass: (dimension: CompletionItem) => string;
-            getIconTooltip: (dimension: CompletionItem) => string;
-            showTooltip: (event: MouseEvent, dimension: CompletionItem) => Promise<void>;
-            hideTooltip: () => void;
-            updateTooltipPosition: (event: MouseEvent) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "submit" | "select-dimension" | "remove-dimension")[], "close" | "submit" | "select-dimension" | "remove-dimension", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            drilldownRemove: {
+            renderedMarkdown: import('vue').ComputedRef<string>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            markdown: {
                 type: StringConstructor;
                 required: true;
+                default: string;
             };
-            drilldownFilter: {
-                type: StringConstructor;
-                required: true;
+            results: {
+                type: PropType<import('../../editors/results').Results | null>;
+                default: null;
             };
-            symbols: {
-                type: PropType<CompletionItem[]>;
-                required: true;
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-        }>> & Readonly<{
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-            "onSelect-dimension"?: ((...args: any[]) => any) | undefined;
-            "onRemove-dimension"?: ((...args: any[]) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }>> & Readonly<{}>, {
+            results: import('../../editors/results').Results | null;
+            markdown: string;
+            loading: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    CodeBlock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        content: {
-            type: StringConstructor;
-            required: true;
-        };
-        language: {
-            type: PropType<"sql" | "trilogy">;
-            default: string;
-        };
-        copy: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-    }>, {
-        codeBlock: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-        codeClass: import('vue').Ref<string, string>;
-        copyCode: () => Promise<void>;
-        copied: import('vue').Ref<boolean, boolean>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "on-copy"[], "on-copy", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        content: {
-            type: StringConstructor;
-            required: true;
-        };
-        language: {
-            type: PropType<"sql" | "trilogy">;
-            default: string;
-        };
-        copy: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-    }>> & Readonly<{
-        "onOn-copy"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        language: "trilogy" | "sql";
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DashboardImportSelector: import('vue').DefineComponent<import('../dashboard/DashboardImportSelector.vue').ImportSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:imports": (imports: import('../../dashboards/base').DashboardImport[]) => any;
         explore: (args_0: import('../../dashboards/base').DashboardImport) => any;