@luzmo/analytics-components-kit 1.0.8-beta.5 → 1.0.8-beta.6

package/angular/esm/components/ai-chat.d.ts

@@ -0,0 +1,147 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-chat';
+import type { LuzmoAiChat as LuzmoAiChatHostElement, AiChatAgentConfig, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatEmptyStateSuggestion, AiChatMessageSentEventDetail, AiChatSession, AiChatStepEvent, AssistantMessageActionEventDetail } from '@luzmo/analytics-components-kit/ai-chat';
+import type { AiPromptAgent, AiPromptCustomItemInput, AiPromptItemTask, AiPromptScreenMode, DashboardStatePayload } from '@luzmo/analytics-components-kit/ai-chat';
+import type { ChatMessage, Dataset, LuzmoChart } from '@luzmo/analytics-components-kit/types';
+import * as i0 from "@angular/core";
+export type { AgentStreamDefinition, AiChatAgentConfig, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail, AiChatMessageSentEventDetail, AiChatRecognizedStepType, AiChatSessionBuildContext, AiChatSessionCallbacks, AiChatSessionConfig, AiChatSessionControllerOptions, AiChatSessionRestoreParams, AiChatSessionRestoreResult, AiChatSessionSeed, AiChatSessionState, AiChatSessionSubmitParams, AiChatStepBase, AiChatStepEvent, AiDictationCreateBody, AiDictationProperties, AiPromptCreateBody, AiPromptDeleteBody, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, BuildAiDictationRequestOptions, ChatMessageElicitation, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail, ProgressTreeNode, PromptBoxAttachment, PromptBoxFileIcons, RecognizedStepEvent, StreamAiDictationOptions, StreamHandlerCallbacks, StreamHandlerContext, StreamHandlerState, StreamingRequestOptions, StreamingResponse, UnknownStepEvent, UploadAiPromptImagesOptions } from '@luzmo/analytics-components-kit/ai-chat';
+export declare class LuzmoAiChat implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoAiChatHostElement;
+    /** Live transcript is AiChatSessionState.messages. This prop optionally seeds the session on first connect. */
+    messages?: ChatMessage[];
+    /** Live selection is in the session. This prop optionally seeds on first connect. */
+    selectedDatasets?: Dataset[];
+    /** Placeholder text for the textarea */
+    placeholder?: string;
+    /** When true, disables the entire chat interface */
+    disabled?: boolean;
+    /** When true, shows a stop control on the prompt input while a response is generating */
+    stoppable?: boolean;
+    /** When true, shows context menu (3 dots) on assistant messages */
+    showAssistantContextMenu?: boolean;
+    /** Auth key for DataBroker authentication */
+    authKey?: string;
+    /** Auth token for DataBroker authentication */
+    authToken?: string;
+    /** API URL for DataBroker */
+    apiUrl?: string;
+    /** The URL of the app server for thumbnails and assets */
+    appServer?: string;
+    /** When true, shows public datasets alongside the user's other datasets. */
+    includePublicDatasets?: boolean;
+    /** Alias for includePublicDatasets. */
+    flagOpendata?: boolean;
+    /** When true, hides the "+ Add dataset" button in the input */
+    hideDatasetButton?: boolean;
+    /** When true, hides dataset icons in the input dataset selector and @ mention dataset headers */
+    hideDatasetIcons?: boolean;
+    /** When true, hides the add-dataset button and disables removing selected datasets while keeping pills visible */
+    disableDatasetModification?: boolean;
+    /** When true, hides the dataset row and add-dataset button entirely */
+    hideSelectedDatasets?: boolean;
+    /** When true, hides the Agents section in the input and runs prompts without a picked agent */
+    hideAgents?: boolean;
+    /** When true, disables @ trigger mentions for dataset fields in the input */
+    disableColumnMentions?: boolean;
+    /** When true, a picked agent or at least one selected dataset is required before the prompt can be submitted */
+    requireDataset?: boolean;
+    /** Enables image attachments (PNG/JPEG/WebP/GIF). */
+    allowImages?: boolean;
+    /** Enables mic dictation; audio is transcribed via `POST /aidictation` and inserted as editable text. */
+    allowVoiceInput?: boolean;
+    /** Attachment MIME types/extensions. Defaults to PNG/JPEG/WebP/GIF when `allow-images` is set. */
+    acceptedFileTypes?: string[];
+    /** Optional upload override; otherwise uploads via `POST /upload` on attach. */
+    uploadAttachments?: unknown;
+    /** Which aiprompt agent to use (`item`, `dashboard`, `analyst` or `custom-item`). Determines request payload and stream handling. With `agent-id` set it no longer shapes the request payload, only stream handling. Custom-item hosts must set `hide-agents` and leave `agent-id` unset to preserve draft context and internal repair prompts. */
+    agent?: AiPromptAgent;
+    /** Typed agent selection and context. Takes precedence over legacy agent, task and context properties. Omit context to preserve the same agent's session context; use null to clear it. Undefined leaves a host session's typed configuration intact and uses legacy properties for an internal session. */
+    agentConfig?: AiChatAgentConfig;
+    /** Saved Agent id (UUID) to run the prompt as. An agent picked in the prompt box takes precedence for that prompt. */
+    agentId?: string;
+    /** Task for the item agent (`generate`, `suggest`, `describe`). Ignored when `agent-id` is set. */
+    task?: AiPromptItemTask;
+    /** AI model preference for item agent chart generation */
+    modelPreference?: 'performance' | 'quality';
+    /** Host-owned AiChatSession. The component subscribes and renders; does not abort on disconnect. */
+    chatSession?: AiChatSession | null;
+    /** Conversation ID (synced into the session; updated when the API returns a new id). */
+    conversationId?: string | null;
+    /** Chart context for `agent="item"`. */
+    chart?: LuzmoChart | null;
+    /** Dashboard context for `agent="dashboard"`. */
+    dashboard?: DashboardStatePayload | null;
+    /** Draft context for `agent="custom-item"`, sent as its `custom-item` input. The host owns the shape: the chart document under `document`, plus fields such as `chartId`. With a host `chatSession`, the default null preserves its draft. Once this element supplies a draft, setting this property to null clears the session's custom item context. */
+    customItem?: AiPromptCustomItemInput['value'] | null;
+    /** Current screen mode when editing a dashboard. */
+    currentScreenMode?: AiPromptScreenMode;
+    /** Locale ID sent to the aiprompt API. */
+    localeId?: string;
+    /** Timezone ID for dashboard agent requests. */
+    timezoneId?: string;
+    /** API version */
+    apiVersion?: string;
+    /** When true, uses NDJSON streaming for AI responses. When false, uses a single JSON response. */
+    stream?: boolean;
+    /** Loading message shown while generating and before progress steps are available. */
+    loadingMessage?: string | null;
+    /** Message shown in place of the assistant reply when the user stops an in-flight response. Falls back to a localized default when not set. */
+    cancelledMessage?: string | null;
+    /** When set, auto-submits via the session without adding a duplicate user message (assumes the prompt is already in the transcript). */
+    initialPrompt?: string | null;
+    /** Title for the empty state when there are no messages. */
+    emptyStateTitle?: string;
+    /** Optional label above empty-state suggestion chips. Only shown when `emptyStateSuggestions` is non-empty. */
+    emptyStateSubtitle?: string;
+    /** Optional suggestion chips for the empty state. When empty, only the title is shown. Each entry may include `selectedDatasets` to pre-select datasets when the chip is activated. */
+    emptyStateSuggestions?: AiChatEmptyStateSuggestion[];
+    /** Fired when a user sends a message */
+    readonly luzmoMessageSent: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatMessageSentEventDetail>>;
+    /** Fired when the selected datasets change */
+    readonly luzmoDatasetsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatDatasetsChangedEventDetail>>;
+    /** Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, custom-item, elicitation, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow. */
+    readonly luzmoStep: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatStepEvent>>;
+    /** Fired exactly once per response with the authoritative final result (dashboard/chart/name/customItem) or an `error`. */
+    readonly luzmoComplete: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatCompleteEvent>>;
+    /** Fired when an in-flight prompt is stopped Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message. */
+    readonly luzmoStop: import("@angular/core").OutputEmitterRef<CustomEvent<void>>;
+    /** Fired when the conversation ID is updated from the API */
+    readonly luzmoConversationIdChanged: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatConversationIdChangedEventDetail>>;
+    /** Fired when a built-in assistant message action is activated (after confirmation when `confirm` is set) */
+    readonly luzmoAssistantMessageAction: import("@angular/core").OutputEmitterRef<CustomEvent<AssistantMessageActionEventDetail>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoAiChat, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAiChat, "luzmo-ai-chat", ["luzmoAiChat"], { "messages": { "alias": "messages"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "showAssistantContextMenu": { "alias": "showAssistantContextMenu"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "includePublicDatasets": { "alias": "includePublicDatasets"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "hideDatasetButton": { "alias": "hideDatasetButton"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideSelectedDatasets": { "alias": "hideSelectedDatasets"; "required": false; }; "hideAgents": { "alias": "hideAgents"; "required": false; }; "disableColumnMentions": { "alias": "disableColumnMentions"; "required": false; }; "requireDataset": { "alias": "requireDataset"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowVoiceInput": { "alias": "allowVoiceInput"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "uploadAttachments": { "alias": "uploadAttachments"; "required": false; }; "agent": { "alias": "agent"; "required": false; }; "agentConfig": { "alias": "agentConfig"; "required": false; }; "agentId": { "alias": "agentId"; "required": false; }; "task": { "alias": "task"; "required": false; }; "modelPreference": { "alias": "modelPreference"; "required": false; }; "chatSession": { "alias": "chatSession"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "chart": { "alias": "chart"; "required": false; }; "dashboard": { "alias": "dashboard"; "required": false; }; "customItem": { "alias": "customItem"; "required": false; }; "currentScreenMode": { "alias": "currentScreenMode"; "required": false; }; "localeId": { "alias": "localeId"; "required": false; }; "timezoneId": { "alias": "timezoneId"; "required": false; }; "apiVersion": { "alias": "apiVersion"; "required": false; }; "stream": { "alias": "stream"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "cancelledMessage": { "alias": "cancelledMessage"; "required": false; }; "initialPrompt": { "alias": "initialPrompt"; "required": false; }; "emptyStateTitle": { "alias": "emptyStateTitle"; "required": false; }; "emptyStateSubtitle": { "alias": "emptyStateSubtitle"; "required": false; }; "emptyStateSuggestions": { "alias": "emptyStateSuggestions"; "required": false; }; }, { "luzmoMessageSent": "luzmoMessageSent"; "luzmoDatasetsChanged": "luzmoDatasetsChanged"; "luzmoStep": "luzmoStep"; "luzmoComplete": "luzmoComplete"; "luzmoStop": "luzmoStop"; "luzmoConversationIdChanged": "luzmoConversationIdChanged"; "luzmoAssistantMessageAction": "luzmoAssistantMessageAction"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_stoppable: unknown;
+    static ngAcceptInputType_showAssistantContextMenu: unknown;
+    static ngAcceptInputType_includePublicDatasets: unknown;
+    static ngAcceptInputType_flagOpendata: unknown;
+    static ngAcceptInputType_hideDatasetButton: unknown;
+    static ngAcceptInputType_hideDatasetIcons: unknown;
+    static ngAcceptInputType_disableDatasetModification: unknown;
+    static ngAcceptInputType_hideSelectedDatasets: unknown;
+    static ngAcceptInputType_hideAgents: unknown;
+    static ngAcceptInputType_disableColumnMentions: unknown;
+    static ngAcceptInputType_requireDataset: unknown;
+    static ngAcceptInputType_allowImages: unknown;
+    static ngAcceptInputType_allowVoiceInput: unknown;
+    static ngAcceptInputType_stream: unknown;
+}
+/** The underlying custom element type for LuzmoAiChat */
+export type LuzmoAiChatElement = LuzmoAiChatHostElement;

package/angular/esm/components/ai-chat.js

@@ -0,0 +1,455 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-chat';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-ai-chat>
+ */
+export class LuzmoAiChat {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** Live transcript is AiChatSessionState.messages. This prop optionally seeds the session on first connect. */
+    messages;
+    /** Live selection is in the session. This prop optionally seeds on first connect. */
+    selectedDatasets;
+    /** Placeholder text for the textarea */
+    placeholder;
+    /** When true, disables the entire chat interface */
+    disabled;
+    /** When true, shows a stop control on the prompt input while a response is generating */
+    stoppable;
+    /** When true, shows context menu (3 dots) on assistant messages */
+    showAssistantContextMenu;
+    /** Auth key for DataBroker authentication */
+    authKey;
+    /** Auth token for DataBroker authentication */
+    authToken;
+    /** API URL for DataBroker */
+    apiUrl;
+    /** The URL of the app server for thumbnails and assets */
+    appServer;
+    /** When true, shows public datasets alongside the user's other datasets. */
+    includePublicDatasets;
+    /** Alias for includePublicDatasets. */
+    flagOpendata;
+    /** When true, hides the "+ Add dataset" button in the input */
+    hideDatasetButton;
+    /** When true, hides dataset icons in the input dataset selector and @ mention dataset headers */
+    hideDatasetIcons;
+    /** When true, hides the add-dataset button and disables removing selected datasets while keeping pills visible */
+    disableDatasetModification;
+    /** When true, hides the dataset row and add-dataset button entirely */
+    hideSelectedDatasets;
+    /** When true, hides the Agents section in the input and runs prompts without a picked agent */
+    hideAgents;
+    /** When true, disables @ trigger mentions for dataset fields in the input */
+    disableColumnMentions;
+    /** When true, a picked agent or at least one selected dataset is required before the prompt can be submitted */
+    requireDataset;
+    /** Enables image attachments (PNG/JPEG/WebP/GIF). */
+    allowImages;
+    /** Enables mic dictation; audio is transcribed via `POST /aidictation` and inserted as editable text. */
+    allowVoiceInput;
+    /** Attachment MIME types/extensions. Defaults to PNG/JPEG/WebP/GIF when `allow-images` is set. */
+    acceptedFileTypes;
+    /** Optional upload override; otherwise uploads via `POST /upload` on attach. */
+    uploadAttachments;
+    /** Which aiprompt agent to use (`item`, `dashboard`, `analyst` or `custom-item`). Determines request payload and stream handling. With `agent-id` set it no longer shapes the request payload, only stream handling. Custom-item hosts must set `hide-agents` and leave `agent-id` unset to preserve draft context and internal repair prompts. */
+    agent;
+    /** Typed agent selection and context. Takes precedence over legacy agent, task and context properties. Omit context to preserve the same agent's session context; use null to clear it. Undefined leaves a host session's typed configuration intact and uses legacy properties for an internal session. */
+    agentConfig;
+    /** Saved Agent id (UUID) to run the prompt as. An agent picked in the prompt box takes precedence for that prompt. */
+    agentId;
+    /** Task for the item agent (`generate`, `suggest`, `describe`). Ignored when `agent-id` is set. */
+    task;
+    /** AI model preference for item agent chart generation */
+    modelPreference;
+    /** Host-owned AiChatSession. The component subscribes and renders; does not abort on disconnect. */
+    chatSession;
+    /** Conversation ID (synced into the session; updated when the API returns a new id). */
+    conversationId;
+    /** Chart context for `agent="item"`. */
+    chart;
+    /** Dashboard context for `agent="dashboard"`. */
+    dashboard;
+    /** Draft context for `agent="custom-item"`, sent as its `custom-item` input. The host owns the shape: the chart document under `document`, plus fields such as `chartId`. With a host `chatSession`, the default null preserves its draft. Once this element supplies a draft, setting this property to null clears the session's custom item context. */
+    customItem;
+    /** Current screen mode when editing a dashboard. */
+    currentScreenMode;
+    /** Locale ID sent to the aiprompt API. */
+    localeId;
+    /** Timezone ID for dashboard agent requests. */
+    timezoneId;
+    /** API version */
+    apiVersion;
+    /** When true, uses NDJSON streaming for AI responses. When false, uses a single JSON response. */
+    stream;
+    /** Loading message shown while generating and before progress steps are available. */
+    loadingMessage;
+    /** Message shown in place of the assistant reply when the user stops an in-flight response. Falls back to a localized default when not set. */
+    cancelledMessage;
+    /** When set, auto-submits via the session without adding a duplicate user message (assumes the prompt is already in the transcript). */
+    initialPrompt;
+    /** Title for the empty state when there are no messages. */
+    emptyStateTitle;
+    /** Optional label above empty-state suggestion chips. Only shown when `emptyStateSuggestions` is non-empty. */
+    emptyStateSubtitle;
+    /** Optional suggestion chips for the empty state. When empty, only the title is shown. Each entry may include `selectedDatasets` to pre-select datasets when the chip is activated. */
+    emptyStateSuggestions;
+    /** Fired when a user sends a message */
+    luzmoMessageSent = output({ alias: 'luzmoMessageSent' });
+    /** Fired when the selected datasets change */
+    luzmoDatasetsChanged = output({ alias: 'luzmoDatasetsChanged' });
+    /** Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, custom-item, elicitation, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow. */
+    luzmoStep = output({ alias: 'luzmoStep' });
+    /** Fired exactly once per response with the authoritative final result (dashboard/chart/name/customItem) or an `error`. */
+    luzmoComplete = output({ alias: 'luzmoComplete' });
+    /** Fired when an in-flight prompt is stopped Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message. */
+    luzmoStop = output({ alias: 'luzmoStop' });
+    /** Fired when the conversation ID is updated from the API */
+    luzmoConversationIdChanged = output({ alias: 'luzmoConversationIdChanged' });
+    /** Fired when a built-in assistant message action is activated (after confirmation when `confirm` is set) */
+    luzmoAssistantMessageAction = output({ alias: 'luzmoAssistantMessageAction' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'messages':
+                    this.setHostProperty('messages', changes['messages'].currentValue);
+                    break;
+                case 'selectedDatasets':
+                    this.setHostProperty('selectedDatasets', changes['selectedDatasets'].currentValue);
+                    break;
+                case 'placeholder':
+                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'stoppable':
+                    this.setHostProperty('stoppable', changes['stoppable'].currentValue);
+                    break;
+                case 'showAssistantContextMenu':
+                    this.setHostProperty('showAssistantContextMenu', changes['showAssistantContextMenu'].currentValue);
+                    break;
+                case 'authKey':
+                    this.setHostProperty('authKey', changes['authKey'].currentValue);
+                    break;
+                case 'authToken':
+                    this.setHostProperty('authToken', changes['authToken'].currentValue);
+                    break;
+                case 'apiUrl':
+                    this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
+                    break;
+                case 'appServer':
+                    this.setHostProperty('appServer', changes['appServer'].currentValue);
+                    break;
+                case 'includePublicDatasets':
+                    this.setHostProperty('includePublicDatasets', changes['includePublicDatasets'].currentValue);
+                    break;
+                case 'flagOpendata':
+                    this.setHostProperty('flagOpendata', changes['flagOpendata'].currentValue);
+                    break;
+                case 'hideDatasetButton':
+                    this.setHostProperty('hideDatasetButton', changes['hideDatasetButton'].currentValue);
+                    break;
+                case 'hideDatasetIcons':
+                    this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
+                    break;
+                case 'disableDatasetModification':
+                    this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
+                    break;
+                case 'hideSelectedDatasets':
+                    this.setHostProperty('hideSelectedDatasets', changes['hideSelectedDatasets'].currentValue);
+                    break;
+                case 'hideAgents':
+                    this.setHostProperty('hideAgents', changes['hideAgents'].currentValue);
+                    break;
+                case 'disableColumnMentions':
+                    this.setHostProperty('disableColumnMentions', changes['disableColumnMentions'].currentValue);
+                    break;
+                case 'requireDataset':
+                    this.setHostProperty('requireDataset', changes['requireDataset'].currentValue);
+                    break;
+                case 'allowImages':
+                    this.setHostProperty('allowImages', changes['allowImages'].currentValue);
+                    break;
+                case 'allowVoiceInput':
+                    this.setHostProperty('allowVoiceInput', changes['allowVoiceInput'].currentValue);
+                    break;
+                case 'acceptedFileTypes':
+                    this.setHostProperty('acceptedFileTypes', changes['acceptedFileTypes'].currentValue);
+                    break;
+                case 'uploadAttachments':
+                    this.setHostProperty('uploadAttachments', changes['uploadAttachments'].currentValue);
+                    break;
+                case 'agent':
+                    this.setHostProperty('agent', changes['agent'].currentValue);
+                    break;
+                case 'agentConfig':
+                    this.setHostProperty('agentConfig', changes['agentConfig'].currentValue);
+                    break;
+                case 'agentId':
+                    this.setHostProperty('agentId', changes['agentId'].currentValue);
+                    break;
+                case 'task':
+                    this.setHostProperty('task', changes['task'].currentValue);
+                    break;
+                case 'modelPreference':
+                    this.setHostProperty('modelPreference', changes['modelPreference'].currentValue);
+                    break;
+                case 'chatSession':
+                    this.setHostProperty('chatSession', changes['chatSession'].currentValue);
+                    break;
+                case 'conversationId':
+                    this.setHostProperty('conversationId', changes['conversationId'].currentValue);
+                    break;
+                case 'chart':
+                    this.setHostProperty('chart', changes['chart'].currentValue);
+                    break;
+                case 'dashboard':
+                    this.setHostProperty('dashboard', changes['dashboard'].currentValue);
+                    break;
+                case 'customItem':
+                    this.setHostProperty('customItem', changes['customItem'].currentValue);
+                    break;
+                case 'currentScreenMode':
+                    this.setHostProperty('currentScreenMode', changes['currentScreenMode'].currentValue);
+                    break;
+                case 'localeId':
+                    this.setHostProperty('localeId', changes['localeId'].currentValue);
+                    break;
+                case 'timezoneId':
+                    this.setHostProperty('timezoneId', changes['timezoneId'].currentValue);
+                    break;
+                case 'apiVersion':
+                    this.setHostProperty('apiVersion', changes['apiVersion'].currentValue);
+                    break;
+                case 'stream':
+                    this.setHostProperty('stream', changes['stream'].currentValue);
+                    break;
+                case 'loadingMessage':
+                    this.setHostProperty('loadingMessage', changes['loadingMessage'].currentValue);
+                    break;
+                case 'cancelledMessage':
+                    this.setHostProperty('cancelledMessage', changes['cancelledMessage'].currentValue);
+                    break;
+                case 'initialPrompt':
+                    this.setHostProperty('initialPrompt', changes['initialPrompt'].currentValue);
+                    break;
+                case 'emptyStateTitle':
+                    this.setHostProperty('emptyStateTitle', changes['emptyStateTitle'].currentValue);
+                    break;
+                case 'emptyStateSubtitle':
+                    this.setHostProperty('emptyStateSubtitle', changes['emptyStateSubtitle'].currentValue);
+                    break;
+                case 'emptyStateSuggestions':
+                    this.setHostProperty('emptyStateSuggestions', changes['emptyStateSuggestions'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-message-sent', (event) => {
+            const typed = event;
+            this.luzmoMessageSent.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-datasets-changed', (event) => {
+            const typed = event;
+            this.luzmoDatasetsChanged.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-step', (event) => {
+            const typed = event;
+            this.luzmoStep.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-complete', (event) => {
+            const typed = event;
+            this.luzmoComplete.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-stop', (event) => {
+            const typed = event;
+            this.luzmoStop.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-conversation-id-changed', (event) => {
+            const typed = event;
+            this.luzmoConversationIdChanged.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-assistant-message-action', (event) => {
+            const typed = event;
+            this.luzmoAssistantMessageAction.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoAiChat_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoAiChat)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAiChat, selectors: [["luzmo-ai-chat"]], inputs: { messages: "messages", selectedDatasets: "selectedDatasets", placeholder: "placeholder", disabled: [2, "disabled", "disabled", booleanAttribute], stoppable: [2, "stoppable", "stoppable", booleanAttribute], showAssistantContextMenu: [2, "showAssistantContextMenu", "showAssistantContextMenu", booleanAttribute], authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", includePublicDatasets: [2, "includePublicDatasets", "includePublicDatasets", booleanAttribute], flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], hideDatasetButton: [2, "hideDatasetButton", "hideDatasetButton", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute], disableDatasetModification: [2, "disableDatasetModification", "disableDatasetModification", booleanAttribute], hideSelectedDatasets: [2, "hideSelectedDatasets", "hideSelectedDatasets", booleanAttribute], hideAgents: [2, "hideAgents", "hideAgents", booleanAttribute], disableColumnMentions: [2, "disableColumnMentions", "disableColumnMentions", booleanAttribute], requireDataset: [2, "requireDataset", "requireDataset", booleanAttribute], allowImages: [2, "allowImages", "allowImages", booleanAttribute], allowVoiceInput: [2, "allowVoiceInput", "allowVoiceInput", booleanAttribute], acceptedFileTypes: "acceptedFileTypes", uploadAttachments: "uploadAttachments", agent: "agent", agentConfig: "agentConfig", agentId: "agentId", task: "task", modelPreference: "modelPreference", chatSession: "chatSession", conversationId: "conversationId", chart: "chart", dashboard: "dashboard", customItem: "customItem", currentScreenMode: "currentScreenMode", localeId: "localeId", timezoneId: "timezoneId", apiVersion: "apiVersion", stream: [2, "stream", "stream", booleanAttribute], loadingMessage: "loadingMessage", cancelledMessage: "cancelledMessage", initialPrompt: "initialPrompt", emptyStateTitle: "emptyStateTitle", emptyStateSubtitle: "emptyStateSubtitle", emptyStateSuggestions: "emptyStateSuggestions" }, outputs: { luzmoMessageSent: "luzmoMessageSent", luzmoDatasetsChanged: "luzmoDatasetsChanged", luzmoStep: "luzmoStep", luzmoComplete: "luzmoComplete", luzmoStop: "luzmoStop", luzmoConversationIdChanged: "luzmoConversationIdChanged", luzmoAssistantMessageAction: "luzmoAssistantMessageAction" }, exportAs: ["luzmoAiChat"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAiChat_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAiChat, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-ai-chat',
+                exportAs: 'luzmoAiChat',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { messages: [{
+            type: Input,
+            args: [{ alias: 'messages' }]
+        }], selectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'selectedDatasets' }]
+        }], placeholder: [{
+            type: Input,
+            args: [{ alias: 'placeholder' }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], stoppable: [{
+            type: Input,
+            args: [{ alias: 'stoppable', transform: booleanAttribute }]
+        }], showAssistantContextMenu: [{
+            type: Input,
+            args: [{ alias: 'showAssistantContextMenu', transform: booleanAttribute }]
+        }], authKey: [{
+            type: Input,
+            args: [{ alias: 'authKey' }]
+        }], authToken: [{
+            type: Input,
+            args: [{ alias: 'authToken' }]
+        }], apiUrl: [{
+            type: Input,
+            args: [{ alias: 'apiUrl' }]
+        }], appServer: [{
+            type: Input,
+            args: [{ alias: 'appServer' }]
+        }], includePublicDatasets: [{
+            type: Input,
+            args: [{ alias: 'includePublicDatasets', transform: booleanAttribute }]
+        }], flagOpendata: [{
+            type: Input,
+            args: [{ alias: 'flagOpendata', transform: booleanAttribute }]
+        }], hideDatasetButton: [{
+            type: Input,
+            args: [{ alias: 'hideDatasetButton', transform: booleanAttribute }]
+        }], hideDatasetIcons: [{
+            type: Input,
+            args: [{ alias: 'hideDatasetIcons', transform: booleanAttribute }]
+        }], disableDatasetModification: [{
+            type: Input,
+            args: [{ alias: 'disableDatasetModification', transform: booleanAttribute }]
+        }], hideSelectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'hideSelectedDatasets', transform: booleanAttribute }]
+        }], hideAgents: [{
+            type: Input,
+            args: [{ alias: 'hideAgents', transform: booleanAttribute }]
+        }], disableColumnMentions: [{
+            type: Input,
+            args: [{ alias: 'disableColumnMentions', transform: booleanAttribute }]
+        }], requireDataset: [{
+            type: Input,
+            args: [{ alias: 'requireDataset', transform: booleanAttribute }]
+        }], allowImages: [{
+            type: Input,
+            args: [{ alias: 'allowImages', transform: booleanAttribute }]
+        }], allowVoiceInput: [{
+            type: Input,
+            args: [{ alias: 'allowVoiceInput', transform: booleanAttribute }]
+        }], acceptedFileTypes: [{
+            type: Input,
+            args: [{ alias: 'acceptedFileTypes' }]
+        }], uploadAttachments: [{
+            type: Input,
+            args: [{ alias: 'uploadAttachments' }]
+        }], agent: [{
+            type: Input,
+            args: [{ alias: 'agent' }]
+        }], agentConfig: [{
+            type: Input,
+            args: [{ alias: 'agentConfig' }]
+        }], agentId: [{
+            type: Input,
+            args: [{ alias: 'agentId' }]
+        }], task: [{
+            type: Input,
+            args: [{ alias: 'task' }]
+        }], modelPreference: [{
+            type: Input,
+            args: [{ alias: 'modelPreference' }]
+        }], chatSession: [{
+            type: Input,
+            args: [{ alias: 'chatSession' }]
+        }], conversationId: [{
+            type: Input,
+            args: [{ alias: 'conversationId' }]
+        }], chart: [{
+            type: Input,
+            args: [{ alias: 'chart' }]
+        }], dashboard: [{
+            type: Input,
+            args: [{ alias: 'dashboard' }]
+        }], customItem: [{
+            type: Input,
+            args: [{ alias: 'customItem' }]
+        }], currentScreenMode: [{
+            type: Input,
+            args: [{ alias: 'currentScreenMode' }]
+        }], localeId: [{
+            type: Input,
+            args: [{ alias: 'localeId' }]
+        }], timezoneId: [{
+            type: Input,
+            args: [{ alias: 'timezoneId' }]
+        }], apiVersion: [{
+            type: Input,
+            args: [{ alias: 'apiVersion' }]
+        }], stream: [{
+            type: Input,
+            args: [{ alias: 'stream', transform: booleanAttribute }]
+        }], loadingMessage: [{
+            type: Input,
+            args: [{ alias: 'loadingMessage' }]
+        }], cancelledMessage: [{
+            type: Input,
+            args: [{ alias: 'cancelledMessage' }]
+        }], initialPrompt: [{
+            type: Input,
+            args: [{ alias: 'initialPrompt' }]
+        }], emptyStateTitle: [{
+            type: Input,
+            args: [{ alias: 'emptyStateTitle' }]
+        }], emptyStateSubtitle: [{
+            type: Input,
+            args: [{ alias: 'emptyStateSubtitle' }]
+        }], emptyStateSuggestions: [{
+            type: Input,
+            args: [{ alias: 'emptyStateSuggestions' }]
+        }], luzmoMessageSent: [{ type: i0.Output, args: ["luzmoMessageSent"] }], luzmoDatasetsChanged: [{ type: i0.Output, args: ["luzmoDatasetsChanged"] }], luzmoStep: [{ type: i0.Output, args: ["luzmoStep"] }], luzmoComplete: [{ type: i0.Output, args: ["luzmoComplete"] }], luzmoStop: [{ type: i0.Output, args: ["luzmoStop"] }], luzmoConversationIdChanged: [{ type: i0.Output, args: ["luzmoConversationIdChanged"] }], luzmoAssistantMessageAction: [{ type: i0.Output, args: ["luzmoAssistantMessageAction"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoAiChat, { className: "LuzmoAiChat", filePath: "components/ai-chat.ts", lineNumber: 18 }); })();