@c8y/ngx-components 1023.0.0 → 1023.4.1

package/fesm2022/c8y-ngx-components-ai-ai-chat.mjs

@@ -0,0 +1,258 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, input, inject, computed, ContentChildren } from '@angular/core';
+import { IconDirective, C8yTranslatePipe, MarkdownToHtmlPipe, DatePipe, TextareaAutoresizeDirective } from '@c8y/ngx-components';
+import * as i1 from 'ngx-bootstrap/tooltip';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { NgClass, AsyncPipe } from '@angular/common';
+import { TranslateService } from '@ngx-translate/core';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/**
+ * An action button that can be added to chat messages.
+ * Typically used for actions like copying, regenerating, or providing feedback on messages.
+ */
+class AiChatMessageActionComponent {
+    constructor() {
+        /**
+         * Disables the action button when true.
+         */
+        this.disabled = false;
+        /**
+         * Tooltip text displayed when hovering over the action button.
+         */
+        this.tooltip = '';
+        /**
+         * Icon to display in the action button.
+         */
+        this.icon = 'cog';
+        /**
+         * Emitted when the action button is clicked.
+         */
+        this.click = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatMessageActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AiChatMessageActionComponent, isStandalone: true, selector: "c8y-ai-chat-message-action", inputs: { disabled: "disabled", tooltip: "tooltip", icon: "icon" }, outputs: { click: "click" }, ngImport: i0, template: "<button\n  class=\"btn btn-dot text-muted\"\n  [attr.aria-label]=\"tooltip | translate\"\n  [tooltip]=\"tooltip | translate\"\n  [adaptivePosition]=\"true\"\n  [delay]=\"500\"\n  (click)=\"click.emit()\"\n  [disabled]=\"disabled\"\n>\n  <i\n    class=\"text-12\"\n    [c8yIcon]=\"icon\"\n  ></i>\n</button>\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatMessageActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-ai-chat-message-action', standalone: true, imports: [TooltipModule, C8yTranslatePipe, IconDirective], template: "<button\n  class=\"btn btn-dot text-muted\"\n  [attr.aria-label]=\"tooltip | translate\"\n  [tooltip]=\"tooltip | translate\"\n  [adaptivePosition]=\"true\"\n  [delay]=\"500\"\n  (click)=\"click.emit()\"\n  [disabled]=\"disabled\"\n>\n  <i\n    class=\"text-12\"\n    [c8yIcon]=\"icon\"\n  ></i>\n</button>\n" }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+class AiChatMessageComponent {
+    constructor() {
+        this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
+        this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
+        this.translateService = inject(TranslateService);
+        this.roleResolved = computed(() => {
+            return this.message()?.role || this.role();
+        }, ...(ngDevMode ? [{ debugName: "roleResolved" }] : []));
+        /**
+         * Generates an accessible label for the message container.
+         * Includes the role (user or assistant) and timestamp if available.
+         * @returns The aria-label string for screen readers
+         */
+        this.ariaLabel = computed(() => {
+            const tpl = this.roleResolved() === 'user'
+                ? gettext('You said: "{{ message }}"')
+                : gettext('Assistant said: "{{ message }}"');
+            const msg = this.message();
+            return this.translateService.instant(tpl, { message: msg?.content || gettext('No response.') });
+        }, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+        /**
+         * Generates an accessible label for the message content.
+         * Prefixes the content with contextual information about who sent it.
+         * @returns The aria-label string with prefixed role information
+         */
+        this.messageContentAriaLabel = computed(() => {
+            const msg = this.message();
+            const time = msg?.timestamp ? new Date(msg.timestamp).toLocaleTimeString() : '';
+            let tpl;
+            if (time) {
+                tpl =
+                    this.roleResolved() === 'user'
+                        ? gettext('User message at {{ time }}')
+                        : gettext('Assistant message at {{ time }}');
+            }
+            else {
+                tpl = this.roleResolved() === 'user' ? gettext('User message') : gettext('Assistant message');
+            }
+            return this.translateService.instant(tpl, { time });
+        }, ...(ngDevMode ? [{ debugName: "messageContentAriaLabel" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AiChatMessageComponent, isStandalone: true, selector: "c8y-ai-chat-message", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-col p-t-16\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"article\"\n>\n  <div\n    class=\"chat-message text-break-word\"\n    [ngClass]=\"{\n      'user-message': message()?.role === 'user' || role() === 'user',\n      'agent-message': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <div\n      class=\"message-content\"\n      [attr.aria-label]=\"messageContentAriaLabel()\"\n      [innerHTML]=\"message()?.content | markdownToHtml | async\"\n    ></div>\n    <ng-content select=\":not(c8y-ai-chat-message-action)\"></ng-content>\n    @if (message()?.timestamp) {\n      <div class=\"message-timestamp\">\n        <span [tooltip]=\"message()?.timestamp | c8yDate\">\n          {{ message()?.timestamp | c8yDate: 'adaptiveDate' }}\n        </span>\n      </div>\n    }\n  </div>\n  <div\n    class=\"message-action\"\n    [attr.aria-label]=\"'Message actions' | translate\"\n    role=\"toolbar\"\n    [ngClass]=\"{\n      'user-action showOnHover': message()?.role === 'user' || role() === 'user',\n      'agent-action p-l-16': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <ng-content select=\"c8y-ai-chat-message-action\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: MarkdownToHtmlPipe, name: "markdownToHtml" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-ai-chat-message', standalone: true, imports: [MarkdownToHtmlPipe, AsyncPipe, NgClass, TooltipModule, C8yTranslatePipe, DatePipe], template: "<div\n  class=\"d-col p-t-16\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"article\"\n>\n  <div\n    class=\"chat-message text-break-word\"\n    [ngClass]=\"{\n      'user-message': message()?.role === 'user' || role() === 'user',\n      'agent-message': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <div\n      class=\"message-content\"\n      [attr.aria-label]=\"messageContentAriaLabel()\"\n      [innerHTML]=\"message()?.content | markdownToHtml | async\"\n    ></div>\n    <ng-content select=\":not(c8y-ai-chat-message-action)\"></ng-content>\n    @if (message()?.timestamp) {\n      <div class=\"message-timestamp\">\n        <span [tooltip]=\"message()?.timestamp | c8yDate\">\n          {{ message()?.timestamp | c8yDate: 'adaptiveDate' }}\n        </span>\n      </div>\n    }\n  </div>\n  <div\n    class=\"message-action\"\n    [attr.aria-label]=\"'Message actions' | translate\"\n    role=\"toolbar\"\n    [ngClass]=\"{\n      'user-action showOnHover': message()?.role === 'user' || role() === 'user',\n      'agent-action p-l-16': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <ng-content select=\"c8y-ai-chat-message-action\"></ng-content>\n  </div>\n</div>\n" }]
+        }] });
+
+/**
+ * A suggestion chip that can be displayed in the chat interface.
+ * When clicked, it automatically populates and sends a predefined prompt.
+ */
+class AiChatSuggestionComponent {
+    constructor() {
+        /**
+         * Icon to display alongside the suggestion label.
+         */
+        this.icon = 'c8y-bulb';
+        /**
+         * When true, uses AI-styled buttons instead of default styling.
+         */
+        this.useAiButtons = false;
+        /**
+         * Disables the suggestion chip when true.
+         */
+        this.disabled = false;
+        /**
+         * Emitted when the suggestion is clicked, providing the prompt as an AIMessage.
+         */
+        this.suggestionClicked = new EventEmitter();
+    }
+    /**
+     * Handles suggestion click and emits the prompt as a user message.
+     */
+    suggest() {
+        this.suggestionClicked.emit({
+            content: this.prompt,
+            role: 'user',
+            timestamp: new Date().toISOString()
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AiChatSuggestionComponent, isStandalone: true, selector: "c8y-ai-chat-suggestion", inputs: { label: "label", prompt: "prompt", icon: "icon", useAiButtons: "useAiButtons", disabled: "disabled" }, outputs: { suggestionClicked: "suggestionClicked" }, ngImport: i0, template: "@if (!useAiButtons) {\n  <button\n    class=\"btn btn-default btn-sm\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <i [c8yIcon]=\"icon\"></i>\n    {{ label | translate }}\n  </button>\n} @else {\n  <button\n    class=\"btn btn-sm btn-ai\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <span>{{ label | translate }}</span>\n  </button>\n}\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatSuggestionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-ai-chat-suggestion', standalone: true, imports: [IconDirective, C8yTranslatePipe], template: "@if (!useAiButtons) {\n  <button\n    class=\"btn btn-default btn-sm\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <i [c8yIcon]=\"icon\"></i>\n    {{ label | translate }}\n  </button>\n} @else {\n  <button\n    class=\"btn btn-sm btn-ai\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <span>{{ label | translate }}</span>\n  </button>\n}\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], prompt: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], useAiButtons: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], suggestionClicked: [{
+                type: Output
+            }] } });
+
+/**
+ * An interactive chat interface component for AI-powered conversations.
+ * Displays messages in a conversation format with support for loading states,
+ * custom configuration, and markdown formatting.
+ */
+class AiChatComponent {
+    constructor() {
+        /**
+         * Indicates whether the chat is currently processing a request.
+         * When true, displays a cancel button instead of send button and disables the input.
+         */
+        this.isLoading = false;
+        /**
+         * Disables the chat input and send button when true.
+         */
+        this.disabled = false;
+        /**
+         * The current text in the chat input field. Supports two-way binding.
+         */
+        this.prompt = '';
+        /**
+         * Emitted when the user sends a message.
+         * Provides an AIMessage object with role, content, and timestamp.
+         */
+        this.onMessage = new EventEmitter();
+        /**
+         * Emitted when the user cancels an ongoing operation during loading state.
+         */
+        this.onCancel = new EventEmitter();
+        this.componentId = `chat-${crypto.randomUUID()}`;
+        this._config = {
+            headline: gettext('Welcome!'),
+            welcomeText: '',
+            title: gettext('What can I help you with?'),
+            placeholder: gettext('Type your message here...'),
+            sendButtonText: gettext('Send'),
+            cancelButtonText: gettext('Cancel'),
+            disclaimerText: gettext('AI-generated responses can contain errors. Verify the details before use.'),
+            userInterfaceIcons: {
+                send: 'arrow-circle-up',
+                cancel: 'stop-circle'
+            }
+        };
+    }
+    /**
+     * Configuration object for customizing labels, placeholders, and icons.
+     * Accepts partial configuration to override defaults.
+     */
+    set config(value) {
+        this._config = { ...this._config, ...value };
+    }
+    get config() {
+        return this._config;
+    }
+    /**
+     * Handles message submission when the user sends a message.
+     * Emits the onMessage event and clears the input.
+     * @param $event - The event object from the form submission
+     */
+    sendMessage($event) {
+        $event.preventDefault();
+        if (!this.prompt)
+            return;
+        this.onMessage.emit({
+            role: 'user',
+            content: this.prompt,
+            timestamp: new Date().toISOString()
+        });
+        this.prompt = '';
+    }
+    /**
+     * Handles cancellation of ongoing operations during loading state.
+     * Emits the onCancel event.
+     */
+    cancel() {
+        this.onCancel.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AiChatComponent, isStandalone: true, selector: "c8y-ai-chat", inputs: { isLoading: "isLoading", disabled: "disabled", prompt: "prompt", config: "config" }, outputs: { onMessage: "onMessage", onCancel: "onCancel" }, host: { classAttribute: "d-contents" }, queries: [{ propertyName: "messages", predicate: AiChatMessageComponent }], ngImport: i0, template: "<div\n  class=\"d-col fit-h fit-w flex-grow\"\n  [attr.aria-label]=\"config.headline | translate\"\n  role=\"region\"\n>\n  @if (messages.length > 0) {\n    <div\n      class=\"inner-scroll flex-grow d-col-reverse min-height-0 bg-level-0\"\n      [attr.aria-label]=\"'Chat conversation' | translate\"\n      aria-live=\"polite\"\n      aria-atomic=\"false\"\n      role=\"log\"\n    >\n      <div class=\"d-col p-l-16 p-r-16\">\n        <ng-content select=\"c8y-ai-chat-message\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  }\n  <div [ngClass]=\"{ 'd-col fit-h': messages.length === 0 }\">\n    @if (messages.length === 0) {\n      <div\n        class=\"p-24\"\n        aria-live=\"polite\"\n        role=\"status\"\n      >\n        <h4 class=\"m-b-16 text-medium\">{{ config.headline | translate }}</h4>\n        <p class=\"p-b-8 text-balance\">{{ config.title | translate }}</p>\n        <p class=\"text-muted text-balance\">{{ config.welcomeText | translate }}</p>\n      </div>\n    }\n    <div class=\"chat-input bg-level-1\">\n      <div class=\"d-flex inner-scroll a-i-center gap-8 p-l-16 p-r-16 p-b-8\">\n        <ng-content select=\"c8y-ai-chat-suggestion\"></ng-content>\n      </div>\n      <div class=\"chat-input-group\">\n        <label\n          class=\"sr-only\"\n          for=\"chat-input-{{ componentId }}\"\n        >\n          {{ config.placeholder | translate }}\n        </label>\n        <textarea\n          class=\"form-control no-resize\"\n          style=\"max-height: 200px !important\"\n          [attr.aria-label]=\"config.placeholder | translate\"\n          id=\"chat-input-{{ componentId }}\"\n          placeholder=\"{{ config.placeholder | translate }}\"\n          [attr.aria-describedby]=\"config.disclaimerText ? 'chat-disclaimer-' + componentId : null\"\n          [attr.aria-busy]=\"isLoading\"\n          [(ngModel)]=\"prompt\"\n          (keydown.enter)=\"sendMessage($event)\"\n          [disabled]=\"isLoading || disabled\"\n          c8y-textarea-autoresize\n        ></textarea>\n        <div class=\"chat-input-group-btn\">\n          @if (!isLoading) {\n            <button\n              class=\"btn btn-dot\"\n              [attr.title]=\"config.sendButtonText | translate\"\n              [attr.aria-label]=\"config.sendButtonText | translate\"\n              type=\"button\"\n              (click)=\"sendMessage($event)\"\n              [disabled]=\"disabled || prompt.trim().length === 0\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.send || 'arrow-circle-right'\"></i>\n            </button>\n          } @else {\n            <button\n              class=\"btn btn-dot btn-dot--danger\"\n              [attr.title]=\"config.cancelButtonText | translate\"\n              [attr.aria-label]=\"config.cancelButtonText | translate\"\n              type=\"button\"\n              (click)=\"cancel()\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.cancel || 'stop'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      @if (config.disclaimerText) {\n        <div\n          class=\"text-muted m-b-8 text-10 p-l-16\"\n          id=\"chat-disclaimer-{{ componentId }}\"\n          role=\"note\"\n        >\n          {{ config.disclaimerText | translate }}\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TextareaAutoresizeDirective, selector: "[c8y-textarea-autoresize]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AiChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-ai-chat', imports: [C8yTranslatePipe, FormsModule, TextareaAutoresizeDirective, IconDirective, NgClass], standalone: true, host: { class: 'd-contents' }, template: "<div\n  class=\"d-col fit-h fit-w flex-grow\"\n  [attr.aria-label]=\"config.headline | translate\"\n  role=\"region\"\n>\n  @if (messages.length > 0) {\n    <div\n      class=\"inner-scroll flex-grow d-col-reverse min-height-0 bg-level-0\"\n      [attr.aria-label]=\"'Chat conversation' | translate\"\n      aria-live=\"polite\"\n      aria-atomic=\"false\"\n      role=\"log\"\n    >\n      <div class=\"d-col p-l-16 p-r-16\">\n        <ng-content select=\"c8y-ai-chat-message\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  }\n  <div [ngClass]=\"{ 'd-col fit-h': messages.length === 0 }\">\n    @if (messages.length === 0) {\n      <div\n        class=\"p-24\"\n        aria-live=\"polite\"\n        role=\"status\"\n      >\n        <h4 class=\"m-b-16 text-medium\">{{ config.headline | translate }}</h4>\n        <p class=\"p-b-8 text-balance\">{{ config.title | translate }}</p>\n        <p class=\"text-muted text-balance\">{{ config.welcomeText | translate }}</p>\n      </div>\n    }\n    <div class=\"chat-input bg-level-1\">\n      <div class=\"d-flex inner-scroll a-i-center gap-8 p-l-16 p-r-16 p-b-8\">\n        <ng-content select=\"c8y-ai-chat-suggestion\"></ng-content>\n      </div>\n      <div class=\"chat-input-group\">\n        <label\n          class=\"sr-only\"\n          for=\"chat-input-{{ componentId }}\"\n        >\n          {{ config.placeholder | translate }}\n        </label>\n        <textarea\n          class=\"form-control no-resize\"\n          style=\"max-height: 200px !important\"\n          [attr.aria-label]=\"config.placeholder | translate\"\n          id=\"chat-input-{{ componentId }}\"\n          placeholder=\"{{ config.placeholder | translate }}\"\n          [attr.aria-describedby]=\"config.disclaimerText ? 'chat-disclaimer-' + componentId : null\"\n          [attr.aria-busy]=\"isLoading\"\n          [(ngModel)]=\"prompt\"\n          (keydown.enter)=\"sendMessage($event)\"\n          [disabled]=\"isLoading || disabled\"\n          c8y-textarea-autoresize\n        ></textarea>\n        <div class=\"chat-input-group-btn\">\n          @if (!isLoading) {\n            <button\n              class=\"btn btn-dot\"\n              [attr.title]=\"config.sendButtonText | translate\"\n              [attr.aria-label]=\"config.sendButtonText | translate\"\n              type=\"button\"\n              (click)=\"sendMessage($event)\"\n              [disabled]=\"disabled || prompt.trim().length === 0\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.send || 'arrow-circle-right'\"></i>\n            </button>\n          } @else {\n            <button\n              class=\"btn btn-dot btn-dot--danger\"\n              [attr.title]=\"config.cancelButtonText | translate\"\n              [attr.aria-label]=\"config.cancelButtonText | translate\"\n              type=\"button\"\n              (click)=\"cancel()\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.cancel || 'stop'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      @if (config.disclaimerText) {\n        <div\n          class=\"text-muted m-b-8 text-10 p-l-16\"\n          id=\"chat-disclaimer-{{ componentId }}\"\n          role=\"note\"\n        >\n          {{ config.disclaimerText | translate }}\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { isLoading: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], prompt: [{
+                type: Input
+            }], onMessage: [{
+                type: Output
+            }], onCancel: [{
+                type: Output
+            }], messages: [{
+                type: ContentChildren,
+                args: [AiChatMessageComponent]
+            }], config: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AiChatComponent, AiChatMessageActionComponent, AiChatMessageComponent, AiChatSuggestionComponent };
+//# sourceMappingURL=c8y-ngx-components-ai-ai-chat.mjs.map

package/fesm2022/c8y-ngx-components-ai-ai-chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-ai-ai-chat.mjs","sources":["../../ai/ai-chat/ai-chat-message-action.component.ts","../../ai/ai-chat/ai-chat-message-action.component.html","../../ai/ai-chat/ai-chat-message.component.ts","../../ai/ai-chat/ai-chat-message.component.html","../../ai/ai-chat/ai-chat-suggestion.component.ts","../../ai/ai-chat/ai-chat-suggestion.component.html","../../ai/ai-chat/ai-chat.component.ts","../../ai/ai-chat/ai-chat.component.html","../../ai/ai-chat/c8y-ngx-components-ai-ai-chat.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { C8yTranslatePipe, IconDirective } from '@c8y/ngx-components';\nimport { SupportedIconsSuggestions } from '@c8y/ngx-components/icon-selector/icons';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\n\n/**\n * An action button that can be added to chat messages.\n * Typically used for actions like copying, regenerating, or providing feedback on messages.\n */\n@Component({\n  selector: 'c8y-ai-chat-message-action',\n  templateUrl: './ai-chat-message-action.component.html',\n  standalone: true,\n  imports: [TooltipModule, C8yTranslatePipe, IconDirective]\n})\nexport class AiChatMessageActionComponent {\n  /**\n   * Disables the action button when true.\n   */\n  @Input()\n  disabled = false;\n\n  /**\n   * Tooltip text displayed when hovering over the action button.\n   */\n  @Input()\n  tooltip = '';\n\n  /**\n   * Icon to display in the action button.\n   */\n  @Input()\n  icon: SupportedIconsSuggestions = 'cog';\n\n  /**\n   * Emitted when the action button is clicked.\n   */\n  @Output()\n  click = new EventEmitter<void>();\n}\n","<button\n  class=\"btn btn-dot text-muted\"\n  [attr.aria-label]=\"tooltip | translate\"\n  [tooltip]=\"tooltip | translate\"\n  [adaptivePosition]=\"true\"\n  [delay]=\"500\"\n  (click)=\"click.emit()\"\n  [disabled]=\"disabled\"\n>\n  <i\n    class=\"text-12\"\n    [c8yIcon]=\"icon\"\n  ></i>\n</button>\n","import { Component, computed, input, inject } from '@angular/core';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { AIMessage } from '@c8y/ngx-components/ai';\nimport { C8yTranslatePipe, DatePipe, MarkdownToHtmlPipe } from '@c8y/ngx-components';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n  selector: 'c8y-ai-chat-message',\n  templateUrl: './ai-chat-message.component.html',\n  standalone: true,\n  imports: [MarkdownToHtmlPipe, AsyncPipe, NgClass, TooltipModule, C8yTranslatePipe, DatePipe]\n})\nexport class AiChatMessageComponent {\n  readonly role = input<AIMessage['role']>();\n  readonly message = input<AIMessage>();\n  private readonly translateService = inject(TranslateService);\n\n  private readonly roleResolved = computed(() => {\n    return this.message()?.role || this.role();\n  });\n\n  /**\n   * Generates an accessible label for the message container.\n   * Includes the role (user or assistant) and timestamp if available.\n   * @returns The aria-label string for screen readers\n   */\n  readonly ariaLabel = computed(() => {\n    const tpl =\n      this.roleResolved() === 'user'\n        ? gettext('You said: \"{{ message }}\"')\n        : gettext('Assistant said: \"{{ message }}\"');\n    const msg = this.message();\n    return this.translateService.instant(tpl, { message: msg?.content || gettext('No response.') });\n  });\n\n  /**\n   * Generates an accessible label for the message content.\n   * Prefixes the content with contextual information about who sent it.\n   * @returns The aria-label string with prefixed role information\n   */\n  readonly messageContentAriaLabel = computed(() => {\n    const msg = this.message();\n    const time = msg?.timestamp ? new Date(msg.timestamp).toLocaleTimeString() : '';\n    let tpl: string;\n    if (time) {\n      tpl =\n        this.roleResolved() === 'user'\n          ? gettext('User message at {{ time }}')\n          : gettext('Assistant message at {{ time }}');\n    } else {\n      tpl = this.roleResolved() === 'user' ? gettext('User message') : gettext('Assistant message');\n    }\n    return this.translateService.instant(tpl, { time });\n  });\n}\n","<div\n  class=\"d-col p-t-16\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"article\"\n>\n  <div\n    class=\"chat-message text-break-word\"\n    [ngClass]=\"{\n      'user-message': message()?.role === 'user' || role() === 'user',\n      'agent-message': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <div\n      class=\"message-content\"\n      [attr.aria-label]=\"messageContentAriaLabel()\"\n      [innerHTML]=\"message()?.content | markdownToHtml | async\"\n    ></div>\n    <ng-content select=\":not(c8y-ai-chat-message-action)\"></ng-content>\n    @if (message()?.timestamp) {\n      <div class=\"message-timestamp\">\n        <span [tooltip]=\"message()?.timestamp | c8yDate\">\n          {{ message()?.timestamp | c8yDate: 'adaptiveDate' }}\n        </span>\n      </div>\n    }\n  </div>\n  <div\n    class=\"message-action\"\n    [attr.aria-label]=\"'Message actions' | translate\"\n    role=\"toolbar\"\n    [ngClass]=\"{\n      'user-action showOnHover': message()?.role === 'user' || role() === 'user',\n      'agent-action p-l-16': message()?.role === 'assistant' || role() === 'assistant'\n    }\"\n  >\n    <ng-content select=\"c8y-ai-chat-message-action\"></ng-content>\n  </div>\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { C8yTranslatePipe, IconDirective } from '@c8y/ngx-components';\nimport { AIMessage } from '@c8y/ngx-components/ai';\nimport { SupportedIconsSuggestions } from '@c8y/ngx-components/icon-selector/icons';\n\n/**\n * A suggestion chip that can be displayed in the chat interface.\n * When clicked, it automatically populates and sends a predefined prompt.\n */\n@Component({\n  selector: 'c8y-ai-chat-suggestion',\n  templateUrl: './ai-chat-suggestion.component.html',\n  standalone: true,\n  imports: [IconDirective, C8yTranslatePipe]\n})\nexport class AiChatSuggestionComponent {\n  /**\n   * The visible label text displayed on the suggestion chip.\n   */\n  @Input()\n  label: string;\n\n  /**\n   * The prompt text that will be sent when the suggestion is clicked.\n   */\n  @Input()\n  prompt: string;\n\n  /**\n   * Icon to display alongside the suggestion label.\n   */\n  @Input()\n  icon: SupportedIconsSuggestions = 'c8y-bulb';\n\n  /**\n   * When true, uses AI-styled buttons instead of default styling.\n   */\n  @Input()\n  useAiButtons = false;\n\n  /**\n   * Disables the suggestion chip when true.\n   */\n  @Input()\n  disabled = false;\n\n  /**\n   * Emitted when the suggestion is clicked, providing the prompt as an AIMessage.\n   */\n  @Output()\n  suggestionClicked = new EventEmitter<AIMessage>();\n\n  /**\n   * Handles suggestion click and emits the prompt as a user message.\n   */\n  suggest() {\n    this.suggestionClicked.emit({\n      content: this.prompt,\n      role: 'user',\n      timestamp: new Date().toISOString()\n    });\n  }\n}\n","@if (!useAiButtons) {\n  <button\n    class=\"btn btn-default btn-sm\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <i [c8yIcon]=\"icon\"></i>\n    {{ label | translate }}\n  </button>\n} @else {\n  <button\n    class=\"btn btn-sm btn-ai\"\n    [title]=\"prompt | translate\"\n    (click)=\"suggest()\"\n    [disabled]=\"disabled\"\n  >\n    <span>{{ label | translate }}</span>\n  </button>\n}\n","import { NgClass } from '@angular/common';\nimport { Component, ContentChildren, EventEmitter, Input, Output, QueryList } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { C8yTranslatePipe, IconDirective, TextareaAutoresizeDirective } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { AIMessage, ChatConfig } from '@c8y/ngx-components/ai';\nimport { AiChatMessageComponent } from './ai-chat-message.component';\n\n/**\n * An interactive chat interface component for AI-powered conversations.\n * Displays messages in a conversation format with support for loading states,\n * custom configuration, and markdown formatting.\n */\n@Component({\n  selector: 'c8y-ai-chat',\n  templateUrl: './ai-chat.component.html',\n  imports: [C8yTranslatePipe, FormsModule, TextareaAutoresizeDirective, IconDirective, NgClass],\n  standalone: true,\n  host: { class: 'd-contents' }\n})\nexport class AiChatComponent {\n  /**\n   * Indicates whether the chat is currently processing a request.\n   * When true, displays a cancel button instead of send button and disables the input.\n   */\n  @Input()\n  isLoading = false;\n\n  /**\n   * Disables the chat input and send button when true.\n   */\n  @Input()\n  disabled = false;\n\n  /**\n   * The current text in the chat input field. Supports two-way binding.\n   */\n  @Input()\n  prompt = '';\n\n  /**\n   * Emitted when the user sends a message.\n   * Provides an AIMessage object with role, content, and timestamp.\n   */\n  @Output()\n  onMessage = new EventEmitter<AIMessage>();\n\n  /**\n   * Emitted when the user cancels an ongoing operation during loading state.\n   */\n  @Output()\n  onCancel = new EventEmitter<void>();\n\n  /**\n   * Child message components displayed in the chat.\n   */\n  @ContentChildren(AiChatMessageComponent) messages: QueryList<AiChatMessageComponent>;\n\n  readonly componentId = `chat-${crypto.randomUUID()}`;\n\n  private _config: ChatConfig = {\n    headline: gettext('Welcome!'),\n    welcomeText: '',\n    title: gettext('What can I help you with?'),\n    placeholder: gettext('Type your message here...'),\n    sendButtonText: gettext('Send'),\n    cancelButtonText: gettext('Cancel'),\n    disclaimerText: gettext(\n      'AI-generated responses can contain errors. Verify the details before use.'\n    ),\n    userInterfaceIcons: {\n      send: 'arrow-circle-up',\n      cancel: 'stop-circle'\n    }\n  };\n\n  /**\n   * Configuration object for customizing labels, placeholders, and icons.\n   * Accepts partial configuration to override defaults.\n   */\n  @Input()\n  set config(value: Partial<ChatConfig>) {\n    this._config = { ...this._config, ...value };\n  }\n  get config() {\n    return this._config;\n  }\n\n  /**\n   * Handles message submission when the user sends a message.\n   * Emits the onMessage event and clears the input.\n   * @param $event - The event object from the form submission\n   */\n  sendMessage($event: Event): void {\n    $event.preventDefault();\n    if (!this.prompt) return;\n    this.onMessage.emit({\n      role: 'user',\n      content: this.prompt,\n      timestamp: new Date().toISOString()\n    });\n    this.prompt = '';\n  }\n\n  /**\n   * Handles cancellation of ongoing operations during loading state.\n   * Emits the onCancel event.\n   */\n  cancel(): void {\n    this.onCancel.emit();\n  }\n}\n","<div\n  class=\"d-col fit-h fit-w flex-grow\"\n  [attr.aria-label]=\"config.headline | translate\"\n  role=\"region\"\n>\n  @if (messages.length > 0) {\n    <div\n      class=\"inner-scroll flex-grow d-col-reverse min-height-0 bg-level-0\"\n      [attr.aria-label]=\"'Chat conversation' | translate\"\n      aria-live=\"polite\"\n      aria-atomic=\"false\"\n      role=\"log\"\n    >\n      <div class=\"d-col p-l-16 p-r-16\">\n        <ng-content select=\"c8y-ai-chat-message\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  }\n  <div [ngClass]=\"{ 'd-col fit-h': messages.length === 0 }\">\n    @if (messages.length === 0) {\n      <div\n        class=\"p-24\"\n        aria-live=\"polite\"\n        role=\"status\"\n      >\n        <h4 class=\"m-b-16 text-medium\">{{ config.headline | translate }}</h4>\n        <p class=\"p-b-8 text-balance\">{{ config.title | translate }}</p>\n        <p class=\"text-muted text-balance\">{{ config.welcomeText | translate }}</p>\n      </div>\n    }\n    <div class=\"chat-input bg-level-1\">\n      <div class=\"d-flex inner-scroll a-i-center gap-8 p-l-16 p-r-16 p-b-8\">\n        <ng-content select=\"c8y-ai-chat-suggestion\"></ng-content>\n      </div>\n      <div class=\"chat-input-group\">\n        <label\n          class=\"sr-only\"\n          for=\"chat-input-{{ componentId }}\"\n        >\n          {{ config.placeholder | translate }}\n        </label>\n        <textarea\n          class=\"form-control no-resize\"\n          style=\"max-height: 200px !important\"\n          [attr.aria-label]=\"config.placeholder | translate\"\n          id=\"chat-input-{{ componentId }}\"\n          placeholder=\"{{ config.placeholder | translate }}\"\n          [attr.aria-describedby]=\"config.disclaimerText ? 'chat-disclaimer-' + componentId : null\"\n          [attr.aria-busy]=\"isLoading\"\n          [(ngModel)]=\"prompt\"\n          (keydown.enter)=\"sendMessage($event)\"\n          [disabled]=\"isLoading || disabled\"\n          c8y-textarea-autoresize\n        ></textarea>\n        <div class=\"chat-input-group-btn\">\n          @if (!isLoading) {\n            <button\n              class=\"btn btn-dot\"\n              [attr.title]=\"config.sendButtonText | translate\"\n              [attr.aria-label]=\"config.sendButtonText | translate\"\n              type=\"button\"\n              (click)=\"sendMessage($event)\"\n              [disabled]=\"disabled || prompt.trim().length === 0\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.send || 'arrow-circle-right'\"></i>\n            </button>\n          } @else {\n            <button\n              class=\"btn btn-dot btn-dot--danger\"\n              [attr.title]=\"config.cancelButtonText | translate\"\n              [attr.aria-label]=\"config.cancelButtonText | translate\"\n              type=\"button\"\n              (click)=\"cancel()\"\n            >\n              <i [c8yIcon]=\"config.userInterfaceIcons?.cancel || 'stop'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      @if (config.disclaimerText) {\n        <div\n          class=\"text-muted m-b-8 text-10 p-l-16\"\n          id=\"chat-disclaimer-{{ componentId }}\"\n          role=\"note\"\n        >\n          {{ config.disclaimerText | translate }}\n        </div>\n      }\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-ai.mjs

@@ -0,0 +1,291 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import * as i1 from '@c8y/client';
+import { Observable } from 'rxjs';
+
+var DataStreamType;
+(function (DataStreamType) {
+    DataStreamType["TEXT_DELTA"] = "text-delta";
+    DataStreamType["TOOL_CALL"] = "tool-call";
+    DataStreamType["TOOL_CALL_STREAMING"] = "tool-call-streaming";
+    DataStreamType["TOOL_CALL_DELTA"] = "tool-call-delta";
+    DataStreamType["TOOL_RESULT"] = "tool-result";
+    DataStreamType["REASONING"] = "reasoning";
+    DataStreamType["REASONING_DELTA"] = "reasoning-delta";
+    DataStreamType["REDACTED_REASONING"] = "redacted-reasoning";
+    DataStreamType["REASONING_SIGNATURE"] = "reasoning-signature";
+    DataStreamType["FINISH_REASONING"] = "finish-reasoning";
+    DataStreamType["FINISH"] = "finish";
+    DataStreamType["FINISH_STEP"] = "finish-step";
+    DataStreamType["ERROR"] = "error";
+    DataStreamType["DATA"] = "data";
+    DataStreamType["MESSAGE_ANNOTATIONS"] = "message-annotations";
+    DataStreamType["SOURCE"] = "source";
+    DataStreamType["FILE"] = "file";
+    DataStreamType["STEP_START"] = "step-start";
+    DataStreamType["STEP_FINISH"] = "step-finish";
+})(DataStreamType || (DataStreamType = {}));
+
+class AIService {
+    constructor(client) {
+        this.client = client;
+        this.baseUrl = '/service/ai';
+    }
+    async createOrUpdateAgent(agentsDef) {
+        for (const def of agentsDef.definitions) {
+            const health = await this.getAgentHealth(def.name);
+            let resource = `${this.baseUrl}/agent/${def.type}`;
+            let method = 'POST';
+            if (health.exists) {
+                resource = `${this.baseUrl}/agent/${def.type}/${def.name}`;
+                method = 'PUT';
+            }
+            const response = await this.client.fetch(resource, {
+                body: JSON.stringify(def),
+                method,
+                headers: { 'Content-Type': 'application/json' }
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to create agent: ${response.statusText}`);
+            }
+        }
+    }
+    /**
+     * Check if an agent exists.
+     * @param name Agent name
+     * @returns Agent health check response.
+     */
+    async getAgentHealth(name) {
+        const response = await this.client.fetch(`${this.baseUrl}/agent/test/${name}`, {
+            method: 'GET',
+            headers: { 'Content-Type': 'application/json' }
+        });
+        if (!response.ok) {
+            return {
+                exists: false,
+                canCreate: false,
+                isProviderConfigured: false
+            };
+        }
+        const json = await response.json();
+        return json;
+    }
+    /**
+     * Send a text message to the agent.
+     * @param name Agent name
+     * @param messages Messages to send
+     * @param variables Variables to include
+     * @returns Text response from the agent.
+     */
+    async text(name, messages, variables) {
+        const parsedMessages = this.parseMessages(messages);
+        const data = this.client.fetch(`${this.baseUrl}/agent/text/${name}`, {
+            body: JSON.stringify({ messages: parsedMessages, variables }),
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' }
+        });
+        const response = await data;
+        if (!response.ok) {
+            throw new Error(`Failed to talk with agent: ${response.statusText}`);
+        }
+        const text = await response.text();
+        return text;
+    }
+    /**
+     * Stream a text message to the agent.
+     * @param agentName Agent name
+     * @param messages Messages to send
+     * @param variables Variables to include
+     * @param abortController An AbortController to cancel the request.
+     * @returns An observable that emits partial AIMessage objects as they are received. The observable can be cancelled using the provided AbortController.
+     * The observable will emit an error if the request fails or is aborted.
+     * The observable will complete when the stream is finished.
+     *
+     * The messages sent to the agent can include special options:
+     * - `hiddenContent`: If set, this content will be sent to the agent instead of the `content` field.
+     * - `skipToLLM`: If set to true, this message will be skipped when sending to the agent.
+     *
+     * Example usage:
+     * ```typescript
+     * const abortController = new AbortController();
+     * const messages: AIMessage[] = [
+     *   { role: 'user', content: 'Hello' },
+     *   { role: 'assistant', content: 'Hi there!' },
+     *   { role: 'user', content: 'Tell me a joke.', options: { hiddenContent: 'Tell me a joke about cats.' } }
+     * ];
+     * const observable = aiService.stream$('my-agent', messages, {}, abortController);
+     * const subscription = observable.subscribe({
+     *   next: (message) => console.log('Received message part:', message),
+     *   error: (err) => console.error('Error:', err),
+     *   complete: () => console.log('Stream complete')
+     * });
+     *
+     * // To cancel the request:
+     * abortController.abort();
+     * subscription.unsubscribe();
+     * ```
+     */
+    async stream$(agentName, messages, variables, abortController) {
+        const parsedMessages = this.parseMessages(messages);
+        const response = await this.client.fetch(`${this.baseUrl}/agent/text/${agentName}?fullResponse=true`, {
+            method: 'POST',
+            body: JSON.stringify({ messages: parsedMessages, variables }),
+            headers: {
+                ...this.client.defaultHeaders,
+                'content-type': 'application/json',
+                accept: 'text/event-stream'
+            },
+            signal: abortController.signal
+        });
+        if (response.status > 300) {
+            const data = await response.json();
+            throw new Error(JSON.stringify(data, null, 2));
+        }
+        const stream = response.body;
+        const decoder = new TextDecoder();
+        return new Observable(observer => {
+            if (!stream) {
+                observer.error('No response body');
+                throw 'No response body';
+            }
+            const reader = stream.getReader();
+            const message = {
+                role: 'assistant',
+                content: '',
+                steps: []
+            };
+            const abortHandler = () => {
+                reader.cancel();
+                observer.error(new DOMException('Aborted', 'AbortError'));
+            };
+            abortController.signal.addEventListener('abort', abortHandler);
+            let buffer = '';
+            const read = () => {
+                reader.read().then(({ done, value }) => {
+                    if (done) {
+                        if (buffer.trim())
+                            this.processLine(buffer, observer, message); // process any remaining data
+                        observer.complete();
+                        return;
+                    }
+                    buffer += decoder.decode(value, { stream: true });
+                    const lines = buffer.split('\n\n');
+                    buffer = lines.pop() || '';
+                    for (const line of lines) {
+                        if (line.trim())
+                            this.processLine(line, observer, message);
+                    }
+                    read();
+                });
+            };
+            read();
+            return () => {
+                abortController.signal.removeEventListener('abort', abortHandler);
+                reader.cancel();
+            };
+        });
+    }
+    parseMessages(messages) {
+        return messages
+            .filter(message => !message.options?.skipToLLM)
+            .map(message => {
+            if (message.options?.hiddenContent) {
+                return {
+                    role: message.role,
+                    content: message.options.hiddenContent
+                };
+            }
+            return {
+                role: message.role,
+                content: message.content
+            };
+        });
+    }
+    processLine(line, observer, message) {
+        if (!line.trim()) {
+            return;
+        }
+        const lastStep = message.steps?.[message.steps.length - 1];
+        try {
+            let data = {};
+            let type = '';
+            try {
+                data = JSON.parse(line.replace('data: ', ''));
+                type = data.type;
+            }
+            catch (e) {
+                console.error('Error parsing line', line, e);
+                return;
+            }
+            switch (type) {
+                case DataStreamType.STEP_START:
+                    message.steps = message.steps || [];
+                    message.steps.push({
+                        type: 'text',
+                        toolCalls: [],
+                        toolResults: [],
+                        text: ''
+                    });
+                    return;
+                case DataStreamType.REASONING:
+                    if (lastStep.reasoning === undefined) {
+                        lastStep.reasoning = '';
+                    }
+                    lastStep.reasoning += data.textDelta;
+                    observer.next(message);
+                    return;
+                case DataStreamType.TEXT_DELTA:
+                    lastStep.text += data.textDelta;
+                    message.content += data.textDelta;
+                    observer.next(message);
+                    return;
+                case DataStreamType.TOOL_CALL:
+                    lastStep.toolCalls = [data];
+                    observer.next(message);
+                    return;
+                case DataStreamType.TOOL_RESULT:
+                    lastStep.toolResults = [data];
+                    observer.next(message);
+                    return;
+                case DataStreamType.FINISH:
+                    message.finishReason = data.finishReason;
+                    observer.next(message);
+                    observer.complete();
+                    return;
+                case DataStreamType.ERROR:
+                    message.finishReason = 'error';
+                    const errorMessage = `<div
+              class="alert alert-danger"
+              role="alert"
+            >
+              <strong>Error</strong>
+              ${data.message || 'An unknown error occurred'}
+            </div>`;
+                    message.content += errorMessage;
+                    lastStep.text += errorMessage;
+                    observer.next(message);
+                    observer.error(data);
+                    observer.complete();
+                    return;
+            }
+        }
+        catch (e) {
+            observer.error(e);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AIService, deps: [{ token: i1.FetchClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AIService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AIService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.FetchClient }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AIService, DataStreamType };
+//# sourceMappingURL=c8y-ngx-components-ai.mjs.map