@progress/kendo-angular-grid 19.3.0-develop.8 → 19.3.0

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-assistant.component.mjs

@@ -0,0 +1,305 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChild } from '@angular/core';
+import { AIPromptComponent, OutputViewComponent, PromptViewComponent, AIPromptCustomMessagesComponent, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective } from '@progress/kendo-angular-conversational-ui';
+import { HttpClient, HttpRequest } from '@angular/common/http';
+import { ContextService } from './../../../../common/provider.service';
+import { ColumnInfoService } from './../../../../common/column-info.service';
+import { convertDateStringsInFilter, GridToolbarAIResponseSuccessEvent, GridToolbarAIResponseErrorEvent } from './utils';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+import * as i2 from "./../../../../common/provider.service";
+import * as i3 from "./../../../../common/column-info.service";
+/**
+ * @hidden
+ */
+export class AiAssistantComponent {
+    http;
+    ctx;
+    columnInfoService;
+    aiPrompt;
+    activeView = 0;
+    requestUrl;
+    requestOptions;
+    aiPromptSettings;
+    aiToolDirective;
+    streaming = false;
+    disabledGenerateButton = false;
+    lastMessage;
+    requestData;
+    currentRequestSubscription = null;
+    //Remove this when the AI Assistant has a built-in loading indicator
+    loadingOutput = { id: 'k-loading-item', output: '', prompt: '' };
+    columns = [];
+    idCounter = 0;
+    constructor(http, ctx, columnInfoService) {
+        this.http = http;
+        this.ctx = ctx;
+        this.columnInfoService = columnInfoService;
+    }
+    ngAfterViewInit() {
+        this.columns = this.columnInfoService.leafNamedColumns.map((col) => ({
+            field: col.field,
+            title: col.title || col.field
+        }));
+    }
+    ngOnDestroy() {
+        this.unsubscribeCurrentRequest();
+    }
+    message(message) {
+        return this.ctx.localization.get(message);
+    }
+    cancelRequest() {
+        this.aiToolDirective.cancelRequest.emit();
+        this.unsubscribeCurrentRequest();
+        this.streaming = false;
+    }
+    onPromptRequest(ev) {
+        if (this.aiToolDirective.promptOutputs.length === 0) {
+            this.aiToolDirective.promptOutputs.push(this.loadingOutput);
+        }
+        this.unsubscribeCurrentRequest();
+        this.streaming = true;
+        this.activeView = 1;
+        if (ev.prompt) {
+            this.lastMessage = ev.prompt;
+        }
+        this.requestData = {
+            columns: this.columns,
+            promptMessage: ev.prompt,
+            url: this.requestUrl,
+            requestOptions: {
+                ...this.requestOptions
+            }
+        };
+        if (!this.requestOptions.body) {
+            const requestBody = {
+                role: this.requestData.requestOptions.role,
+                contents: [
+                    {
+                        text: this.requestData.promptMessage
+                    }
+                ],
+                columns: this.requestData.columns
+            };
+            this.requestData.requestOptions.body = requestBody;
+        }
+        this.aiToolDirective.promptRequest.emit({ requestData: this.requestData, isRetry: ev.isRetry });
+        if (!this.requestUrl) {
+            return;
+        }
+        this.currentRequestSubscription = this.sendPromptRequest().subscribe((res) => {
+            if (res.body) {
+                this.processResponse(res);
+                this.streaming = false;
+            }
+            this.currentRequestSubscription = null;
+        }, (error) => {
+            this.handleError(error);
+            this.streaming = false;
+            this.currentRequestSubscription = null;
+        });
+    }
+    sendPromptRequest() {
+        const request = new HttpRequest(this.requestData.requestOptions.method, this.requestData.url, this.requestData.requestOptions.body, this.requestData.requestOptions);
+        return this.http.request(request);
+    }
+    processResponse(response) {
+        if (this.aiToolDirective.autoClose) {
+            this.aiToolDirective.emitOpenClose = true;
+            this.aiToolDirective.toggleWindow();
+        }
+        const responseBody = response.body;
+        const responseSuccessEvent = new GridToolbarAIResponseSuccessEvent(response);
+        this.aiToolDirective.responseSuccess.emit(responseSuccessEvent);
+        if (responseSuccessEvent.isDefaultPrevented()) {
+            this.deleteLoadingOutput();
+            return;
+        }
+        const isFilterable = Boolean(this.ctx.grid.filterable);
+        const isSortable = Boolean(this.ctx.grid.sortable);
+        const isGroupable = Boolean(this.ctx.grid.groupable);
+        if (isFilterable && responseBody.filter) {
+            this.processFilterResponse(responseBody.filter);
+        }
+        if (isSortable && responseBody.sort) {
+            this.processArrayResponse(responseBody.sort, this.ctx.grid.currentState.sort || [], (item) => item.field, (mergedArray) => this.ctx.grid.sortChange.next(mergedArray));
+        }
+        if (isGroupable && responseBody.group) {
+            this.processArrayResponse(responseBody.group, this.ctx.grid.currentState.group || [], (item) => item.field, (mergedArray) => this.ctx.grid.groupChange.next(mergedArray));
+        }
+        const responseContentStart = [`${this.ctx.localization.get('aiAssistantOutputCardBodyContent')} \n`];
+        const responseContentBody = responseBody.messages
+            .map((output, idx) => `${idx + 1} ${output}`)
+            .join('\n');
+        const output = {
+            id: this.idCounter++,
+            title: this.ctx.localization.get('aiAssistantOutputCardTitle'),
+            prompt: this.lastMessage,
+            output: responseContentStart.concat(responseContentBody).join(''),
+        };
+        this.deleteLoadingOutput();
+        this.aiToolDirective.promptOutputs.unshift(output);
+    }
+    handleError(error) {
+        const responseErrorEvent = new GridToolbarAIResponseErrorEvent(error);
+        this.aiToolDirective.responseError.emit(responseErrorEvent);
+        if (responseErrorEvent.isDefaultPrevented()) {
+            this.deleteLoadingOutput();
+            return;
+        }
+        const output = {
+            id: this.idCounter++,
+            prompt: this.lastMessage,
+            output: error.message
+        };
+        this.deleteLoadingOutput();
+        this.aiToolDirective.promptOutputs.unshift(output);
+    }
+    deleteLoadingOutput() {
+        if (this.aiToolDirective.promptOutputs[0]?.id === this.loadingOutput.id) {
+            this.aiToolDirective.promptOutputs.splice(0, 1);
+        }
+    }
+    unsubscribeCurrentRequest() {
+        if (this.currentRequestSubscription) {
+            this.currentRequestSubscription.unsubscribe();
+            this.currentRequestSubscription = null;
+        }
+    }
+    processArrayResponse(newItems, currentItems, getField, updateGrid) {
+        if (newItems?.length === 0) {
+            updateGrid([]);
+        }
+        else if (newItems?.length) {
+            let mergedArray = [...newItems];
+            const newFields = newItems.map(getField);
+            const existingItemsToKeep = currentItems.filter(item => !newFields.includes(getField(item)));
+            mergedArray = [...mergedArray, ...existingItemsToKeep];
+            updateGrid(mergedArray);
+        }
+    }
+    processFilterResponse(filter) {
+        const processedFilter = convertDateStringsInFilter(filter, this.columnInfoService.leafNamedColumns);
+        const clearFilter = Object.keys(processedFilter).length === 0;
+        if (clearFilter) {
+            this.ctx.grid.filterChange.next(undefined);
+        }
+        else if (processedFilter?.filters.length) {
+            const currentFilter = this.ctx.grid.currentState.filter;
+            let mergedFilter = processedFilter;
+            if (currentFilter && currentFilter.filters?.length > 0) {
+                mergedFilter = {
+                    logic: 'and',
+                    filters: [
+                        currentFilter,
+                        processedFilter
+                    ]
+                };
+            }
+            this.ctx.grid.filterChange.next(mergedFilter);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1.HttpClient }, { token: i2.ContextService }, { token: i3.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AiAssistantComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aiPrompt", first: true, predicate: AIPromptComponent, descendants: true }], ngImport: i0, template: `
+        <kendo-aiprompt
+            #aiPrompt
+            [promptSuggestions]="aiPromptSettings?.promptSuggestions"
+            [showOutputRating]="aiPromptSettings?.showOutputRating"
+            [streaming]="streaming"
+            [speechToTextButton]="aiPromptSettings?.speechToTextButton"
+            [(activeView)]="activeView"
+            [generateButtonSVGIcon]="aiPromptSettings?.generateButtonSVGIcon"
+            [generateButtonIcon]="aiPromptSettings?.generateButtonIcon"
+            [disabledGenerateButton]="disabledGenerateButton || promptView.textAreaValue?.length === 0"
+            [promptOutputs]="aiPromptSettings?.promptOutputs"
+            [textAreaSettings]="aiPromptSettings?.textAreaSettings"
+            (promptRequest)="onPromptRequest($event)"
+            (promptRequestCancel)="cancelRequest()"
+            >
+            <kendo-aiprompt-prompt-view #promptView></kendo-aiprompt-prompt-view>
+            <kendo-aiprompt-output-view></kendo-aiprompt-output-view>
+            <ng-template *ngIf="streaming && aiPrompt.streaming" kendoAIPromptOutputTemplate let-output>
+                <div class="k-card">
+                    <div class="k-card-header">
+                        <div class="k-card-title">
+                            <span class="k-skeleton k-skeleton-text k-skeleton-pulse" [style.width.px]="200"></span>
+                        </div>
+                        <div class="k-card-subtitle">
+                            <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
+                        </div>
+                    </div>
+                    <div class="k-card-body">
+                        <span class="k-skeleton k-skeleton-rect k-skeleton-pulse" style="height: 80px;"></span>
+                    </div>
+                    <div class="k-card-actions">
+                        <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
+                    </div>
+                </div>
+            </ng-template>
+            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
+                <p>{{output.output}}</p>
+            </ng-template>
+            <kendo-aiprompt-messages
+                [generateOutput]="message('aiAssistantApplyButtonText')"
+            ></kendo-aiprompt-messages>
+        </kendo-aiprompt>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AIPromptComponent, selector: "kendo-aiprompt", inputs: ["activeView", "promptCommands", "promptSuggestions", "promptOutputs", "showOutputRating", "streaming", "speechToTextButton", "textAreaSettings", "generateButtonSVGIcon", "generateButtonIcon", "disabledGenerateButton"], outputs: ["activeViewChange", "promptRequest", "commandExecute", "outputCopy", "outputRatingChange", "promptRequestCancel"], exportAs: ["kendoAIPrompt"] }, { kind: "component", type: AIPromptCustomMessagesComponent, selector: "kendo-aiprompt-messages" }, { kind: "component", type: PromptViewComponent, selector: "kendo-aiprompt-prompt-view" }, { kind: "component", type: OutputViewComponent, selector: "kendo-aiprompt-output-view" }, { kind: "directive", type: AIPromptOutputTemplateDirective, selector: "[kendoAIPromptOutputTemplate]" }, { kind: "directive", type: AIPromptOutputBodyTemplateDirective, selector: "[kendoAIPromptOutputBodyTemplate]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AiAssistantComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgIf, AIPromptComponent, AIPromptCustomMessagesComponent, PromptViewComponent, OutputViewComponent, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective],
+                    template: `
+        <kendo-aiprompt
+            #aiPrompt
+            [promptSuggestions]="aiPromptSettings?.promptSuggestions"
+            [showOutputRating]="aiPromptSettings?.showOutputRating"
+            [streaming]="streaming"
+            [speechToTextButton]="aiPromptSettings?.speechToTextButton"
+            [(activeView)]="activeView"
+            [generateButtonSVGIcon]="aiPromptSettings?.generateButtonSVGIcon"
+            [generateButtonIcon]="aiPromptSettings?.generateButtonIcon"
+            [disabledGenerateButton]="disabledGenerateButton || promptView.textAreaValue?.length === 0"
+            [promptOutputs]="aiPromptSettings?.promptOutputs"
+            [textAreaSettings]="aiPromptSettings?.textAreaSettings"
+            (promptRequest)="onPromptRequest($event)"
+            (promptRequestCancel)="cancelRequest()"
+            >
+            <kendo-aiprompt-prompt-view #promptView></kendo-aiprompt-prompt-view>
+            <kendo-aiprompt-output-view></kendo-aiprompt-output-view>
+            <ng-template *ngIf="streaming && aiPrompt.streaming" kendoAIPromptOutputTemplate let-output>
+                <div class="k-card">
+                    <div class="k-card-header">
+                        <div class="k-card-title">
+                            <span class="k-skeleton k-skeleton-text k-skeleton-pulse" [style.width.px]="200"></span>
+                        </div>
+                        <div class="k-card-subtitle">
+                            <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
+                        </div>
+                    </div>
+                    <div class="k-card-body">
+                        <span class="k-skeleton k-skeleton-rect k-skeleton-pulse" style="height: 80px;"></span>
+                    </div>
+                    <div class="k-card-actions">
+                        <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
+                    </div>
+                </div>
+            </ng-template>
+            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
+                <p>{{output.output}}</p>
+            </ng-template>
+            <kendo-aiprompt-messages
+                [generateOutput]="message('aiAssistantApplyButtonText')"
+            ></kendo-aiprompt-messages>
+        </kendo-aiprompt>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ContextService }, { type: i3.ColumnInfoService }]; }, propDecorators: { aiPrompt: [{
+                type: ViewChild,
+                args: [AIPromptComponent]
+            }] } });

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-tool.directive.mjs

@@ -0,0 +1,273 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, NgZone, ChangeDetectorRef, Input, Output, EventEmitter } from '@angular/core';
+import { RefreshService, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { isPresent } from '@progress/kendo-angular-common';
+import { Subscription } from 'rxjs';
+import { sparklesIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
+import { ContextService } from '../../../../common/provider.service';
+import { filter, take } from 'rxjs/operators';
+import { ToolbarToolBase } from '../../../../common/toolbar-tool-base.directive';
+import { ToolbarToolName } from '../../../../navigation/toolbar-tool-name';
+import { WindowService } from '@progress/kendo-angular-dialog';
+import { AiAssistantComponent } from './ai-assistant.component';
+import { DEFAULT_AI_REQUEST_OPTIONS } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "@progress/kendo-angular-toolbar";
+import * as i3 from "../../../../common/provider.service";
+/**
+ * Represents an AI Assistant tool of the Grid.
+ * Use this directive on any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button kendoGridAIAssistantTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+export class AIAssistantToolbarDirective extends ToolbarToolBase {
+    windowService;
+    host;
+    ctx;
+    zone;
+    refresh;
+    /**
+     * The URL to which the AI Assistant tool sends the AI request.
+     * - When you set this property, the AI Assistant tool sends and handles an HTTP request to the provided `requestUrl`. You can handle the `promptRequest` event to modify the request options before the tool sends it.
+     * - When you do not set this property, the AI Assistant tool does not send an HTTP request. You should handle the `promptRequest` event to send and handle a custom HTTP request.
+     */
+    requestUrl;
+    /**
+     * Configures the request options that the AI Assistant tool sends with the AI request.
+     *
+     * @default { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), role: 'user', method: 'POST', responseType: 'json', withCredentials: false }
+     */
+    requestOptions;
+    /**
+     * Configures the initial settings for the AI Assistant Window when opened.
+     */
+    aiWindowSettings;
+    /**
+     * Configures the initial settings for the AI Prompt component that the AI Assistant Window component uses when opened.
+     */
+    aiPromptSettings;
+    /**
+     * Determines whether to close the AI Assistant Window automatically after a successful request.
+     * @default true
+     */
+    autoClose = true;
+    /**
+     * Determines whether to keep the AI Prompt's outputs after closing the AI Assistant Window.
+     * @default false
+     */
+    keepOutputHistory = false;
+    /**
+     * Emits an event before the AI Assistant tool sends the AI request.
+     *  - When you provide a `requestUrl`, you can handle the event to modify the request options.
+     *  - When you do not provide a `requestUrl`, you can handle the event to perform an entirely custom request.
+     */
+    promptRequest = new EventEmitter();
+    /**
+     * Emits an event when the user clicks the cancel button.
+     */
+    cancelRequest = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool completes the AI request successfully.
+     * The event contains the response from the AI service and is preventable to allow stopping the default response handling.
+     */
+    responseSuccess = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool completes the AI request with an error.
+     * The event contains the error response from the AI service and is preventable to allow stopping the default error handling.
+     */
+    responseError = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool closes.
+     */
+    close = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool opens.
+     */
+    open = new EventEmitter();
+    tableWizardIcon = tableWizardIcon;
+    emitOpenClose = false;
+    promptOutputs = [];
+    windowRef;
+    subs = new Subscription();
+    defaultAiPromptSettings = {
+        speechToTextButton: true,
+        generateButtonSVGIcon: this.tableWizardIcon,
+        generateButtonIcon: 'table-wizard'
+    };
+    constructor(windowService, host, ctx, zone, refresh, cdr) {
+        super(host, ToolbarToolName.aiAssistant, ctx, zone, cdr);
+        this.windowService = windowService;
+        this.host = host;
+        this.ctx = ctx;
+        this.zone = zone;
+        this.refresh = refresh;
+        this.host.rounded = 'full';
+        this.host.themeColor = 'primary';
+        this.host.showText = 'never';
+    }
+    ngOnInit() {
+        this.subs.add(this.host.click.subscribe(() => this.onClick()));
+        const hasToolbarIcon = isPresent(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
+        const hasOverflowIcon = isPresent(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
+        const hasIcon = hasToolbarIcon && hasOverflowIcon;
+        const hasSvgIcon = isPresent(this.host.toolbarOptions.svgIcon) && isPresent(this.host.overflowOptions.svgIcon);
+        if (!hasIcon) {
+            this.host.icon = 'sparkles';
+        }
+        if (!hasSvgIcon) {
+            this.host.svgIcon = sparklesIcon;
+        }
+        this.requestOptions = { ...DEFAULT_AI_REQUEST_OPTIONS, ...this.requestOptions };
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.zone.onStable.pipe(take(1)).subscribe(() => {
+            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'false');
+            const needsTitle = this.host.showText !== 'always' && this.host.showText !== 'toolbar';
+            if (needsTitle && !this.host.title) {
+                this.buttonElement?.setAttribute('title', this.ctx.localization.get('aiAssistantToolbarToolText'));
+            }
+        });
+        this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
+            if (tool.overflows && this.windowRef) {
+                this.windowRef.close();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.subs.unsubscribe();
+        this.promptOutputs = [];
+    }
+    /**
+     * @hidden
+     */
+    onClick() {
+        this.emitOpenClose = true;
+        this.toggleWindow();
+    }
+    /**
+     * Toggles the AI Assistant window.
+     */
+    toggleWindow() {
+        if (!this.windowRef) {
+            this.openWindow();
+        }
+        else {
+            this.closeWindow();
+        }
+    }
+    openWindow() {
+        if (!this.keepOutputHistory) {
+            this.promptOutputs = [];
+        }
+        const defaultWindowWidth = 437;
+        const rtl = this.ctx.localization.rtl;
+        const defaultWindowSettings = {
+            left: rtl ? this.buttonElement.offsetLeft - (this.aiWindowSettings.width || defaultWindowWidth) : this.buttonElement.offsetLeft + this.buttonElement.offsetWidth,
+            top: this.buttonElement.offsetTop + this.buttonElement.offsetHeight,
+            width: defaultWindowWidth,
+            title: this.ctx.localization.get('aiAssistantWindowTitle'),
+            cssClass: 'k-grid-assistant-window',
+            content: AiAssistantComponent,
+            autoFocusedElement: '.k-input-inner',
+            appendTo: this.ctx.grid.windowContainer
+        };
+        this.aiWindowSettings = {
+            ...defaultWindowSettings,
+            ...this.aiWindowSettings
+        };
+        this.windowRef = this.windowService.open(this.aiWindowSettings);
+        this.windowRef.window.instance.messages = {
+            closeTitle: this.ctx.localization.get('aiAssistantWindowCloseTitle'),
+            maximizeTitle: this.ctx.localization.get('aiAssistantWindowMaximizeTitle'),
+            minimizeTitle: this.ctx.localization.get('aiAssistantWindowMinimizeTitle'),
+            restoreTitle: this.ctx.localization.get('aiAssistantWindowRestoreTitle')
+        };
+        const aiPrompt = this.windowRef.content.instance;
+        aiPrompt.requestUrl = this.requestUrl;
+        aiPrompt.requestOptions = this.requestOptions;
+        aiPrompt.aiToolDirective = this;
+        aiPrompt.disabledGenerateButton = this.aiPromptSettings?.disabledGenerateButton;
+        aiPrompt.streaming = this.aiPromptSettings?.streaming || false;
+        aiPrompt.activeView = this.aiPromptSettings?.activeView || 0;
+        aiPrompt.aiPromptSettings = { ...this.defaultAiPromptSettings, ...this.aiPromptSettings };
+        if (!aiPrompt.aiPromptSettings.promptOutputs) {
+            aiPrompt.aiPromptSettings.promptOutputs = this.promptOutputs;
+        }
+        if (this.emitOpenClose) {
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                const event = {
+                    aiWindow: this.windowRef.window.instance,
+                    aiPrompt: this.windowRef.content.instance.aiPrompt
+                };
+                this.open.emit(event);
+                this.emitOpenClose = false;
+            });
+        }
+        this.subs.add(this.windowRef.window.instance.close.subscribe(() => {
+            this.emitOpenClose = true;
+            this.closeWindow(true);
+        }));
+        this.host.selected = true;
+    }
+    closeWindow(focusAnchor = false) {
+        this.windowRef.close();
+        if (this.emitOpenClose) {
+            this.close.emit();
+            this.emitOpenClose = false;
+        }
+        this.windowRef = null;
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
+        this.host.selected = false;
+        focusAnchor && this.buttonElement?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1.WindowService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridAIAssistantTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.WindowService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i2.RefreshService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { requestUrl: [{
+                type: Input
+            }], requestOptions: [{
+                type: Input
+            }], aiWindowSettings: [{
+                type: Input
+            }], aiPromptSettings: [{
+                type: Input
+            }], autoClose: [{
+                type: Input
+            }], keepOutputHistory: [{
+                type: Input
+            }], promptRequest: [{
+                type: Output
+            }], cancelRequest: [{
+                type: Output
+            }], responseSuccess: [{
+                type: Output
+            }], responseError: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], open: [{
+                type: Output
+            }] } });

package/esm2022/rendering/toolbar/tools/ai-assistant/utils.mjs

@@ -0,0 +1,74 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { HttpHeaders } from "@angular/common/http";
+import { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * @hidden
+ */
+export const DEFAULT_AI_REQUEST_OPTIONS = {
+    headers: new HttpHeaders({
+        'Content-Type': 'application/json'
+    }),
+    role: 'user',
+    method: 'POST',
+    responseType: 'json'
+};
+/**
+ * @hidden
+ */
+export const convertDateStringsInFilter = (filter, columns) => {
+    if (!filter) {
+        return filter;
+    }
+    if (filter.filters && Array.isArray(filter.filters)) {
+        return {
+            ...filter,
+            filters: filter.filters.map(f => convertDateStringsInFilter(f, columns))
+        };
+    }
+    if (filter.field && filter.value !== undefined) {
+        const column = columns.find(col => col.field === filter.field);
+        if (column && isDateField(filter.field, columns)) {
+            return {
+                ...filter,
+                value: new Date(filter.value)
+            };
+        }
+    }
+    return filter;
+};
+/**
+ * @hidden
+ */
+export const isDateField = (fieldName, columns) => {
+    const column = columns.find((col) => col.field === fieldName);
+    return column?.filter === 'date';
+};
+/**
+ * Represents the event data when the AI Assistant request completes successfully.
+ */
+export class GridToolbarAIResponseSuccessEvent extends PreventableEvent {
+    /**
+     * The HTTP response from the AI service.
+     */
+    response;
+    constructor(response) {
+        super();
+        this.response = response;
+    }
+}
+/**
+ * Represents the event data when the AI Assistant request completes with an error.
+ */
+export class GridToolbarAIResponseErrorEvent extends PreventableEvent {
+    /**
+     * The HTTP error response from the AI service.
+     */
+    error;
+    constructor(error) {
+        super();
+        this.error = error;
+    }
+}

package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs

@@ -169,7 +169,11 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
             this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
                 this.closePopup(true);
             }));
-            this.subs.add(columnList.apply.subscribe(() => {
+            this.subs.add(columnList.apply.subscribe((changed) => {
+                if (changed.length) {
+                    this.cdr.markForCheck();
+                    this.columnInfoService.changeVisibility(changed);
+                }
                 this.closePopup();
             }));
             this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
@@ -192,9 +196,6 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus();
     }
-    get buttonElement() {
-        return this.host.getButton();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i4.AdaptiveGridService }, { token: i5.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, usesInheritance: true, ngImport: i0 });
 }