@luzmo/analytics-components-kit 1.0.1-alpha.144 → 1.0.1-alpha.146

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

@@ -1,7 +1,10 @@
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
+export type { ProgressTreeNode };
 export interface ChatMessage {
     id?: string;
     type: 'user' | 'ai';
     message: string;
+    progress?: ProgressTreeNode;
     isError?: boolean;
 }
 export interface LuzmoChart {

package/angular/tsconfig.json

@@ -20,6 +20,9 @@
       "@luzmo/analytics-components-kit": [
         "./luzmo-stub.d.ts"
       ],
+      "@luzmo/lucero/*": [
+        "../../node_modules/@luzmo/lucero/components/*/index.d.ts"
+      ],
       "@utils/*": [
         "./utils/*"
       ]

package/angular/types/ai-chat.types.ts

@@ -1,7 +1,12 @@
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
+
+export type { ProgressTreeNode };
+
 export interface ChatMessage {
   id?: string;
   type: 'user' | 'ai';
   message: string;
+  progress?: ProgressTreeNode;
   isError?: boolean;
 }
 

package/components/ai-chat/ai-chat-streaming.d.ts

@@ -0,0 +1,14 @@
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
+export declare function createInitialProgress(): ProgressTreeNode;
+export declare function hasProgressChunk(value: Record<string, unknown>): boolean;
+export interface StreamingRequestOptions {
+    url: string;
+    body: Record<string, unknown>;
+    signal?: AbortSignal;
+}
+export interface StreamingResponse {
+    body: ReadableStream<Uint8Array>;
+    conversationId: string | null;
+}
+export declare function fetchStreamingResponse(options: StreamingRequestOptions): Promise<StreamingResponse>;
+export declare function readNdjsonStream(body: ReadableStream<Uint8Array>, onChunk: (chunk: Record<string, unknown>) => void): Promise<void>;

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

@@ -1,4 +1,6 @@
 import '@luzmo/lucero/chat-message';
+import '@luzmo/lucero/progress-steps';
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
 import { LuzmoElement } from '@utils/base';
 import { TemplateResult } from 'lit';
 import type { ChatMessage, Dataset, LuzmoChart } from '../../types';
@@ -91,25 +93,59 @@ export declare class LuzmoAiChat extends LuzmoElement {
      */
     apiVersion: string;
     /**
-     * Loading message
+     * When true, uses NDJSON streaming for AI responses.
+     * When false, uses a single JSON response.
+     * @default true
+     */
+    stream: boolean;
+    /**
+     * Loading message shown while generating and before progress steps are available.
+     * Only effective in external request mode; in internal mode, progress steps
+     * are initialized immediately.
      * @default null
      */
     loadingMessage: string | null;
+    /**
+     * When set, the component auto-submits this prompt via the streaming API
+     * without adding a duplicate user message (assumes it is already in `messages`).
+     * Useful when the prompt originates from an external source (e.g. a dropdown).
+     * @default null
+     */
+    initialPrompt: string | null;
+    /**
+     * Progress tree for external request mode. Ignored in internal mode.
+     * @default null
+     */
+    progress: ProgressTreeNode | null;
+    /**
+     * Whether progress steps should be shown collapsed.
+     * Only used in external request mode. Ignored in internal mode.
+     * @default false
+     */
+    progressCollapsed: boolean;
+    private _progress;
+    private _progressCollapsed;
     private _isGeneratingInternal;
     private _textareaValue;
+    private _abortController;
+    private _inflightAiMessage;
+    private _lastProcessedInitialPrompt;
+    private _receivedProgress;
     private _generateMessageId;
     private _buildRequestBody;
-    private _sendMessage;
+    private _finalizeInflightMessage;
+    private _sendStreamingMessage;
+    private _processStreamChunk;
     private _addUserMessage;
+    private _updateMessage;
     private _prepareForAIResponse;
-    private _handleChartResponse;
-    private _handleErrorResponse;
-    private _processAIResponse;
     private _handleAPIError;
     private _handleDatasetSelected;
     private _handleDatasetRemoved;
     private _emitDatasetsChanged;
     private _handlePromptSubmitted;
+    private _processInitialPrompt;
+    disconnectedCallback(): void;
     private _scrollToBottom;
     protected updated(changedProperties: Map<string, unknown>): void;
     /**
@@ -118,7 +154,9 @@ export declare class LuzmoAiChat extends LuzmoElement {
      * @returns Sanitized HTML string safe for rendering
      */
     private _sanitizeMessage;
+    private _renderProgress;
     private _renderMessages;
+    private _renderStreamingResponse;
     private _renderLoadingMessage;
     private _renderPlaceholderMessage;
     protected render(): TemplateResult;

package/components/ai-chat/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`);const e=require(`../ai-chat-PZrWiUxE.cjs`);require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-CH3lwAjJ.cjs`),require(`../dataset-selector-row-DdTnaQ6w.cjs`),require(`../ai-interaction-textarea-CcgFeoIg.cjs`),exports.LuzmoAiChat=e.t,exports.buildAiMessageRequest=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CdlBx8s9.cjs`),require(`../localized-mixin-BhUvOsd7.cjs`);const e=require(`../ai-chat-BH0PuNwY.cjs`);require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-DYsi3LBF.cjs`),require(`../dataset-selector-row-Qwz9WmR4.cjs`),require(`../ai-interaction-textarea-CcgFeoIg.cjs`),exports.LuzmoAiChat=e.t,exports.buildAiMessageRequest=e.n,exports.createInitialProgress=e.r,exports.fetchStreamingResponse=e.i,exports.hasProgressChunk=e.a,exports.readNdjsonStream=e.o;

package/components/ai-chat/index.d.ts

@@ -5,4 +5,7 @@ declare global {
     }
 }
 export { LuzmoAiChat } from './ai-chat';
+export type { ProgressTreeNode } from '../../types/ai-chat.types';
 export * from './request-contract';
+export { createInitialProgress, fetchStreamingResponse, hasProgressChunk, readNdjsonStream } from './ai-chat-streaming';
+export type { StreamingRequestOptions, StreamingResponse } from './ai-chat-streaming';

package/components/ai-chat/index.js

@@ -25,12 +25,12 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-CRNDDu2d.js";
-import "../localized-mixin-CgQFYGOU.js";
-import { n as buildAiMessageRequest, t as LuzmoAiChat } from "../ai-chat-CEX2VQeq.js";
+import "../set-locale-C3o6ooUV.js";
+import "../localized-mixin-HngLqDZn.js";
+import { a as hasProgressChunk, i as fetchStreamingResponse, n as buildAiMessageRequest, o as readNdjsonStream, r as createInitialProgress, t as LuzmoAiChat } from "../ai-chat-BEjlRutF.js";
 import "../dataset-icon-DhF21dXC.js";
 import "../data-broker-cLR-t5LM.js";
-import "../dataset-selector-list-BDSXGUDh.js";
-import "../dataset-selector-row-DPyGMP__.js";
+import "../dataset-selector-list-C5FvwP-r.js";
+import "../dataset-selector-row-BKIFTyJl.js";
 import "../ai-interaction-textarea-B5UE7CIq.js";
-export { LuzmoAiChat, buildAiMessageRequest };
+export { LuzmoAiChat, buildAiMessageRequest, createInitialProgress, fetchStreamingResponse, hasProgressChunk, readNdjsonStream };

package/components/ai-chat/request-contract.d.ts

@@ -16,6 +16,7 @@ export interface AiMessageRequestBody {
         dataset_id?: string;
         chart?: Record<string, unknown>;
         model_preference: 'performance' | 'quality';
+        stream?: boolean;
     };
 }
 export interface BuildAiMessageRequestOptions {
@@ -27,6 +28,7 @@ export interface BuildAiMessageRequestOptions {
     chart: LuzmoChart | null;
     modelPreference: 'performance' | 'quality';
     apiVersion?: string;
+    stream?: boolean;
 }
 export interface LuzmoPromptSubmittedEventDetail {
     prompt: string;