@progress/kendo-angular-grid 21.2.0 → 21.3.0-develop.10

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -2102,15 +2102,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     type: Optional
                 }] }] });
 
-// Incremented each time the service is instantiated.
-let sequence = 0;
+// Registry to track active Grid instances and their indices
+const activeGridIndices = new Set();
+// Get the next available grid index (reuses freed indices)
+function getNextGridIndex() {
+    let index = 0;
+    while (activeGridIndices.has(index)) {
+        index++;
+    }
+    activeGridIndices.add(index);
+    return index;
+}
+// Release a grid index when the Grid is destroyed
+function releaseGridIndex(index) {
+    activeGridIndices.delete(index);
+}
 /**
  * @hidden
  */
 class IdService {
     prefix;
+    gridIndex;
+    columnCounter = 0;
     constructor() {
-        this.prefix = `k-grid${sequence++}`;
+        this.gridIndex = getNextGridIndex();
+        this.prefix = `k-grid${this.gridIndex}`;
+    }
+    ngOnDestroy() {
+        releaseGridIndex(this.gridIndex);
     }
     gridId() {
         return this.prefix;
@@ -2127,6 +2146,9 @@ class IdService {
     columnId(colIndex) {
         return `${this.prefix}-col${colIndex}`;
     }
+    nextColumnId() {
+        return `${this.prefix}-col${this.columnCounter++}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IdService });
 }
@@ -2208,7 +2230,6 @@ const isCheckboxColumn = column => column?.isCheckboxColumn;
  */
 const isRowReorderColumn = column => column?.isRowReorderColumn;
 const isColumnContainer = column => column?.isColumnGroup || isSpanColumn(column);
-let columnId = 0;
 /**
  * The base class for the column components of the Grid.
  *
@@ -2539,7 +2560,7 @@ class ColumnBase {
         if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
             throw new Error(ColumnConfigurationErrorMessages.columnNested);
         }
-        this._id = this.idService?.columnId(columnId++);
+        this._id = this.idService?.nextColumnId();
     }
     ngAfterViewInit() {
         this.initialMinResizableWidth = this.minResizableWidth || 10;
@@ -10237,12 +10258,12 @@ class DateFilterMenuInputComponent {
             this.subscription.unsubscribe();
         }
     }
-    open() {
+    open(picker) {
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
         this.subscription = this.popupService.onClose
-            .pipe(take(1))
+            .pipe(filter(() => picker.isActive))
             .subscribe(e => e.preventDefault());
     }
     messageFor(key) {
@@ -10264,13 +10285,13 @@ class DateFilterMenuInputComponent {
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"
@@ -10303,13 +10324,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"
@@ -12834,6 +12855,7 @@ class ColumnListComponent {
     _columns;
     domSubscriptions = new Subscription();
     lastDisabledCheckbox;
+    handledKeys = [Keys.ArrowDown, Keys.ArrowUp, Keys.Space];
     constructor(element, ngZone, renderer, listNavigationService, cdr, columnInfoService, adaptiveGridService, ctx) {
         this.element = element;
         this.ngZone = ngZone;
@@ -12976,7 +12998,7 @@ class ColumnListComponent {
     }
     onKeydown = (e) => {
         const code = normalizeKeys(e);
-        if (code !== Keys.Tab) {
+        if (this.handledKeys.includes(code)) {
             e.preventDefault();
         }
         if (code === 'Tab' && e.shiftKey) {
@@ -14957,7 +14979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </kendo-grid-columnmenu-item>
     `,
                     standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnListComponent, ColumnChooserContentComponent]
+                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnChooserContentComponent]
                 }]
         }], ctorParameters: () => [{ type: ContextService }, { type: ColumnInfoService }, { type: i0.ElementRef }], propDecorators: { expand: [{
                 type: Output
@@ -16230,7 +16252,7 @@ class ColumnMenuComponent {
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -16358,7 +16380,7 @@ class ColumnMenuComponent {
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuComponent, decorators: [{
@@ -16441,7 +16463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -16569,7 +16591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `,
                     standalone: true,
                     imports: [
@@ -16591,7 +16613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TabTitleDirective,
                         TabContentDirective,
                         FilterMenuContainerComponent,
-                        ColumnListComponent,
                         ColumnChooserContentComponent
                     ]
                 }]
@@ -19727,7 +19748,7 @@ class HeaderComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, deps: [{ token: SinglePopupService }, { token: DragHintService }, { token: DropCueService }, { token: ColumnReorderService }, { token: IdService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-        @for (i of columnLevels; track i; let levelIndex = $index) {
+        @for (i of columnLevels; track $index; let levelIndex = $index) {
           <tr
             kendoGridLogicalRow
             [logicalRowIndex]="levelIndex"
@@ -19748,7 +19769,7 @@ class HeaderComponent {
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -19975,7 +19996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{
                     selector: '[kendoGridHeader]',
                     template: `
-        @for (i of columnLevels; track i; let levelIndex = $index) {
+        @for (i of columnLevels; track $index; let levelIndex = $index) {
           <tr
             kendoGridLogicalRow
             [logicalRowIndex]="levelIndex"
@@ -19996,7 +20017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -23575,474 +23596,1172 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764751621,
-    version: '21.2.0',
+    publishDate: 1765273123,
+    version: '21.3.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
  * @hidden
+ * Converts date strings in a filter to Date objects.
  */
-const normalizeSettings = ({ buttonCount = 10, info = true, type = 'numeric', pageSizes = false, previousNext = true, responsive = true, position = 'bottom' }) => ({
-    buttonCount,
-    info,
-    pageSizes,
-    previousNext,
-    type,
-    responsive,
-    position
-});
-/**
- * @hidden
- */
-const normalize = (settings) => normalizeSettings(settings === true ? {} : settings);
-
-const canCreateElement = () => isDocumentAvailable() && document.createElement;
-let cachedScrollbarWidth = null;
-let cachedPixelRatio;
-let cachedRtlScrollLeft = null;
-function scrollbarWidth() {
-    if (cachedScrollbarWidth === null && canCreateElement()) {
-        cachedPixelRatio = window.devicePixelRatio || 1;
-        const div = document.createElement("div");
-        div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block";
-        div.innerHTML = "&nbsp;";
-        document.body.appendChild(div);
-        cachedScrollbarWidth = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return cachedScrollbarWidth;
-}
-function rtlScrollLeft() {
-    if (cachedRtlScrollLeft === null && canCreateElement()) {
-        const outer = document.createElement('div');
-        outer.style.direction = 'rtl';
-        outer.style.display = 'block';
-        outer.style.clear = 'both';
-        outer.style.width = '100px';
-        outer.style.visibility = 'hidden';
-        outer.style.position = 'absolute';
-        outer.style.left = '-10000px';
-        outer.style.overflow = 'scroll';
-        outer.style.zoom = '1';
-        const inner = document.createElement('div');
-        inner.style.width = '200px';
-        inner.style.height = '1px';
-        outer.append(inner);
-        document.body.appendChild(outer);
-        const initial = outer.scrollLeft;
-        outer.scrollLeft = -1;
-        cachedRtlScrollLeft = outer.scrollLeft < 0 ? outer.scrollLeft : initial;
-        document.body.removeChild(outer);
+const convertDateStringsInFilter = (filter) => {
+    if (!filter) {
+        return filter;
     }
-    return cachedRtlScrollLeft;
-}
-/**
- * @hidden
- * move to kendo-common
- */
-class BrowserSupportService {
-    zone;
-    changeDetector;
-    changes = new EventEmitter();
-    subscriptions;
-    constructor(zone, changeDetector) {
-        this.zone = zone;
-        this.changeDetector = changeDetector;
-        if (typeof window === 'undefined') {
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            this.subscriptions = fromEvent(window, 'resize').pipe(auditTime(100)).subscribe(() => {
-                if (cachedPixelRatio !== window.devicePixelRatio) {
-                    zone.run(() => {
-                        cachedScrollbarWidth = null;
-                        this.changes.emit();
-                        this.changeDetector.markForCheck();
-                    });
-                }
-            });
-        });
+    if (filter.filters && Array.isArray(filter.filters)) {
+        return {
+            ...filter,
+            filters: filter.filters.map(f => convertDateStringsInFilter(f))
+        };
     }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-            this.subscriptions = null;
+    if (filter.field && filter.value !== undefined) {
+        if (typeof filter.value === 'string' && isDateOperator(filter.operator)) {
+            const date = parseDate(filter.value);
+            return {
+                ...filter,
+                value: date || filter.value
+            };
         }
     }
-    get scrollbarWidth() {
-        return scrollbarWidth();
-    }
-    get rtlScrollLeft() {
-        return rtlScrollLeft();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
-
-const isGroupItem = (source) => {
-    return source.items !== undefined &&
-        source.field !== undefined;
-};
-const flattenGroups = (groups) => (groups.reduce((acc, curr) => {
-    if (isGroupItem(curr)) {
-        return acc.concat(flattenGroups(curr.items));
-    }
-    return acc.concat([curr]);
-}, []));
-/**
- * @hidden
- */
-const itemAt = (data, index) => {
-    const first = data[0];
-    if (isPresent(first) && isGroupItem(first)) {
-        return flattenGroups(data)[index];
-    }
-    return data[index];
+    return filter;
 };
 /**
  * @hidden
  */
-const getIterator = (data, { footers, level, dataIndex, parentGroupIndex, groupIndex, parentGroup }) => {
-    const first = data[0];
-    if (isPresent(first) && isGroupItem(first)) {
-        return new GroupIterator(data, footers, level, dataIndex, parentGroupIndex, groupIndex, parentGroup);
-    }
-    return new ItemIterator(data, dataIndex, parentGroupIndex, parentGroup);
+const isDateOperator = (operator) => {
+    const dateOperators = [
+        'eq', 'neq', 'lt', 'lte', 'gt', 'gte'
+    ];
+    return dateOperators.includes(operator);
 };
-class ArrayIterator {
-    arr;
-    idx;
-    constructor(arr, idx = 0) {
-        this.arr = arr;
-        this.idx = idx;
-        this.arr = arr || [];
-    }
-    [iterator]() {
-        return this;
-    }
-    next() {
-        return this.idx < this.arr.length ? {
-            done: false,
-            value: this.arr[this.idx++]
-        } : { done: true, value: undefined };
-    }
-}
-/**
- * @hidden
- */
-class Iterator {
-    dataIndex;
-    resultMap;
-    _innerIterator;
-    constructor(arr, dataIndex = 0, resultMap = (x) => x) {
-        this.dataIndex = dataIndex;
-        this.resultMap = resultMap;
-        const iter = arr[iterator];
-        this._innerIterator = iter ? arr[iterator]() : new ArrayIterator(arr);
-    }
-    [iterator]() {
-        return this;
-    }
-    next() {
-        return this.resultMap(this._innerIterator.next(), this.dataIndex++);
-    }
-}
 /**
  * @hidden
+ * Processes cell highlights for a specific filter and item.
  */
-class ItemIterator extends Iterator {
-    constructor(arr, dataIndex, groupIndex, group) {
-        super(arr, dataIndex, (x, idx) => ({
-            done: x.done,
-            value: {
-                data: x.value,
-                groupIndex: groupIndex,
-                index: idx,
-                type: 'data',
-                group
-            }
-        }));
-    }
-    /**
-     * The index of the next record.
-     * @readonly
-     * @type {number}
-     */
-    get index() {
-        return this.dataIndex;
-    }
-}
-const prefix = (s, n) => {
-    const p = s ? s + "_" : s;
-    return `${p}${n}`;
+const processCellHighlights = (filter, rowIndex, columns, highlightItems) => {
+    Object.keys(filter.cells).forEach((columnField) => {
+        const actualColumnIndex = Array.from(columns).findIndex((col) => col.field === columnField);
+        if (actualColumnIndex !== -1) {
+            highlightItems.push({
+                itemKey: rowIndex,
+                columnKey: actualColumnIndex,
+            });
+        }
+    });
 };
 /**
  * @hidden
+ * Processes filtered results and adds highlight items.
  */
-class GroupIterator {
-    arr;
-    outputFooters;
-    level;
-    dataIndex;
-    parentIndex;
-    groupIndex;
-    parentGroup;
-    current;
-    _innerIterator;
-    _iterator;
-    currentGroupIndex = "";
-    constructor(arr, outputFooters = false, level = 0, dataIndex = 0, parentIndex = '', groupIndex = 0, parentGroup = undefined) {
-        this.arr = arr;
-        this.outputFooters = outputFooters;
-        this.level = level;
-        this.dataIndex = dataIndex;
-        this.parentIndex = parentIndex;
-        this.groupIndex = groupIndex;
-        this.parentGroup = parentGroup;
-        this.arr = arr || [];
-        this._iterator = new Iterator(this.arr, this.dataIndex);
-    }
-    [iterator]() {
-        return this;
-    }
-    nextGroupItem() {
-        this.current = this._iterator.next().value;
-        this._innerIterator = null;
-        if (this.current) {
-            this.currentGroupIndex = prefix(this.parentIndex, this.groupIndex++);
-            return {
-                done: false,
-                value: {
-                    data: this.current,
-                    index: this.currentGroupIndex,
-                    level: this.level,
-                    type: 'group',
-                    parentGroup: this.parentGroup
-                }
-            };
-        }
-        else {
-            this.current = null;
-            return { done: true, value: undefined };
-        }
-    }
-    footerItem() {
-        if (this.current) {
-            const group = this.current;
-            this.current = null;
-            return {
-                done: false,
-                value: {
-                    data: group,
-                    groupIndex: this.currentGroupIndex,
-                    level: this.level,
-                    type: 'footer',
-                    group: {
-                        data: group,
-                        index: this.currentGroupIndex,
-                        level: this.level,
-                        type: 'group',
-                        parentGroup: this.parentGroup
-                    }
-                }
-            };
+const processFilteredResults = (filteredResults, data, filter, columns, highlightItems) => {
+    filteredResults?.forEach((item) => {
+        const rowIndex = data.findIndex((dataItem) => dataItem === item);
+        if (filter.cells && Object.keys(filter.cells).length > 0) {
+            processCellHighlights(filter, rowIndex, columns, highlightItems);
         }
         else {
-            this.current = null;
-            return { done: true, value: undefined };
-        }
-    }
-    innerIterator(group) {
-        if (!this._innerIterator) {
-            this._innerIterator = getIterator(group.items, {
-                dataIndex: this.dataIndex,
-                footers: this.outputFooters,
-                level: this.level + 1,
-                parentGroupIndex: this.currentGroupIndex,
-                parentGroup: {
-                    data: this.current,
-                    index: this.currentGroupIndex,
-                    level: this.level,
-                    type: 'group',
-                    parentGroup: this.parentGroup
-                }
+            highlightItems.push({
+                itemKey: rowIndex,
             });
         }
-        return this._innerIterator;
-    }
-    nextDataItem(group) {
-        const iterator = this.innerIterator(group);
-        const result = iterator.next();
-        if (isPresent(result.value) && !result.done && result.value.type === "data") {
-            this.dataIndex = result.value.index + 1;
-        }
-        return !result.done ? result : undefined;
-    }
-    next() {
-        if (!isPresent(this.current)) {
-            return this.nextGroupItem();
-        }
-        const item = this.nextDataItem(this.current);
-        return item ? item : (this.outputFooters ? this.footerItem() : this.nextGroupItem());
-    }
-    /**
-     * The index of the last iterated data record.
-     * @readonly
-     * @type {number}
-     */
-    get index() {
-        return this.dataIndex + 1;
-    }
-}
-
+    });
+};
 /**
  * @hidden
+ * Highlights items in a grid based on the provided filters and columns.
+ * @param data - The data to be highlighted.
+ * @param filters - The composite highlight descriptors containing the filters and logic.
+ * @param columns - The columns of the grid.
+ * @returns An array of HighlightItem objects representing the highlighted items.
  */
-class DataResultIterator {
-    source;
-    skip;
-    groupFooters;
-    isObject;
-    constructor(source, skip = 0, groupFooters = false) {
-        this.source = source;
-        this.skip = skip;
-        this.groupFooters = groupFooters;
-        this.source = this.source ? this.source : [];
-        this.isObject = this.isGridDataResult(this.source);
-    }
-    isGridDataResult(source) {
-        return source.total !== undefined && source.data !== undefined;
-    }
-    get total() {
-        return this.isObject ? this.source.total : this.source.length;
-    }
-    get data() {
-        return this.isObject ? this.source.data : this.source;
-    }
-    map(fn) {
-        return this.data.map(fn);
-    }
-    filter(fn) {
-        return this.data.filter(fn);
-    }
-    reduce(fn, init) {
-        return this.data.reduce(fn, init);
-    }
-    forEach(fn) {
-        this.data.forEach(fn);
-    }
-    some(fn) {
-        return this.data.some(fn);
-    }
-    [iterator]() {
-        return getIterator(this.data, {
-            dataIndex: this.skip,
-            footers: this.groupFooters,
-            groupIndex: this.skip
+const highlightBy = (data, filters, columns) => {
+    const highlightItems = [];
+    filters.forEach((filter) => {
+        const processedFilters = filter.filters.map((filter) => convertDateStringsInFilter(filter));
+        const filteredResults = filterBy(data, {
+            logic: filter.logic || "and",
+            filters: processedFilters,
         });
-    }
-    toString() { return this.data.toString(); }
-}
-/**
- * @hidden
- */
-class DataCollection {
-    accessor;
-    constructor(accessor) {
-        this.accessor = accessor;
-    }
-    get total() { return this.accessor().total; }
-    get length() { return this.accessor().data.length; }
-    get first() { return this.accessor().data[0]; }
-    get last() { return this.accessor().data[this.length - 1]; }
-    at(index) {
-        return itemAt(this.accessor().data, index);
-    }
-    map(fn) { return this.accessor().map(fn); }
-    filter(fn) {
-        return this.accessor().filter(fn);
-    }
-    reduce(fn, init) {
-        return this.accessor().reduce(fn, init);
-    }
-    forEach(fn) {
-        this.accessor().forEach(fn);
-    }
-    some(fn) {
-        return this.accessor().some(fn);
-    }
-    [iterator]() {
-        return this.accessor()[iterator]();
-    }
-    toString() { return this.accessor().toString(); }
-}
+        processFilteredResults(filteredResults, data, filter, columns, highlightItems);
+    });
+    return highlightItems;
+};
 
 /**
  * @hidden
  *
- * Quick look-up structure for combinations of keys or single keys.
- * Similar to the native JS Set, however, working with single keys or a couple of keys.
- * Supports both primitive keys and object keys (compared by reference).
+ * Service that builds AI requests and processes AI responses for the Grid.
+ * Used internally by both the Grid component and the AI Assistant tool.
  */
-class PairSet {
-    /**
-     * Symbol used internally to represent "no Y key" when storing single X keys.
-     */
-    static SINGLE_KEY_SYMBOL = Symbol('SINGLE_KEY');
-    /**
-     * Gets the total number of key entries (both single keys and key pairs).
-     */
-    get size() {
-        return this.totalKeysCount;
+class GridAIRequestResponseService {
+    ctx;
+    columnInfoService;
+    zone;
+    constructor(ctx, columnInfoService, zone) {
+        this.ctx = ctx;
+        this.columnInfoService = columnInfoService;
+        this.zone = zone;
     }
     /**
-     * Holds a set of Y keys for each defined X key.
-     * Each X key creates a map which holds a set of Y keys.
-     * For single keys, the Y value is the SINGLE_KEY_SYMBOL.
-     *
-     * Map { 'foo' => Set { Symbol(SINGLE_KEY) } } // single key: {x: 'foo'}
-     * Map { 'foo2' => Set { 'bar', 'baz' } } // pairs: {x: 'foo2', y: 'bar'}, {x: 'foo2', y: 'baz'}
-     */
-    keysX = new Map();
-    /**
-     * Count each added or deleted key manually to avoid iterating over all items when calling `this.size`.
+     * Builds the request body for the AI service based on the Grid's column structure.
+     * Returns a column descriptor tree that includes column metadata for the AI service.
      */
-    totalKeysCount = 0;
-    constructor(items, keyXField, keyYField) {
-        if (items && keyXField) {
-            items.forEach(item => {
-                if (keyYField && item[keyYField] !== undefined) {
-                    this.add(item[keyXField], item[keyYField]);
-                }
-                else {
-                    this.addSingle(item[keyXField]);
+    buildRequestBody(promptMessage, role) {
+        const columnsTree = this.buildColumnDescriptors();
+        return {
+            role: role || 'user',
+            contents: [
+                {
+                    text: promptMessage
                 }
-            });
-        }
-    }
-    /**
-     * Adds a single key entry.
-     */
-    addSingle(keyX) {
-        if (!this.keysX.has(keyX)) {
-            this.keysX.set(keyX, new Set());
-        }
-        if (!this.hasSingle(keyX)) {
-            this.keysX.get(keyX).add(PairSet.SINGLE_KEY_SYMBOL);
-            this.totalKeysCount += 1;
-        }
+            ],
+            columns: columnsTree
+        };
     }
     /**
-     * Adds a couple of items identified as a combination.
+     * Builds a nested column descriptor tree based on the Grid's column structure.
+     * Includes root columns and their nested children (for ColumnGroup and SpanColumn).
      */
-    add(keyX, keyY) {
-        if (!this.keysX.has(keyX)) {
-            this.keysX.set(keyX, new Set());
-        }
+    buildColumnDescriptors() {
+        const rootColumns = this.ctx?.grid?.columnList?.rootColumns() || [];
+        const buildDescriptor = (col) => {
+            const hasChildren = Boolean(col.hasChildren && col.childrenArray?.length);
+            const descriptor = {
+                id: col.id,
+                field: col.field,
+                header: col.title
+            };
+            if (hasChildren) {
+                descriptor.columns = col.childrenArray.map((c) => buildDescriptor(c));
+            }
+            // For special columns that don't have a field, emit an optional type token
+            // so the AI service knows how to treat them (checkbox/command/reorder)
+            if (!col.field) {
+                if (isCheckboxColumn(col)) {
+                    descriptor.type = 'checkbox';
+                }
+                else if (col instanceof CommandColumnComponent) {
+                    descriptor.type = 'command';
+                }
+            }
+            return descriptor;
+        };
+        return rootColumns.map((col) => buildDescriptor(col));
+    }
+    /**
+     * Processes AI response commands and applies them to the Grid.
+     * Returns an array of display messages for each command.
+     */
+    processCommands(commands, columns, leafColumns) {
+        const messages = [];
+        this.executeCommands(commands || [], columns, leafColumns, messages);
+        return messages;
+    }
+    executeCommands(commands, columns, leafColumns, messages) {
+        if (!commands?.length) {
+            return;
+        }
+        const grid = this.ctx.grid;
+        const isFilterable = Boolean(grid.filterable);
+        const isSortable = Boolean(grid.sortable);
+        const isGroupable = Boolean(grid.groupable);
+        const findColumnById = (id) => grid.columnList.toArray().find((c) => c.id === id);
+        const updateColumnHierarchy = (column, updater) => {
+            const changed = [];
+            const queue = [column];
+            while (queue.length) {
+                const current = queue.shift();
+                if (!current) {
+                    continue;
+                }
+                const didChange = updater(current);
+                if (didChange) {
+                    changed.push(current);
+                }
+                if (current.hasChildren && current.childrenArray?.length) {
+                    queue.push(...current.childrenArray);
+                }
+            }
+            return changed;
+        };
+        commands.forEach((cmd) => {
+            let displayMessage = cmd.message || '';
+            if (this.isColumnCommand(cmd.type)) {
+                if (cmd.id) {
+                    const column = findColumnById(cmd.id);
+                    const replacement = this.getColumnReplacement(column);
+                    displayMessage = this.replaceQuotedColumnId(displayMessage, replacement);
+                }
+            }
+            messages.push(displayMessage);
+            switch (cmd.type) {
+                case 'GridSort':
+                    if (!isSortable) {
+                        break;
+                    }
+                    this.processArrayResponse([cmd.sort], grid.currentState.sort || [], (item) => item.field, (mergedArray) => grid.sortChange.next(mergedArray));
+                    break;
+                case 'GridClearSort':
+                    if (!isSortable) {
+                        break;
+                    }
+                    grid.sortChange.next([]);
+                    break;
+                case 'GridFilter':
+                    if (!isFilterable) {
+                        break;
+                    }
+                    this.processFilterResponse(cmd.filter);
+                    break;
+                case 'GridClearFilter':
+                    if (!isFilterable) {
+                        break;
+                    }
+                    grid.filterChange.next(undefined);
+                    break;
+                case 'GridGroup':
+                    if (!isGroupable) {
+                        break;
+                    }
+                    this.processArrayResponse([cmd.group], grid.currentState.group || [], (item) => item.field, (mergedArray) => grid.groupChange.next(mergedArray));
+                    break;
+                case 'GridClearGroup':
+                    if (!isGroupable) {
+                        break;
+                    }
+                    grid.groupChange.next([]);
+                    break;
+                case 'GridHighlight':
+                    if (!this.ctx.highlightDirective) {
+                        break;
+                    }
+                    this.processHighlightResponse([cmd.highlight], columns);
+                    break;
+                case 'GridClearHighlight':
+                    if (!this.ctx.highlightDirective) {
+                        break;
+                    }
+                    this.ctx.highlightDirective['setState']([]);
+                    break;
+                case 'GridSelect': {
+                    this.processSelectionResponse([cmd.select], columns, leafColumns, messages);
+                    break;
+                }
+                case 'GridClearSelect': {
+                    const selectionInstance = this.getSelectionInstance();
+                    if (!selectionInstance) {
+                        this.updateLastMessage(messages, this.ctx.localization?.get('aiAssistantSelectionNotEnabled'));
+                        break;
+                    }
+                    this.applySelectionState(selectionInstance, []);
+                    break;
+                }
+                case 'GridColumnResize': {
+                    const col = findColumnById(cmd.id);
+                    if (!col) {
+                        break;
+                    }
+                    let newWidth;
+                    if (typeof cmd.size === 'number') {
+                        newWidth = cmd.size;
+                    }
+                    else if (typeof cmd.size === 'string') {
+                        const numericPart = parseFloat(cmd.size);
+                        if (!isNaN(numericPart)) {
+                            newWidth = numericPart;
+                        }
+                    }
+                    if (typeof newWidth === 'number') {
+                        const oldWidth = col.width;
+                        col.width = newWidth;
+                        const args = [{ column: col, oldWidth: oldWidth, newWidth: newWidth }];
+                        grid.columnResize.emit(args);
+                    }
+                    break;
+                }
+                case 'GridColumnReorder': {
+                    const col = findColumnById(cmd.id);
+                    if (!col) {
+                        break;
+                    }
+                    const newPosition = Number(cmd.position);
+                    if (!isNaN(newPosition) && newPosition >= 0) {
+                        this.changeColumnPosition(col, newPosition);
+                    }
+                    break;
+                }
+                case 'GridColumnShow':
+                case 'GridColumnHide': {
+                    const col = findColumnById(cmd.id);
+                    if (!col) {
+                        break;
+                    }
+                    const targetHidden = cmd.type === 'GridColumnHide';
+                    const changed = updateColumnHierarchy(col, (current) => {
+                        if (current.hidden === targetHidden) {
+                            return false;
+                        }
+                        current.hidden = targetHidden;
+                        return true;
+                    });
+                    if (changed.length) {
+                        this.columnInfoService.changeVisibility(changed);
+                    }
+                    break;
+                }
+                case 'GridColumnLock':
+                case 'GridColumnUnlock': {
+                    const col = findColumnById(cmd.id);
+                    if (!col) {
+                        break;
+                    }
+                    const targetLocked = cmd.type === 'GridColumnLock';
+                    const changed = updateColumnHierarchy(col, (current) => {
+                        if (current.locked === targetLocked) {
+                            return false;
+                        }
+                        current.locked = targetLocked;
+                        return true;
+                    });
+                    if (changed.length) {
+                        this.columnInfoService.changeLocked(changed);
+                    }
+                    break;
+                }
+                case 'GridPage': {
+                    this.processPageCommand(cmd);
+                    break;
+                }
+                case 'GridPageSize': {
+                    this.processPageSizeCommand(cmd);
+                    break;
+                }
+                case 'GridExportExcel': {
+                    this.runExportWithFileName(this.ctx.excelComponent, cmd.fileName, () => grid.saveAsExcel());
+                    break;
+                }
+                case 'GridExportPDF': {
+                    this.runExportWithFileName(this.ctx.pdfComponent, cmd.fileName, () => grid.emitPDFExportEvent());
+                    break;
+                }
+                default:
+                    break;
+            }
+        });
+    }
+    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);
+        }
+    }
+    runExportWithFileName(component, fileName, action) {
+        if (!component || !fileName) {
+            action();
+            return;
+        }
+        const previousFileName = component.fileName;
+        component.fileName = fileName;
+        action();
+        const isExcel = component === this.ctx.excelComponent;
+        if (isExcel) {
+            this.zone.runOutsideAngular(() => {
+                this.ctx.excelComponent.fileCreated.subscribe(() => {
+                    component.fileName = previousFileName;
+                });
+            });
+        }
+        else {
+            component.fileName = previousFileName;
+        }
+    }
+    processPageCommand(command) {
+        const pageSize = this.getCurrentPageSizeValue();
+        if (!isPresent$1(pageSize) || pageSize <= 0) {
+            return;
+        }
+        const total = this.getTotalItemsCount();
+        const requestedPage = Number(command.page);
+        let targetPage = Number.isFinite(requestedPage) ? Math.floor(requestedPage) : 1;
+        if (targetPage < 1) {
+            targetPage = 1;
+        }
+        if (isPresent$1(total) && pageSize > 0) {
+            const maxPage = Math.max(1, Math.ceil(total / pageSize));
+            targetPage = Math.min(targetPage, maxPage);
+        }
+        const skip = (targetPage - 1) * pageSize;
+        this.emitGridPageChange(skip, pageSize);
+    }
+    processPageSizeCommand(command) {
+        const rawPageSize = Number(command.pageSize);
+        if (!Number.isFinite(rawPageSize)) {
+            return;
+        }
+        const newPageSize = Math.max(1, Math.floor(rawPageSize));
+        const skip = Math.max(0, this.ctx.grid?.skip ?? 0);
+        this.ensurePageSizeOption(newPageSize);
+        this.emitGridPageChange(skip, newPageSize);
+    }
+    emitGridPageChange(skip, take) {
+        const grid = this.ctx.grid;
+        const normalizedSkip = Math.max(0, Math.floor(skip));
+        const normalizedTake = Math.max(1, Math.floor(take));
+        grid.skip = normalizedSkip;
+        grid.pageSize = normalizedTake;
+        grid.pageChange.emit({ skip: normalizedSkip, take: normalizedTake });
+    }
+    ensurePageSizeOption(pageSize) {
+        const grid = this.ctx.grid;
+        if (!grid) {
+            return;
+        }
+        const pageable = grid.pageable;
+        if (!pageable || typeof pageable === 'boolean') {
+            return;
+        }
+        const pageSizes = pageable.pageSizes;
+        if (!Array.isArray(pageSizes) || pageSizes.length === 0) {
+            return;
+        }
+        if (pageSizes.includes(pageSize)) {
+            return;
+        }
+        const uniqueSizes = [pageSize, ...pageSizes.filter(size => size !== pageSize)];
+        grid.pageable = {
+            ...pageable,
+            pageSizes: uniqueSizes
+        };
+        const changeDetector = grid?.changeDetectorRef;
+        if (changeDetector && typeof changeDetector.markForCheck === 'function') {
+            changeDetector.markForCheck();
+        }
+    }
+    getCurrentPageSizeValue() {
+        const grid = this.ctx.grid;
+        if (!grid) {
+            return null;
+        }
+        const candidates = [grid.pageSize, grid.currentState?.take, this.ctx.dataBindingDirective?.['state']?.take];
+        for (const candidate of candidates) {
+            if (typeof candidate === 'number' && candidate > 0) {
+                return candidate;
+            }
+        }
+        const pageable = grid.pageable;
+        if (pageable && typeof pageable === 'object' && Array.isArray(pageable.pageSizes)) {
+            const numericSize = pageable.pageSizes.find(size => typeof size === 'number' && size > 0);
+            if (numericSize) {
+                return numericSize;
+            }
+        }
+        const originalData = this.ctx.dataBindingDirective?.['originalData'];
+        if (Array.isArray(originalData) && originalData.length > 0) {
+            return originalData.length;
+        }
+        return null;
+    }
+    getTotalItemsCount() {
+        const grid = this.ctx.grid;
+        if (!grid) {
+            return null;
+        }
+        const gridData = grid.data;
+        if (gridData && typeof gridData.total === 'number') {
+            return gridData.total;
+        }
+        const view = grid.view;
+        if (view && typeof view.total === 'number') {
+            return view.total;
+        }
+        const originalData = this.ctx.dataBindingDirective?.['originalData'];
+        if (Array.isArray(originalData)) {
+            return originalData.length;
+        }
+        return null;
+    }
+    getSelectionInstance() {
+        const selectionDirective = this.ctx.grid?.selectionDirective;
+        if (selectionDirective && typeof selectionDirective === 'object') {
+            return selectionDirective;
+        }
+        const defaultSelection = this.ctx.grid?.defaultSelection;
+        if (defaultSelection && typeof defaultSelection === 'object') {
+            return defaultSelection;
+        }
+        return null;
+    }
+    updateLastMessage(messages, newMessage) {
+        if (!messages.length) {
+            return;
+        }
+        messages[messages.length - 1] = newMessage;
+    }
+    isColumnCommand(type) {
+        return type === 'GridColumnResize' ||
+            type === 'GridColumnReorder' ||
+            type === 'GridColumnShow' ||
+            type === 'GridColumnHide' ||
+            type === 'GridColumnLock' ||
+            type === 'GridColumnUnlock';
+    }
+    getColumnReplacement(column) {
+        if (!column) {
+            return '';
+        }
+        if (column.title && String(column.title).trim()) {
+            return String(column.title).trim();
+        }
+        if (column.field && String(column.field).trim()) {
+            return String(column.field).trim();
+        }
+        return '';
+    }
+    replaceQuotedColumnId(message, replacement) {
+        if (!replacement) {
+            const columnIdPattern = /(?:&quot;|")(k-grid\d+-col\d+)(?:&quot;|")\s*/g;
+            return message.replace(columnIdPattern, '').replace(/\s{2,}/g, ' ').trim();
+        }
+        const columnIdPattern = /(?:&quot;|")(k-grid\d+-col\d+)(?:&quot;|")/g;
+        return message.replace(columnIdPattern, (match) => {
+            const isEncoded = match.startsWith('&quot;');
+            return isEncoded ? `&quot;${replacement}&quot;` : `"${replacement}"`;
+        });
+    }
+    getHighlightItems(descriptors, columns) {
+        if (!descriptors?.length) {
+            return [];
+        }
+        const data = this.ctx.dataBindingDirective?.['originalData'] || [];
+        return highlightBy(data, descriptors, columns);
+    }
+    processSelectionResponse(selection, columns, leafColumns, messages) {
+        const selectionInstance = this.getSelectionInstance();
+        if (!selectionInstance) {
+            this.updateLastMessage(messages, this.ctx.localization?.get('aiAssistantSelectionNotEnabled'));
+            return;
+        }
+        const descriptors = (selection || []).filter((descriptor) => Boolean(descriptor));
+        if (descriptors.length === 0) {
+            this.applySelectionState(selectionInstance, []);
+            return;
+        }
+        const highlightItems = this.getHighlightItems(descriptors, columns);
+        if (!highlightItems.length) {
+            this.applySelectionState(selectionInstance, []);
+            return;
+        }
+        const hasCellSelections = highlightItems.some(item => isPresent$1(item.columnKey));
+        const hasRowSelections = highlightItems.some(item => !isPresent$1(item.columnKey));
+        const isCellMode = selectionInstance.isCellSelectionMode;
+        if ((!isCellMode && hasCellSelections) || (isCellMode && hasRowSelections)) {
+            const key = isCellMode ? 'aiAssistantSelectionRowModeRequired' : 'aiAssistantSelectionCellModeRequired';
+            this.updateLastMessage(messages, this.ctx.localization?.get(key));
+            return;
+        }
+        const selectionState = this.mapHighlightItemsToSelection(selectionInstance, highlightItems, isCellMode, leafColumns);
+        this.applySelectionState(selectionInstance, selectionState);
+    }
+    mapHighlightItemsToSelection(selectionInstance, highlightItems, isCellMode, leafColumns) {
+        const data = this.ctx.dataBindingDirective?.['originalData'] || [];
+        if (isCellMode) {
+            const mapped = highlightItems
+                .filter(item => isPresent$1(item.itemKey) && isPresent$1(item.columnKey))
+                .map(item => {
+                const rowIndex = item.itemKey;
+                const columnIndex = item.columnKey;
+                const dataItem = data[rowIndex];
+                if (!isPresent$1(dataItem)) {
+                    return null;
+                }
+                if (typeof selectionInstance['getSelectionItem'] === 'function') {
+                    const columnComponent = leafColumns[columnIndex];
+                    const selectionItem = selectionInstance['getSelectionItem']({ dataItem, index: rowIndex }, columnComponent, columnIndex);
+                    if (selectionItem && isPresent$1(selectionItem.itemKey) && isPresent$1(selectionItem.columnKey)) {
+                        return selectionItem;
+                    }
+                    return null;
+                }
+                const itemKey = typeof selectionInstance.getItemKey === 'function'
+                    ? selectionInstance.getItemKey({ dataItem, index: rowIndex })
+                    : rowIndex;
+                return isPresent$1(itemKey) ? { itemKey, columnKey: columnIndex } : null;
+            })
+                .filter((item) => isPresent$1(item));
+            return mapped.filter((item, index, self) => self.findIndex(other => other.itemKey === item.itemKey && other.columnKey === item.columnKey) === index);
+        }
+        const rowKeys = highlightItems
+            .filter(item => isPresent$1(item.itemKey))
+            .map(item => {
+            const rowIndex = item.itemKey;
+            const dataItem = data[rowIndex];
+            if (!isPresent$1(dataItem)) {
+                return null;
+            }
+            if (typeof selectionInstance.getItemKey === 'function') {
+                return selectionInstance.getItemKey({ dataItem, index: rowIndex });
+            }
+            return rowIndex;
+        })
+            .filter(isPresent$1);
+        return Array.from(new Set(rowKeys));
+    }
+    applySelectionState(selectionInstance, selectionState) {
+        selectionInstance.selectedKeys = selectionState;
+        if (typeof selectionInstance['setState'] === 'function') {
+            selectionInstance['setState'](selectionState);
+        }
+        const changeDetector = selectionInstance['cd'];
+        if (changeDetector && typeof changeDetector.markForCheck === 'function') {
+            changeDetector.markForCheck();
+        }
+        if (typeof selectionInstance['notifyChange'] === 'function') {
+            selectionInstance['notifyChange']();
+        }
+    }
+    processHighlightResponse(highlight, columns) {
+        const highlightedItems = this.getHighlightItems(highlight, columns);
+        this.ctx.highlightDirective['setState'](highlightedItems);
+    }
+    processFilterResponse(filter) {
+        const processedFilter = convertDateStringsInFilter(filter);
+        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);
+        }
+    }
+    changeColumnPosition(column, newPosition) {
+        const grid = this.ctx.grid;
+        if (!grid?.columns) {
+            return;
+        }
+        const currentColumns = grid.columns.toArray();
+        const currentIndex = currentColumns.findIndex(col => col === column);
+        if (currentIndex === -1) {
+            return;
+        }
+        if (newPosition < 0 || newPosition >= currentColumns.length) {
+            return;
+        }
+        const sortedColumns = currentColumns
+            .map((col, idx) => ({ col, physicalIndex: idx, visualOrder: col.orderIndex ?? idx }))
+            .sort((a, b) => a.visualOrder - b.visualOrder);
+        const currentVisualPos = sortedColumns.findIndex(item => item.physicalIndex === currentIndex);
+        if (currentVisualPos === newPosition) {
+            return;
+        }
+        currentColumns.forEach((col, idx) => {
+            const sortedIndex = sortedColumns.findIndex(item => item.physicalIndex === idx);
+            if (idx === currentIndex) {
+                col.orderIndex = newPosition;
+            }
+            else if (currentVisualPos < newPosition) {
+                col.orderIndex = (sortedIndex > currentVisualPos && sortedIndex <= newPosition)
+                    ? sortedIndex - 1 : sortedIndex;
+            }
+            else {
+                col.orderIndex = (sortedIndex >= newPosition && sortedIndex < currentVisualPos)
+                    ? sortedIndex + 1 : sortedIndex;
+            }
+            col.isReordered = true;
+        });
+        grid.columnReorder.emit({
+            column: column,
+            oldIndex: currentVisualPos,
+            newIndex: newPosition
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridAIRequestResponseService, deps: [{ token: ContextService }, { token: ColumnInfoService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridAIRequestResponseService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridAIRequestResponseService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: ContextService }, { type: ColumnInfoService }, { type: i0.NgZone }] });
+
+/**
+ * @hidden
+ */
+const normalizeSettings = ({ buttonCount = 10, info = true, type = 'numeric', pageSizes = false, previousNext = true, responsive = true, position = 'bottom' }) => ({
+    buttonCount,
+    info,
+    pageSizes,
+    previousNext,
+    type,
+    responsive,
+    position
+});
+/**
+ * @hidden
+ */
+const normalize = (settings) => normalizeSettings(settings === true ? {} : settings);
+
+const canCreateElement = () => isDocumentAvailable() && document.createElement;
+let cachedScrollbarWidth = null;
+let cachedPixelRatio;
+let cachedRtlScrollLeft = null;
+function scrollbarWidth() {
+    if (cachedScrollbarWidth === null && canCreateElement()) {
+        cachedPixelRatio = window.devicePixelRatio || 1;
+        const div = document.createElement("div");
+        div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block";
+        div.innerHTML = "&nbsp;";
+        document.body.appendChild(div);
+        cachedScrollbarWidth = div.offsetWidth - div.scrollWidth;
+        document.body.removeChild(div);
+    }
+    return cachedScrollbarWidth;
+}
+function rtlScrollLeft() {
+    if (cachedRtlScrollLeft === null && canCreateElement()) {
+        const outer = document.createElement('div');
+        outer.style.direction = 'rtl';
+        outer.style.display = 'block';
+        outer.style.clear = 'both';
+        outer.style.width = '100px';
+        outer.style.visibility = 'hidden';
+        outer.style.position = 'absolute';
+        outer.style.left = '-10000px';
+        outer.style.overflow = 'scroll';
+        outer.style.zoom = '1';
+        const inner = document.createElement('div');
+        inner.style.width = '200px';
+        inner.style.height = '1px';
+        outer.append(inner);
+        document.body.appendChild(outer);
+        const initial = outer.scrollLeft;
+        outer.scrollLeft = -1;
+        cachedRtlScrollLeft = outer.scrollLeft < 0 ? outer.scrollLeft : initial;
+        document.body.removeChild(outer);
+    }
+    return cachedRtlScrollLeft;
+}
+/**
+ * @hidden
+ * move to kendo-common
+ */
+class BrowserSupportService {
+    zone;
+    changeDetector;
+    changes = new EventEmitter();
+    subscriptions;
+    constructor(zone, changeDetector) {
+        this.zone = zone;
+        this.changeDetector = changeDetector;
+        if (typeof window === 'undefined') {
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            this.subscriptions = fromEvent(window, 'resize').pipe(auditTime(100)).subscribe(() => {
+                if (cachedPixelRatio !== window.devicePixelRatio) {
+                    zone.run(() => {
+                        cachedScrollbarWidth = null;
+                        this.changes.emit();
+                        this.changeDetector.markForCheck();
+                    });
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+            this.subscriptions = null;
+        }
+    }
+    get scrollbarWidth() {
+        return scrollbarWidth();
+    }
+    get rtlScrollLeft() {
+        return rtlScrollLeft();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSupportService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+
+const isGroupItem = (source) => {
+    return source.items !== undefined &&
+        source.field !== undefined;
+};
+const flattenGroups = (groups) => (groups.reduce((acc, curr) => {
+    if (isGroupItem(curr)) {
+        return acc.concat(flattenGroups(curr.items));
+    }
+    return acc.concat([curr]);
+}, []));
+/**
+ * @hidden
+ */
+const itemAt = (data, index) => {
+    const first = data[0];
+    if (isPresent(first) && isGroupItem(first)) {
+        return flattenGroups(data)[index];
+    }
+    return data[index];
+};
+/**
+ * @hidden
+ */
+const getIterator = (data, { footers, level, dataIndex, parentGroupIndex, groupIndex, parentGroup }) => {
+    const first = data[0];
+    if (isPresent(first) && isGroupItem(first)) {
+        return new GroupIterator(data, footers, level, dataIndex, parentGroupIndex, groupIndex, parentGroup);
+    }
+    return new ItemIterator(data, dataIndex, parentGroupIndex, parentGroup);
+};
+class ArrayIterator {
+    arr;
+    idx;
+    constructor(arr, idx = 0) {
+        this.arr = arr;
+        this.idx = idx;
+        this.arr = arr || [];
+    }
+    [iterator]() {
+        return this;
+    }
+    next() {
+        return this.idx < this.arr.length ? {
+            done: false,
+            value: this.arr[this.idx++]
+        } : { done: true, value: undefined };
+    }
+}
+/**
+ * @hidden
+ */
+class Iterator {
+    dataIndex;
+    resultMap;
+    _innerIterator;
+    constructor(arr, dataIndex = 0, resultMap = (x) => x) {
+        this.dataIndex = dataIndex;
+        this.resultMap = resultMap;
+        const iter = arr[iterator];
+        this._innerIterator = iter ? arr[iterator]() : new ArrayIterator(arr);
+    }
+    [iterator]() {
+        return this;
+    }
+    next() {
+        return this.resultMap(this._innerIterator.next(), this.dataIndex++);
+    }
+}
+/**
+ * @hidden
+ */
+class ItemIterator extends Iterator {
+    constructor(arr, dataIndex, groupIndex, group) {
+        super(arr, dataIndex, (x, idx) => ({
+            done: x.done,
+            value: {
+                data: x.value,
+                groupIndex: groupIndex,
+                index: idx,
+                type: 'data',
+                group
+            }
+        }));
+    }
+    /**
+     * The index of the next record.
+     * @readonly
+     * @type {number}
+     */
+    get index() {
+        return this.dataIndex;
+    }
+}
+const prefix = (s, n) => {
+    const p = s ? s + "_" : s;
+    return `${p}${n}`;
+};
+/**
+ * @hidden
+ */
+class GroupIterator {
+    arr;
+    outputFooters;
+    level;
+    dataIndex;
+    parentIndex;
+    groupIndex;
+    parentGroup;
+    current;
+    _innerIterator;
+    _iterator;
+    currentGroupIndex = "";
+    constructor(arr, outputFooters = false, level = 0, dataIndex = 0, parentIndex = '', groupIndex = 0, parentGroup = undefined) {
+        this.arr = arr;
+        this.outputFooters = outputFooters;
+        this.level = level;
+        this.dataIndex = dataIndex;
+        this.parentIndex = parentIndex;
+        this.groupIndex = groupIndex;
+        this.parentGroup = parentGroup;
+        this.arr = arr || [];
+        this._iterator = new Iterator(this.arr, this.dataIndex);
+    }
+    [iterator]() {
+        return this;
+    }
+    nextGroupItem() {
+        this.current = this._iterator.next().value;
+        this._innerIterator = null;
+        if (this.current) {
+            this.currentGroupIndex = prefix(this.parentIndex, this.groupIndex++);
+            return {
+                done: false,
+                value: {
+                    data: this.current,
+                    index: this.currentGroupIndex,
+                    level: this.level,
+                    type: 'group',
+                    parentGroup: this.parentGroup
+                }
+            };
+        }
+        else {
+            this.current = null;
+            return { done: true, value: undefined };
+        }
+    }
+    footerItem() {
+        if (this.current) {
+            const group = this.current;
+            this.current = null;
+            return {
+                done: false,
+                value: {
+                    data: group,
+                    groupIndex: this.currentGroupIndex,
+                    level: this.level,
+                    type: 'footer',
+                    group: {
+                        data: group,
+                        index: this.currentGroupIndex,
+                        level: this.level,
+                        type: 'group',
+                        parentGroup: this.parentGroup
+                    }
+                }
+            };
+        }
+        else {
+            this.current = null;
+            return { done: true, value: undefined };
+        }
+    }
+    innerIterator(group) {
+        if (!this._innerIterator) {
+            this._innerIterator = getIterator(group.items, {
+                dataIndex: this.dataIndex,
+                footers: this.outputFooters,
+                level: this.level + 1,
+                parentGroupIndex: this.currentGroupIndex,
+                parentGroup: {
+                    data: this.current,
+                    index: this.currentGroupIndex,
+                    level: this.level,
+                    type: 'group',
+                    parentGroup: this.parentGroup
+                }
+            });
+        }
+        return this._innerIterator;
+    }
+    nextDataItem(group) {
+        const iterator = this.innerIterator(group);
+        const result = iterator.next();
+        if (isPresent(result.value) && !result.done && result.value.type === "data") {
+            this.dataIndex = result.value.index + 1;
+        }
+        return !result.done ? result : undefined;
+    }
+    next() {
+        if (!isPresent(this.current)) {
+            return this.nextGroupItem();
+        }
+        const item = this.nextDataItem(this.current);
+        return item ? item : (this.outputFooters ? this.footerItem() : this.nextGroupItem());
+    }
+    /**
+     * The index of the last iterated data record.
+     * @readonly
+     * @type {number}
+     */
+    get index() {
+        return this.dataIndex + 1;
+    }
+}
+
+/**
+ * @hidden
+ */
+class DataResultIterator {
+    source;
+    skip;
+    groupFooters;
+    isObject;
+    constructor(source, skip = 0, groupFooters = false) {
+        this.source = source;
+        this.skip = skip;
+        this.groupFooters = groupFooters;
+        this.source = this.source ? this.source : [];
+        this.isObject = this.isGridDataResult(this.source);
+    }
+    isGridDataResult(source) {
+        return source.total !== undefined && source.data !== undefined;
+    }
+    get total() {
+        return this.isObject ? this.source.total : this.source.length;
+    }
+    get data() {
+        return this.isObject ? this.source.data : this.source;
+    }
+    map(fn) {
+        return this.data.map(fn);
+    }
+    filter(fn) {
+        return this.data.filter(fn);
+    }
+    reduce(fn, init) {
+        return this.data.reduce(fn, init);
+    }
+    forEach(fn) {
+        this.data.forEach(fn);
+    }
+    some(fn) {
+        return this.data.some(fn);
+    }
+    [iterator]() {
+        return getIterator(this.data, {
+            dataIndex: this.skip,
+            footers: this.groupFooters,
+            groupIndex: this.skip
+        });
+    }
+    toString() { return this.data.toString(); }
+}
+/**
+ * @hidden
+ */
+class DataCollection {
+    accessor;
+    constructor(accessor) {
+        this.accessor = accessor;
+    }
+    get total() { return this.accessor().total; }
+    get length() { return this.accessor().data.length; }
+    get first() { return this.accessor().data[0]; }
+    get last() { return this.accessor().data[this.length - 1]; }
+    at(index) {
+        return itemAt(this.accessor().data, index);
+    }
+    map(fn) { return this.accessor().map(fn); }
+    filter(fn) {
+        return this.accessor().filter(fn);
+    }
+    reduce(fn, init) {
+        return this.accessor().reduce(fn, init);
+    }
+    forEach(fn) {
+        this.accessor().forEach(fn);
+    }
+    some(fn) {
+        return this.accessor().some(fn);
+    }
+    [iterator]() {
+        return this.accessor()[iterator]();
+    }
+    toString() { return this.accessor().toString(); }
+}
+
+/**
+ * @hidden
+ *
+ * Quick look-up structure for combinations of keys or single keys.
+ * Similar to the native JS Set, however, working with single keys or a couple of keys.
+ * Supports both primitive keys and object keys (compared by reference).
+ */
+class PairSet {
+    /**
+     * Symbol used internally to represent "no Y key" when storing single X keys.
+     */
+    static SINGLE_KEY_SYMBOL = Symbol('SINGLE_KEY');
+    /**
+     * Gets the total number of key entries (both single keys and key pairs).
+     */
+    get size() {
+        return this.totalKeysCount;
+    }
+    /**
+     * Holds a set of Y keys for each defined X key.
+     * Each X key creates a map which holds a set of Y keys.
+     * For single keys, the Y value is the SINGLE_KEY_SYMBOL.
+     *
+     * Map { 'foo' => Set { Symbol(SINGLE_KEY) } } // single key: {x: 'foo'}
+     * Map { 'foo2' => Set { 'bar', 'baz' } } // pairs: {x: 'foo2', y: 'bar'}, {x: 'foo2', y: 'baz'}
+     */
+    keysX = new Map();
+    /**
+     * Count each added or deleted key manually to avoid iterating over all items when calling `this.size`.
+     */
+    totalKeysCount = 0;
+    constructor(items, keyXField, keyYField) {
+        if (items && keyXField) {
+            items.forEach(item => {
+                if (keyYField && item[keyYField] !== undefined) {
+                    this.add(item[keyXField], item[keyYField]);
+                }
+                else {
+                    this.addSingle(item[keyXField]);
+                }
+            });
+        }
+    }
+    /**
+     * Adds a single key entry.
+     */
+    addSingle(keyX) {
+        if (!this.keysX.has(keyX)) {
+            this.keysX.set(keyX, new Set());
+        }
+        if (!this.hasSingle(keyX)) {
+            this.keysX.get(keyX).add(PairSet.SINGLE_KEY_SYMBOL);
+            this.totalKeysCount += 1;
+        }
+    }
+    /**
+     * Adds a couple of items identified as a combination.
+     */
+    add(keyX, keyY) {
+        if (!this.keysX.has(keyX)) {
+            this.keysX.set(keyX, new Set());
+        }
         if (!this.has(keyX, keyY)) {
             this.keysX.get(keyX).add(keyY);
             this.totalKeysCount += 1;
@@ -25477,6 +26196,7 @@ class ScrollerService {
     total = 0;
     rowHeightService;
     table = null;
+    lockedTable = null;
     tableBody = null;
     container = null;
     scrollHeightContainer = null;
@@ -25487,12 +26207,12 @@ class ScrollerService {
     firstToLoad = 0;
     lastLoaded = 0;
     scrollSyncing = false;
-    take;
     scrollSubscription;
     subscription;
     lastScrollTop = 0;
     firstLoaded = 0;
     expandedRows = {};
+    take;
     constructor(scrollObservable, ctx) {
         this.scrollObservable = scrollObservable;
         this.ctx = ctx;
@@ -25606,6 +26326,9 @@ class ScrollerService {
         if (this.scrollableVirtual && this.table) {
             if (forceSet) {
                 this.table.style.transform = 'translateY(' + dY + 'px)';
+                if (this.lockedTable) {
+                    this.lockedTable.style.transform = 'translateY(' + dY + 'px)';
+                }
             }
             else {
                 this.tableTransformOffset = dY;
@@ -26185,6 +26908,12 @@ class ListComponent {
             this.container.nativeElement.scrollTop = (this.isVirtual && this.ctx.grid?.pageable) ? 0 : this.rowHeightService.offset(this.skip);
         }
         if (anyChanged(['total', 'take'], changes)) {
+            // For virtual scrolling without paging, preserve scroll position when only take/pageSize changes
+            const isVirtualOnly = this.isVirtual && !this.ctx.grid?.pageable;
+            const onlyTakeChanged = isChanged$1('take', changes) && !isChanged$1('total', changes);
+            if (isVirtualOnly && onlyTakeChanged) {
+                this.skipScroll = true;
+            }
             this.init();
         }
         this.rebind = false;
@@ -26339,6 +27068,9 @@ class ListComponent {
         this.rowHeightService = this.scroller.rowHeightService = new RowHeightService(total, this.rowHeight || this.minRowHeight);
         if (!isUniversal()) {
             if (this.skipScroll) {
+                // Update scroller's take value when preserving scroll position
+                this.scroller.take = this.take;
+                this.scroller.total = this.total;
                 this.setScrollerOptions();
                 this.scroller.update();
             }
@@ -26709,6 +27441,7 @@ class ListComponent {
     setScrollerOptions() {
         this.scroller.scrollableVirtual = this.isVirtual;
         this.scroller.table = this.table.nativeElement;
+        this.scroller.lockedTable = this.lockedTable?.nativeElement || null;
         this.scroller.tableBody = this.table.nativeElement.tBodies[0];
         this.scroller.container = this.container.nativeElement;
         this.scroller.scrollHeightContainer = this.container.nativeElement.querySelector('.k-height-container');
@@ -30728,6 +31461,8 @@ class GridComponent {
     adaptiveGridService;
     rowReorderService;
     dataMappingService;
+    aiRequestResponseService;
+    idService;
     /**
      * Sets the data of the Grid. If you provide an array, the Grid gets the total count automatically.
      * ([more information and example]({% slug binding_grid %})).
@@ -31685,7 +32420,7 @@ class GridComponent {
     rowReorderSubscription;
     rtl = false;
     _rowSticky;
-    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService) {
+    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService, aiRequestResponseService, idService) {
         this.supportService = supportService;
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
@@ -31716,6 +32451,8 @@ class GridComponent {
         this.adaptiveGridService = adaptiveGridService;
         this.rowReorderService = rowReorderService;
         this.dataMappingService = dataMappingService;
+        this.aiRequestResponseService = aiRequestResponseService;
+        this.idService = idService;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -31812,6 +32549,48 @@ class GridComponent {
     resetGroupsState() {
         this.groupsService.reset();
     }
+    /**
+     * Builds the request body for the AI service based on the provided prompt message.
+     * Allows developers to construct their own AI service requests.
+     *
+     * @param promptMessage - The prompt message to send to the AI service.
+     * @returns The request body object ready to be sent to the AI service.
+     *
+     * @example
+     * ```ts
+     * const requestBody = this.grid.getAIRequest('Sort by Product Name ascending');
+     *
+     * // Send to your AI service
+     * this.http.post('https://your-ai-service.com/api', requestBody).subscribe(response => {
+     *   this.grid.handleAIResponse(response);
+     * });
+     * ```
+     */
+    getAIRequest(promptMessage) {
+        return this.aiRequestResponseService.buildRequestBody(promptMessage);
+    }
+    /**
+     * Processes an AI service response and applies the commands to the Grid.
+     * Allows developers to handle their own AI service responses manually.
+     *
+     * @param response - The AI service response containing optional message and commands array.
+     *
+     * @example
+     * ```ts
+     * const response = {
+     *   message: 'Applying sorting',
+     *   commands: [
+     *     { type: 'GridSort', sort: { field: 'ProductName', dir: 'asc' }, message: 'Sorted by Product Name' }
+     *   ]
+     * };
+     * this.grid.handleAIResponse(response);
+     * ```
+     */
+    handleAIResponse(response) {
+        const columns = this.columnInfoService.leafNamedColumns?.map((col) => ({ field: col.field })) || [];
+        const leafColumns = this.columnInfoService.leafNamedColumns || [];
+        this.aiRequestResponseService.processCommands(response.commands || [], columns, leafColumns);
+    }
     /**
      * @hidden
      */
@@ -32585,7 +33364,7 @@ class GridComponent {
     autoGenerateColumns() {
         if (this.shouldGenerateColumns && !this.columns.length && this.view.length) {
             this.columns.reset(Object.keys(this.view.at(0)).map(field => {
-                const column = new ColumnComponent();
+                const column = new ColumnComponent(undefined, this.idService);
                 column.field = field;
                 return column;
             }));
@@ -32976,7 +33755,7 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }, { token: GridAIRequestResponseService }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", adaptiveMode: "adaptiveMode", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", showInactiveTools: "showInactiveTools", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded", dataLayoutMode: "dataLayoutMode" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", gridStateChange: "gridStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-stack": "this.stackedClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
             BrowserSupportService,
             LocalizationService,
@@ -33023,6 +33802,7 @@ class GridComponent {
             SizingOptionsService,
             RowReorderService,
             ClipboardService,
+            GridAIRequestResponseService,
             RowspanService,
             AdaptiveGridService,
             ColumnMenuService,
@@ -33032,394 +33812,394 @@ class GridComponent {
         <ng-container kendoGridLocalizedMessages
           i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
           groupPanelEmpty="Drag a column header and drop it here to group by that column"
-        
+
           i18n-noRecords="kendo.grid.noRecords|The label visible in the Grid when there are no records"
           noRecords="No records available."
-        
+
           i18n-pagerLabel="kendo.grid.pagerLabel|The label for the Grid pager"
           pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
-        
+
           i18n-pagerFirstPage="kendo.grid.pagerFirstPage|The label for the first page button in Grid pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.grid.pagerPreviousPage|The label for the previous page button in Grid pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.grid.pagerNextPage|The label for the next page button in Grid pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.grid.pagerLastPage|The label for the last page button in Grid pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.grid.pagerPage|The label before the current page number in the Grid pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.grid.pagerOf|The label before the total pages number in the Grid pager"
           pagerOf="of"
-        
+
           i18n-pagerItems="kendo.grid.pagerItems|The label after the total pages number in the Grid pager"
           pagerItems="items"
-        
+
           i18n-pagerPageNumberInputTitle="kendo.grid.pagerPageNumberInputTitle|The label for the pager input in the Grid pager"
           pagerPageNumberInputTitle="Page Number"
-        
+
           i18n-pagerItemsPerPage="kendo.grid.pagerItemsPerPage|The label for the page size chooser in the Grid pager"
           pagerItemsPerPage="items per page"
-        
+
           i18n-pagerInputLabel="kendo.grid.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
           pagerInputLabel="Type a page number"
-        
+
           i18n-filter="kendo.grid.filter|The label of the filter cell or icon"
           filter="Filter"
-        
+
           i18n-filterInputLabel="kendo.grid.filterInputLabel|The label of the filter row and menu inputs"
           filterInputLabel="{{ '{columnName} Filter' }}"
-        
+
           i18n-filterMenuTitle="kendo.grid.filterMenuTitle|The title of the filter menu icon"
           filterMenuTitle="{{ '{columnName} Filter Menu' }}"
-        
+
           i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
           filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
-        
+
           i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
           filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
-        
+
           i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
           booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
-        
+
           i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
           filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
-        
+
           i18n-filterEqOperator="kendo.grid.filterEqOperator|The text of the equal filter operator"
           filterEqOperator="Is equal to"
-        
+
           i18n-filterNotEqOperator="kendo.grid.filterNotEqOperator|The text of the not equal filter operator"
           filterNotEqOperator="Is not equal to"
-        
+
           i18n-filterIsNullOperator="kendo.grid.filterIsNullOperator|The text of the is null filter operator"
           filterIsNullOperator="Is null"
-        
+
           i18n-filterIsNotNullOperator="kendo.grid.filterIsNotNullOperator|The text of the is not null filter operator"
           filterIsNotNullOperator="Is not null"
-        
+
           i18n-filterIsEmptyOperator="kendo.grid.filterIsEmptyOperator|The text of the is empty filter operator"
           filterIsEmptyOperator="Is empty"
-        
+
           i18n-filterIsNotEmptyOperator="kendo.grid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
           filterIsNotEmptyOperator="Is not empty"
-        
+
           i18n-filterStartsWithOperator="kendo.grid.filterStartsWithOperator|The text of the starts with filter operator"
           filterStartsWithOperator="Starts with"
-        
+
           i18n-filterContainsOperator="kendo.grid.filterContainsOperator|The text of the contains filter operator"
           filterContainsOperator="Contains"
-        
+
           i18n-filterNotContainsOperator="kendo.grid.filterNotContainsOperator|The text of the does not contain filter operator"
           filterNotContainsOperator="Does not contain"
-        
+
           i18n-filterEndsWithOperator="kendo.grid.filterEndsWithOperator|The text of the ends with filter operator"
           filterEndsWithOperator="Ends with"
-        
+
           i18n-filterGteOperator="kendo.grid.filterGteOperator|The text of the greater than or equal filter operator"
           filterGteOperator="Is greater than or equal to"
-        
+
           i18n-filterGtOperator="kendo.grid.filterGtOperator|The text of the greater than filter operator"
           filterGtOperator="Is greater than"
-        
+
           i18n-filterLteOperator="kendo.grid.filterLteOperator|The text of the less than or equal filter operator"
           filterLteOperator="Is less than or equal to"
-        
+
           i18n-filterLtOperator="kendo.grid.filterLtOperator|The text of the less than filter operator"
           filterLtOperator="Is less than"
-        
+
           i18n-filterIsTrue="kendo.grid.filterIsTrue|The text of the IsTrue boolean filter option"
           filterIsTrue="Is True"
-        
+
           i18n-filterIsFalse="kendo.grid.filterIsFalse|The text of the IsFalse boolean filter option"
           filterIsFalse="Is False"
-        
+
           i18n-filterBooleanAll="kendo.grid.filterBooleanAll|The text of the (All) boolean filter option"
           filterBooleanAll="(All)"
-        
+
           i18n-filterAfterOrEqualOperator="kendo.grid.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
           filterAfterOrEqualOperator="Is after or equal to"
-        
+
           i18n-filterAfterOperator="kendo.grid.filterAfterOperator|The text of the after date filter operator"
           filterAfterOperator="Is after"
-        
+
           i18n-filterBeforeOperator="kendo.grid.filterBeforeOperator|The text of the before date filter operator"
           filterBeforeOperator="Is before"
-        
+
           i18n-filterBeforeOrEqualOperator="kendo.grid.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
           filterBeforeOrEqualOperator="Is before or equal to"
-        
+
           i18n-filterFilterButton="kendo.grid.filterFilterButton|The text of the filter button"
           filterFilterButton="Filter"
-        
+
           i18n-filterClearButton="kendo.grid.filterClearButton|The text of the clear filter button"
           filterClearButton="Clear"
-        
+
           i18n-sortClearButton="kendo.grid.sortClearButton|The text of the clear sort button located in the Sort Toolbar Tool and adaptive Sort Toolbar Tool"
           sortClearButton="Clear sorting"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.grid.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-adaptiveBackButtonTitle="kendo.grid.adaptiveBackButtonTitle|The title of the Back button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveBackButtonTitle="Back"
-        
+
           i18n-filterClearAllButton="kendo.grid.filterClearAllButton|The text of the clear all filters button located in the Filter Toolbar Tool and adaptive Filter Toolbar Tool"
           filterClearAllButton="Clear all filters"
-        
+
           i18n-groupClearButton="kendo.grid.groupClearButton|The text of the clear grouping button in the Group Toolbar Tool and adaptive Group Toolbar Tool"
           groupClearButton="Clear grouping"
-        
+
           i18n-sortDoneButton="kendo.grid.sortDoneButton|The text of the done sort button"
           sortDoneButton="Done"
-        
+
           i18n-groupDoneButton="kendo.grid.groupDoneButton|The text of the done group button in the adaptive Group Toolbar Tool"
           groupDoneButton="Done"
-        
+
           i18n-filterAndLogic="kendo.grid.filterAndLogic|The text of the And filter logic"
           filterAndLogic="And"
-        
+
           i18n-filterOrLogic="kendo.grid.filterOrLogic|The text of the Or filter logic"
           filterOrLogic="Or"
-        
+
           i18n-filterToolbarToolText="kendo.grid.filterToolbarToolText|The button text of the Filter toolbar tool"
           filterToolbarToolText="Filter"
-        
+
           i18n-loading="kendo.grid.loading|The loading text"
           loading="Loading"
-        
+
           i18n-gridLabel="kendo.grid.gridLabel|The Grid aria-label"
           gridLabel="Data table"
-        
+
           i18n-columnMenu="kendo.grid.columnMenu|The title of the column menu icon"
           columnMenu="{{ '{columnName} Column Menu' }}"
-        
+
           i18n-columns="kendo.grid.columns|The text for the Grid Column Chooser and Column Chooser toolbar tool"
           columns="Columns"
-        
+
           i18n-columnsSubtitle="kendo.grid.columnsSubtitle|The subtitle for the adaptive Grid Column Chooser and Column Chooser toolbar tool"
           columnsSubtitle="Selected fields are visible"
-        
+
           i18n-adaptiveFilterTitle="kendo.grid.adaptiveFilterTitle|The title that is displayed in the adaptive Filter Toolbar Tool and Filter Menu"
           adaptiveFilterTitle="Filter by"
-        
+
           i18n-adaptiveFilterOperatorsTitle="kendo.grid.adaptiveFilterOperatorsTitle|The title that is displayed in the Operators Action Sheet"
           adaptiveFilterOperatorsTitle="Operators"
-        
+
           i18n-adaptiveSortTitle="kendo.grid.adaptiveSortTitle|The title that is displayed in the adaptive Sort Toolbar Tool"
           adaptiveSortTitle="Sort by"
-        
+
           i18n-adaptiveGroupTitle="kendo.grid.adaptiveGroupTitle|The title that is displayed in the adaptive Group Toolbar Tool."
           adaptiveGroupTitle="Group by"
-        
+
           i18n-lock="kendo.grid.lock|The text shown in the column menu for the lock item"
           lock="Lock"
-        
+
           i18n-unlock="kendo.grid.unlock|The text shown in the column menu for the unlock item"
           unlock="Unlock"
-        
+
           i18n-setColumnPosition="kendo.grid.setColumnPosition|The text shown in the column menu for the set column position item"
           setColumnPosition="Set Column Position"
-        
+
           i18n-stick="kendo.grid.stick|The text shown in the column menu for the stick item"
           stick="Stick"
-        
+
           i18n-unstick="kendo.grid.unstick|The text shown in the column menu for the unstick item"
           unstick="Unstick"
-        
+
           i18n-sortable="kendo.grid.sortable|The label of the sort icon"
           sortable="Sortable"
-        
+
           i18n-sortAscending="kendo.grid.sortAscending|The text shown in the column menu for the sort ascending item"
           sortAscending="Sort Ascending"
-        
+
           i18n-sortDescending="kendo.grid.sortDescending|The text shown in the column menu for the sort descending item"
           sortDescending="Sort Descending"
-        
+
           i18n-autosizeAllColumns="kendo.grid.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
           autosizeAllColumns="Autosize All Columns"
-        
+
           i18n-autosizeThisColumn="kendo.grid.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
           autosizeThisColumn="Autosize This Column"
-        
+
           i18n-sortedDefault="kendo.grid.sortedDefault|The status announcement when a column is no longer sorted"
           sortedDefault="Not Sorted"
-        
+
           i18n-sortedAscending="kendo.grid.sortedAscending|The title of the Group Chip indicating the ascending sorting order of the groups"
           sortedAscending="Sorted Ascending"
-        
+
           i18n-sortedDescending="kendo.grid.sortedDescending|The title of the Group Chip indicating the descending sorting order of the groups"
           sortedDescending="Sorted Descending"
-        
+
           i18n-columnsApply="kendo.grid.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
           columnsApply="Apply"
-        
+
           i18n-columnsReset="kendo.grid.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
           columnsReset="Reset"
-        
+
           i18n-detailExpand="kendo.grid.detailExpand|The title of the expand icon of detail rows. Applies also to the expand button text in stacked mode."
           detailExpand="Expand Details"
-        
+
           i18n-detailCollapse="kendo.grid.detailCollapse|The title of the collapse icon of detail rows. Applies also to the collapse button text in stacked mode."
           detailCollapse="Collapse Details"
-        
+
           i18n-filterDateToday="kendo.grid.filterDateToday|The text of the Today button of the Date filter."
           filterDateToday="TODAY"
-        
+
           i18n-filterDateToggle="kendo.grid.filterDateToggle|The title of the Toggle button of the Date filter."
           filterDateToggle="Toggle Calendar"
-        
+
           i18n-filterNumericDecrement="kendo.grid.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
           filterNumericDecrement="Decrement"
-        
+
           i18n-filterNumericIncrement="kendo.grid.filterNumericIncrement|The title of the Increment button of the Numeric filter."
           filterNumericIncrement="Increment"
-        
+
           i18n-selectionCheckboxLabel="kendo.grid.selectionCheckboxLabel|The labels of the checkbox column checkboxes."
           selectionCheckboxLabel="Select Row"
-        
+
           i18n-selectAllCheckboxLabel="kendo.grid.selectAllCheckboxLabel|The label of the checkbox column select all checkbox."
           selectAllCheckboxLabel="Select All Rows"
-        
+
           i18n-sortToolbarToolText="kendo.grid.sortToolbarToolText|The button text of the Sort toolbar tool."
           sortToolbarToolText="Sort"
-        
+
           i18n-groupCollapse="kendo.grid.groupCollapse|The text of the title and aria-label attributes applied to the collapse icon of group rows."
           groupCollapse="Collapse Group"
-        
+
           i18n-groupExpand="kendo.grid.groupExpand|The text of the title and aria-label attributes applied to the expand icon of group rows."
           groupExpand="Expand Group"
-        
+
           i18n-pagerSelectPage="kendo.grid.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
           pagerSelectPage="Select page"
-        
+
           i18n-topToolbarLabel="kendo.grid.topToolbarLabel|The label for the Grid top toolbar"
           topToolbarLabel="Top toolbar"
-        
+
           i18n-bottomToolbarLabel="kendo.grid.bottomToolbarLabel|The label for the Grid bottom toolbar"
           bottomToolbarLabel="Bottom toolbar"
-        
+
           i18n-editToolbarToolText="kendo.grid.editToolbarToolText|The text for the Grid Edit toolbar tool"
           editToolbarToolText="Edit"
-        
+
           i18n-saveToolbarToolText="kendo.grid.saveToolbarToolText|The text for the Grid Save toolbar tool"
           saveToolbarToolText="Save"
-        
+
           i18n-addToolbarToolText="kendo.grid.addToolbarToolText|The text for the Grid Add toolbar tool"
           addToolbarToolText="Add"
-        
+
           i18n-cancelToolbarToolText="kendo.grid.cancelToolbarToolText|The text for the Grid Cancel toolbar tool"
           cancelToolbarToolText="Cancel"
-        
+
           i18n-removeToolbarToolText="kendo.grid.removeToolbarToolText|The text for the Grid Remove toolbar tool"
           removeToolbarToolText="Delete"
-        
+
           i18n-excelExportToolbarToolText="kendo.grid.excelExportToolbarToolText|The text for the Grid Excel export toolbar tool"
           excelExportToolbarToolText="Excel Export"
-        
+
           i18n-pdfExportToolbarToolText="kendo.grid.pdfExportToolbarToolText|The text for the Grid PDF export toolbar tool"
           pdfExportToolbarToolText="PDF Export"
-        
+
           i18n-groupPanelLabel="kendo.grid.groupPanelLabel|The label for the Grid group panel toolbar"
           groupPanelLabel="Group panel"
-        
+
           i18n-dragRowHandleLabel="kendo.grid.dragRowHandleLabel|The label for the Grid drag row handle"
           dragRowHandleLabel="Drag row"
-        
+
           i18n-columnMenuFilterTabTitle="kendo.grid.columnMenuFilterTabTitle|The title for the column menu Filter tab"
           columnMenuFilterTabTitle="Filter"
-        
+
           i18n-columnMenuGeneralTabTitle="kendo.grid.columnMenuGeneralTabTitle|The title for the column menu General tab"
           columnMenuGeneralTabTitle="General"
-        
+
           i18n-columnMenuColumnsTabTitle="kendo.grid.columnMenuColumnsTabTitle|The title for the column menu Columns tab"
           columnMenuColumnsTabTitle="Columns"
-        
+
           i18n-groupChipMenuPrevious="kendo.grid.groupChipMenuPrevious|The text for the Group pane Chip Menu Move as previous item"
           groupChipMenuPrevious="Move as previous"
-        
+
           i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
           groupChipMenuNext="Move as next"
-        
+
           i18n-groupToolbarToolText="kendo.grid.groupToolbarToolText|The button text of the Group toolbar tool"
           groupToolbarToolText="Group"
-        
+
           i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
           formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
-        
+
           i18n-removeConfirmationDialogTitle="kendo.grid.removeConfirmationDialogTitle|The title of the built-in remove item confirmation Dialog"
           removeConfirmationDialogTitle="Please confirm"
-        
+
           i18n-removeConfirmationDialogContent="kendo.grid.removeConfirmationDialogContent|The content of the built-in remove item confirmation Dialog"
           removeConfirmationDialogContent="Are you sure you want to delete this item?"
-        
+
           i18n-removeConfirmationDialogConfirmText="kendo.grid.removeConfirmationDialogConfirmText|The text of the built-in remove item confirmation Dialog confirm action button"
           removeConfirmationDialogConfirmText="Yes"
-        
+
           i18n-removeConfirmationDialogRejectText="kendo.grid.removeConfirmationDialogRejectText|The text of the built-in remove item confirmation Dialog reject action button"
           removeConfirmationDialogRejectText="No"
-        
+
           i18n-externalEditingTitle="kendo.grid.externalEditingTitle|The title of the built-in external editing form container when editing an item"
           externalEditingTitle="Edit"
-        
+
           i18n-externalEditingAddTitle="kendo.grid.externalEditingAddTitle|The title of the built-in external editing form container when adding a new item"
           externalEditingAddTitle="Add"
-        
+
           i18n-externalEditingSaveText="kendo.grid.externalEditingSaveText|The text of the external editing form Save button"
           externalEditingSaveText="Save"
-        
+
           i18n-externalEditingCancelText="kendo.grid.externalEditingCancelText|The text of the external editing form Cancel button"
           externalEditingCancelText="Cancel"
-        
+
           i18n-aiAssistantToolbarToolText="kendo.grid.aiAssistantToolbarToolText|The text of the AI Assistant toolbar tool"
           aiAssistantToolbarToolText="AI Assistant"
-        
+
           i18n-aiAssistantWindowTitle="kendo.grid.aiAssistantWindowTitle|The text of the AI Assistant Window title"
           aiAssistantWindowTitle="AI Assistant"
-        
+
           i18n-aiAssistantApplyButtonText="kendo.grid.aiAssistantApplyButtonText|The text of the AI Assistant Apply button"
           aiAssistantApplyButtonText="Apply"
-        
+
           i18n-aiAssistantWindowCloseTitle="kendo.grid.aiAssistantWindowCloseTitle|The title of the AI Assistant Window close button"
           aiAssistantWindowCloseTitle="Close"
-        
+
           i18n-aiAssistantWindowMaximizeTitle="kendo.grid.aiAssistantWindowMaximizeTitle|The title of the AI Assistant Window maximize button"
           aiAssistantWindowMaximizeTitle="Maximize"
-        
+
           i18n-aiAssistantWindowMinimizeTitle="kendo.grid.aiAssistantWindowMinimizeTitle|The title of the AI Assistant Window minimize button"
           aiAssistantWindowMinimizeTitle="Minimize"
-        
+
           i18n-aiAssistantWindowRestoreTitle="kendo.grid.aiAssistantWindowRestoreTitle|The title of the AI Assistant Window restore button"
           aiAssistantWindowRestoreTitle="Restore"
-        
+
           i18n-aiAssistantOutputCardTitle="kendo.grid.aiAssistantOutputCardTitle|The title of the AI Assistant Prompt Output Card"
           aiAssistantOutputCardTitle="Generated with AI"
-        
+
           i18n-aiAssistantOutputCardBodyContent="kendo.grid.aiAssistantOutputCardBodyContent|The success message dispayed in the AI Assistant Prompt Output Card's body"
           aiAssistantOutputCardBodyContent="Operation is successful. Data is:"
-        
+
           i18n-aiAssistantSelectionNotEnabled="kendo.grid.aiAssistantSelectionNotEnabled|The message shown when AI selection requires the Grid selectable option"
           aiAssistantSelectionNotEnabled="Selection can be applied only when the Grid selectable option is enabled."
-        
+
           i18n-aiAssistantSelectionRowModeRequired="kendo.grid.aiAssistantSelectionRowModeRequired|The message shown when AI selection requires row selection mode"
           aiAssistantSelectionRowModeRequired="Selection can be applied only when row selection mode is enabled."
-        
+
           i18n-aiAssistantSelectionCellModeRequired="kendo.grid.aiAssistantSelectionCellModeRequired|The message shown when AI selection requires cell selection mode"
           aiAssistantSelectionCellModeRequired="Selection can be applied only when cell selection mode is enabled."
-        
+
           i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
           columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
-        
+
           i18n-multiCheckboxFilterSearchPlaceholder="kendo.grid.multiCheckboxFilterSearchPlaceholder|The placeholder text for the multi-checkbox filter search input"
           multiCheckboxFilterSearchPlaceholder="Search..."
-        
+
           i18n-multiCheckboxFilterSelectAllLabel="kendo.grid.multiCheckboxFilterSelectAllLabel|The label for the multi-checkbox filter select all option"
           multiCheckboxFilterSelectAllLabel="Select all"
-        
+
           i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
           multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
           >
@@ -33832,7 +34612,7 @@ class GridComponent {
             position="bottom">
           </kendo-grid-toolbar>
         }
-        
+
         <ng-template #defaultHint>
           <kendo-icon-wrapper
             [name]="getHintSettings('hintIcon')"
@@ -33841,7 +34621,7 @@ class GridComponent {
           </kendo-icon-wrapper>
           {{hintText}}
         </ng-template>
-        
+
         <ng-template #defaultPager>
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
@@ -33874,14 +34654,14 @@ class GridComponent {
         </ng-template>
         <div #dialogContainer></div>
         <div #windowContainer></div>
-        
+
         @if (isAdaptiveModeEnabled) {
           <kendo-grid-adaptive-renderer></kendo-grid-adaptive-renderer>
         }
         @if (isVirtual) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
-        
+
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
@@ -33938,6 +34718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         SizingOptionsService,
                         RowReorderService,
                         ClipboardService,
+                        GridAIRequestResponseService,
                         RowspanService,
                         AdaptiveGridService,
                         ColumnMenuService,
@@ -33949,394 +34730,394 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <ng-container kendoGridLocalizedMessages
           i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
           groupPanelEmpty="Drag a column header and drop it here to group by that column"
-        
+
           i18n-noRecords="kendo.grid.noRecords|The label visible in the Grid when there are no records"
           noRecords="No records available."
-        
+
           i18n-pagerLabel="kendo.grid.pagerLabel|The label for the Grid pager"
           pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
-        
+
           i18n-pagerFirstPage="kendo.grid.pagerFirstPage|The label for the first page button in Grid pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.grid.pagerPreviousPage|The label for the previous page button in Grid pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.grid.pagerNextPage|The label for the next page button in Grid pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.grid.pagerLastPage|The label for the last page button in Grid pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.grid.pagerPage|The label before the current page number in the Grid pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.grid.pagerOf|The label before the total pages number in the Grid pager"
           pagerOf="of"
-        
+
           i18n-pagerItems="kendo.grid.pagerItems|The label after the total pages number in the Grid pager"
           pagerItems="items"
-        
+
           i18n-pagerPageNumberInputTitle="kendo.grid.pagerPageNumberInputTitle|The label for the pager input in the Grid pager"
           pagerPageNumberInputTitle="Page Number"
-        
+
           i18n-pagerItemsPerPage="kendo.grid.pagerItemsPerPage|The label for the page size chooser in the Grid pager"
           pagerItemsPerPage="items per page"
-        
+
           i18n-pagerInputLabel="kendo.grid.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
           pagerInputLabel="Type a page number"
-        
+
           i18n-filter="kendo.grid.filter|The label of the filter cell or icon"
           filter="Filter"
-        
+
           i18n-filterInputLabel="kendo.grid.filterInputLabel|The label of the filter row and menu inputs"
           filterInputLabel="{{ '{columnName} Filter' }}"
-        
+
           i18n-filterMenuTitle="kendo.grid.filterMenuTitle|The title of the filter menu icon"
           filterMenuTitle="{{ '{columnName} Filter Menu' }}"
-        
+
           i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
           filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
-        
+
           i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
           filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
-        
+
           i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
           booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
-        
+
           i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
           filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
-        
+
           i18n-filterEqOperator="kendo.grid.filterEqOperator|The text of the equal filter operator"
           filterEqOperator="Is equal to"
-        
+
           i18n-filterNotEqOperator="kendo.grid.filterNotEqOperator|The text of the not equal filter operator"
           filterNotEqOperator="Is not equal to"
-        
+
           i18n-filterIsNullOperator="kendo.grid.filterIsNullOperator|The text of the is null filter operator"
           filterIsNullOperator="Is null"
-        
+
           i18n-filterIsNotNullOperator="kendo.grid.filterIsNotNullOperator|The text of the is not null filter operator"
           filterIsNotNullOperator="Is not null"
-        
+
           i18n-filterIsEmptyOperator="kendo.grid.filterIsEmptyOperator|The text of the is empty filter operator"
           filterIsEmptyOperator="Is empty"
-        
+
           i18n-filterIsNotEmptyOperator="kendo.grid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
           filterIsNotEmptyOperator="Is not empty"
-        
+
           i18n-filterStartsWithOperator="kendo.grid.filterStartsWithOperator|The text of the starts with filter operator"
           filterStartsWithOperator="Starts with"
-        
+
           i18n-filterContainsOperator="kendo.grid.filterContainsOperator|The text of the contains filter operator"
           filterContainsOperator="Contains"
-        
+
           i18n-filterNotContainsOperator="kendo.grid.filterNotContainsOperator|The text of the does not contain filter operator"
           filterNotContainsOperator="Does not contain"
-        
+
           i18n-filterEndsWithOperator="kendo.grid.filterEndsWithOperator|The text of the ends with filter operator"
           filterEndsWithOperator="Ends with"
-        
+
           i18n-filterGteOperator="kendo.grid.filterGteOperator|The text of the greater than or equal filter operator"
           filterGteOperator="Is greater than or equal to"
-        
+
           i18n-filterGtOperator="kendo.grid.filterGtOperator|The text of the greater than filter operator"
           filterGtOperator="Is greater than"
-        
+
           i18n-filterLteOperator="kendo.grid.filterLteOperator|The text of the less than or equal filter operator"
           filterLteOperator="Is less than or equal to"
-        
+
           i18n-filterLtOperator="kendo.grid.filterLtOperator|The text of the less than filter operator"
           filterLtOperator="Is less than"
-        
+
           i18n-filterIsTrue="kendo.grid.filterIsTrue|The text of the IsTrue boolean filter option"
           filterIsTrue="Is True"
-        
+
           i18n-filterIsFalse="kendo.grid.filterIsFalse|The text of the IsFalse boolean filter option"
           filterIsFalse="Is False"
-        
+
           i18n-filterBooleanAll="kendo.grid.filterBooleanAll|The text of the (All) boolean filter option"
           filterBooleanAll="(All)"
-        
+
           i18n-filterAfterOrEqualOperator="kendo.grid.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
           filterAfterOrEqualOperator="Is after or equal to"
-        
+
           i18n-filterAfterOperator="kendo.grid.filterAfterOperator|The text of the after date filter operator"
           filterAfterOperator="Is after"
-        
+
           i18n-filterBeforeOperator="kendo.grid.filterBeforeOperator|The text of the before date filter operator"
           filterBeforeOperator="Is before"
-        
+
           i18n-filterBeforeOrEqualOperator="kendo.grid.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
           filterBeforeOrEqualOperator="Is before or equal to"
-        
+
           i18n-filterFilterButton="kendo.grid.filterFilterButton|The text of the filter button"
           filterFilterButton="Filter"
-        
+
           i18n-filterClearButton="kendo.grid.filterClearButton|The text of the clear filter button"
           filterClearButton="Clear"
-        
+
           i18n-sortClearButton="kendo.grid.sortClearButton|The text of the clear sort button located in the Sort Toolbar Tool and adaptive Sort Toolbar Tool"
           sortClearButton="Clear sorting"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.grid.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-adaptiveBackButtonTitle="kendo.grid.adaptiveBackButtonTitle|The title of the Back button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveBackButtonTitle="Back"
-        
+
           i18n-filterClearAllButton="kendo.grid.filterClearAllButton|The text of the clear all filters button located in the Filter Toolbar Tool and adaptive Filter Toolbar Tool"
           filterClearAllButton="Clear all filters"
-        
+
           i18n-groupClearButton="kendo.grid.groupClearButton|The text of the clear grouping button in the Group Toolbar Tool and adaptive Group Toolbar Tool"
           groupClearButton="Clear grouping"
-        
+
           i18n-sortDoneButton="kendo.grid.sortDoneButton|The text of the done sort button"
           sortDoneButton="Done"
-        
+
           i18n-groupDoneButton="kendo.grid.groupDoneButton|The text of the done group button in the adaptive Group Toolbar Tool"
           groupDoneButton="Done"
-        
+
           i18n-filterAndLogic="kendo.grid.filterAndLogic|The text of the And filter logic"
           filterAndLogic="And"
-        
+
           i18n-filterOrLogic="kendo.grid.filterOrLogic|The text of the Or filter logic"
           filterOrLogic="Or"
-        
+
           i18n-filterToolbarToolText="kendo.grid.filterToolbarToolText|The button text of the Filter toolbar tool"
           filterToolbarToolText="Filter"
-        
+
           i18n-loading="kendo.grid.loading|The loading text"
           loading="Loading"
-        
+
           i18n-gridLabel="kendo.grid.gridLabel|The Grid aria-label"
           gridLabel="Data table"
-        
+
           i18n-columnMenu="kendo.grid.columnMenu|The title of the column menu icon"
           columnMenu="{{ '{columnName} Column Menu' }}"
-        
+
           i18n-columns="kendo.grid.columns|The text for the Grid Column Chooser and Column Chooser toolbar tool"
           columns="Columns"
-        
+
           i18n-columnsSubtitle="kendo.grid.columnsSubtitle|The subtitle for the adaptive Grid Column Chooser and Column Chooser toolbar tool"
           columnsSubtitle="Selected fields are visible"
-        
+
           i18n-adaptiveFilterTitle="kendo.grid.adaptiveFilterTitle|The title that is displayed in the adaptive Filter Toolbar Tool and Filter Menu"
           adaptiveFilterTitle="Filter by"
-        
+
           i18n-adaptiveFilterOperatorsTitle="kendo.grid.adaptiveFilterOperatorsTitle|The title that is displayed in the Operators Action Sheet"
           adaptiveFilterOperatorsTitle="Operators"
-        
+
           i18n-adaptiveSortTitle="kendo.grid.adaptiveSortTitle|The title that is displayed in the adaptive Sort Toolbar Tool"
           adaptiveSortTitle="Sort by"
-        
+
           i18n-adaptiveGroupTitle="kendo.grid.adaptiveGroupTitle|The title that is displayed in the adaptive Group Toolbar Tool."
           adaptiveGroupTitle="Group by"
-        
+
           i18n-lock="kendo.grid.lock|The text shown in the column menu for the lock item"
           lock="Lock"
-        
+
           i18n-unlock="kendo.grid.unlock|The text shown in the column menu for the unlock item"
           unlock="Unlock"
-        
+
           i18n-setColumnPosition="kendo.grid.setColumnPosition|The text shown in the column menu for the set column position item"
           setColumnPosition="Set Column Position"
-        
+
           i18n-stick="kendo.grid.stick|The text shown in the column menu for the stick item"
           stick="Stick"
-        
+
           i18n-unstick="kendo.grid.unstick|The text shown in the column menu for the unstick item"
           unstick="Unstick"
-        
+
           i18n-sortable="kendo.grid.sortable|The label of the sort icon"
           sortable="Sortable"
-        
+
           i18n-sortAscending="kendo.grid.sortAscending|The text shown in the column menu for the sort ascending item"
           sortAscending="Sort Ascending"
-        
+
           i18n-sortDescending="kendo.grid.sortDescending|The text shown in the column menu for the sort descending item"
           sortDescending="Sort Descending"
-        
+
           i18n-autosizeAllColumns="kendo.grid.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
           autosizeAllColumns="Autosize All Columns"
-        
+
           i18n-autosizeThisColumn="kendo.grid.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
           autosizeThisColumn="Autosize This Column"
-        
+
           i18n-sortedDefault="kendo.grid.sortedDefault|The status announcement when a column is no longer sorted"
           sortedDefault="Not Sorted"
-        
+
           i18n-sortedAscending="kendo.grid.sortedAscending|The title of the Group Chip indicating the ascending sorting order of the groups"
           sortedAscending="Sorted Ascending"
-        
+
           i18n-sortedDescending="kendo.grid.sortedDescending|The title of the Group Chip indicating the descending sorting order of the groups"
           sortedDescending="Sorted Descending"
-        
+
           i18n-columnsApply="kendo.grid.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
           columnsApply="Apply"
-        
+
           i18n-columnsReset="kendo.grid.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
           columnsReset="Reset"
-        
+
           i18n-detailExpand="kendo.grid.detailExpand|The title of the expand icon of detail rows. Applies also to the expand button text in stacked mode."
           detailExpand="Expand Details"
-        
+
           i18n-detailCollapse="kendo.grid.detailCollapse|The title of the collapse icon of detail rows. Applies also to the collapse button text in stacked mode."
           detailCollapse="Collapse Details"
-        
+
           i18n-filterDateToday="kendo.grid.filterDateToday|The text of the Today button of the Date filter."
           filterDateToday="TODAY"
-        
+
           i18n-filterDateToggle="kendo.grid.filterDateToggle|The title of the Toggle button of the Date filter."
           filterDateToggle="Toggle Calendar"
-        
+
           i18n-filterNumericDecrement="kendo.grid.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
           filterNumericDecrement="Decrement"
-        
+
           i18n-filterNumericIncrement="kendo.grid.filterNumericIncrement|The title of the Increment button of the Numeric filter."
           filterNumericIncrement="Increment"
-        
+
           i18n-selectionCheckboxLabel="kendo.grid.selectionCheckboxLabel|The labels of the checkbox column checkboxes."
           selectionCheckboxLabel="Select Row"
-        
+
           i18n-selectAllCheckboxLabel="kendo.grid.selectAllCheckboxLabel|The label of the checkbox column select all checkbox."
           selectAllCheckboxLabel="Select All Rows"
-        
+
           i18n-sortToolbarToolText="kendo.grid.sortToolbarToolText|The button text of the Sort toolbar tool."
           sortToolbarToolText="Sort"
-        
+
           i18n-groupCollapse="kendo.grid.groupCollapse|The text of the title and aria-label attributes applied to the collapse icon of group rows."
           groupCollapse="Collapse Group"
-        
+
           i18n-groupExpand="kendo.grid.groupExpand|The text of the title and aria-label attributes applied to the expand icon of group rows."
           groupExpand="Expand Group"
-        
+
           i18n-pagerSelectPage="kendo.grid.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
           pagerSelectPage="Select page"
-        
+
           i18n-topToolbarLabel="kendo.grid.topToolbarLabel|The label for the Grid top toolbar"
           topToolbarLabel="Top toolbar"
-        
+
           i18n-bottomToolbarLabel="kendo.grid.bottomToolbarLabel|The label for the Grid bottom toolbar"
           bottomToolbarLabel="Bottom toolbar"
-        
+
           i18n-editToolbarToolText="kendo.grid.editToolbarToolText|The text for the Grid Edit toolbar tool"
           editToolbarToolText="Edit"
-        
+
           i18n-saveToolbarToolText="kendo.grid.saveToolbarToolText|The text for the Grid Save toolbar tool"
           saveToolbarToolText="Save"
-        
+
           i18n-addToolbarToolText="kendo.grid.addToolbarToolText|The text for the Grid Add toolbar tool"
           addToolbarToolText="Add"
-        
+
           i18n-cancelToolbarToolText="kendo.grid.cancelToolbarToolText|The text for the Grid Cancel toolbar tool"
           cancelToolbarToolText="Cancel"
-        
+
           i18n-removeToolbarToolText="kendo.grid.removeToolbarToolText|The text for the Grid Remove toolbar tool"
           removeToolbarToolText="Delete"
-        
+
           i18n-excelExportToolbarToolText="kendo.grid.excelExportToolbarToolText|The text for the Grid Excel export toolbar tool"
           excelExportToolbarToolText="Excel Export"
-        
+
           i18n-pdfExportToolbarToolText="kendo.grid.pdfExportToolbarToolText|The text for the Grid PDF export toolbar tool"
           pdfExportToolbarToolText="PDF Export"
-        
+
           i18n-groupPanelLabel="kendo.grid.groupPanelLabel|The label for the Grid group panel toolbar"
           groupPanelLabel="Group panel"
-        
+
           i18n-dragRowHandleLabel="kendo.grid.dragRowHandleLabel|The label for the Grid drag row handle"
           dragRowHandleLabel="Drag row"
-        
+
           i18n-columnMenuFilterTabTitle="kendo.grid.columnMenuFilterTabTitle|The title for the column menu Filter tab"
           columnMenuFilterTabTitle="Filter"
-        
+
           i18n-columnMenuGeneralTabTitle="kendo.grid.columnMenuGeneralTabTitle|The title for the column menu General tab"
           columnMenuGeneralTabTitle="General"
-        
+
           i18n-columnMenuColumnsTabTitle="kendo.grid.columnMenuColumnsTabTitle|The title for the column menu Columns tab"
           columnMenuColumnsTabTitle="Columns"
-        
+
           i18n-groupChipMenuPrevious="kendo.grid.groupChipMenuPrevious|The text for the Group pane Chip Menu Move as previous item"
           groupChipMenuPrevious="Move as previous"
-        
+
           i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
           groupChipMenuNext="Move as next"
-        
+
           i18n-groupToolbarToolText="kendo.grid.groupToolbarToolText|The button text of the Group toolbar tool"
           groupToolbarToolText="Group"
-        
+
           i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
           formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
-        
+
           i18n-removeConfirmationDialogTitle="kendo.grid.removeConfirmationDialogTitle|The title of the built-in remove item confirmation Dialog"
           removeConfirmationDialogTitle="Please confirm"
-        
+
           i18n-removeConfirmationDialogContent="kendo.grid.removeConfirmationDialogContent|The content of the built-in remove item confirmation Dialog"
           removeConfirmationDialogContent="Are you sure you want to delete this item?"
-        
+
           i18n-removeConfirmationDialogConfirmText="kendo.grid.removeConfirmationDialogConfirmText|The text of the built-in remove item confirmation Dialog confirm action button"
           removeConfirmationDialogConfirmText="Yes"
-        
+
           i18n-removeConfirmationDialogRejectText="kendo.grid.removeConfirmationDialogRejectText|The text of the built-in remove item confirmation Dialog reject action button"
           removeConfirmationDialogRejectText="No"
-        
+
           i18n-externalEditingTitle="kendo.grid.externalEditingTitle|The title of the built-in external editing form container when editing an item"
           externalEditingTitle="Edit"
-        
+
           i18n-externalEditingAddTitle="kendo.grid.externalEditingAddTitle|The title of the built-in external editing form container when adding a new item"
           externalEditingAddTitle="Add"
-        
+
           i18n-externalEditingSaveText="kendo.grid.externalEditingSaveText|The text of the external editing form Save button"
           externalEditingSaveText="Save"
-        
+
           i18n-externalEditingCancelText="kendo.grid.externalEditingCancelText|The text of the external editing form Cancel button"
           externalEditingCancelText="Cancel"
-        
+
           i18n-aiAssistantToolbarToolText="kendo.grid.aiAssistantToolbarToolText|The text of the AI Assistant toolbar tool"
           aiAssistantToolbarToolText="AI Assistant"
-        
+
           i18n-aiAssistantWindowTitle="kendo.grid.aiAssistantWindowTitle|The text of the AI Assistant Window title"
           aiAssistantWindowTitle="AI Assistant"
-        
+
           i18n-aiAssistantApplyButtonText="kendo.grid.aiAssistantApplyButtonText|The text of the AI Assistant Apply button"
           aiAssistantApplyButtonText="Apply"
-        
+
           i18n-aiAssistantWindowCloseTitle="kendo.grid.aiAssistantWindowCloseTitle|The title of the AI Assistant Window close button"
           aiAssistantWindowCloseTitle="Close"
-        
+
           i18n-aiAssistantWindowMaximizeTitle="kendo.grid.aiAssistantWindowMaximizeTitle|The title of the AI Assistant Window maximize button"
           aiAssistantWindowMaximizeTitle="Maximize"
-        
+
           i18n-aiAssistantWindowMinimizeTitle="kendo.grid.aiAssistantWindowMinimizeTitle|The title of the AI Assistant Window minimize button"
           aiAssistantWindowMinimizeTitle="Minimize"
-        
+
           i18n-aiAssistantWindowRestoreTitle="kendo.grid.aiAssistantWindowRestoreTitle|The title of the AI Assistant Window restore button"
           aiAssistantWindowRestoreTitle="Restore"
-        
+
           i18n-aiAssistantOutputCardTitle="kendo.grid.aiAssistantOutputCardTitle|The title of the AI Assistant Prompt Output Card"
           aiAssistantOutputCardTitle="Generated with AI"
-        
+
           i18n-aiAssistantOutputCardBodyContent="kendo.grid.aiAssistantOutputCardBodyContent|The success message dispayed in the AI Assistant Prompt Output Card's body"
           aiAssistantOutputCardBodyContent="Operation is successful. Data is:"
-        
+
           i18n-aiAssistantSelectionNotEnabled="kendo.grid.aiAssistantSelectionNotEnabled|The message shown when AI selection requires the Grid selectable option"
           aiAssistantSelectionNotEnabled="Selection can be applied only when the Grid selectable option is enabled."
-        
+
           i18n-aiAssistantSelectionRowModeRequired="kendo.grid.aiAssistantSelectionRowModeRequired|The message shown when AI selection requires row selection mode"
           aiAssistantSelectionRowModeRequired="Selection can be applied only when row selection mode is enabled."
-        
+
           i18n-aiAssistantSelectionCellModeRequired="kendo.grid.aiAssistantSelectionCellModeRequired|The message shown when AI selection requires cell selection mode"
           aiAssistantSelectionCellModeRequired="Selection can be applied only when cell selection mode is enabled."
-        
+
           i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
           columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
-        
+
           i18n-multiCheckboxFilterSearchPlaceholder="kendo.grid.multiCheckboxFilterSearchPlaceholder|The placeholder text for the multi-checkbox filter search input"
           multiCheckboxFilterSearchPlaceholder="Search..."
-        
+
           i18n-multiCheckboxFilterSelectAllLabel="kendo.grid.multiCheckboxFilterSelectAllLabel|The label for the multi-checkbox filter select all option"
           multiCheckboxFilterSelectAllLabel="Select all"
-        
+
           i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
           multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
           >
@@ -34749,7 +35530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             position="bottom">
           </kendo-grid-toolbar>
         }
-        
+
         <ng-template #defaultHint>
           <kendo-icon-wrapper
             [name]="getHintSettings('hintIcon')"
@@ -34758,7 +35539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           </kendo-icon-wrapper>
           {{hintText}}
         </ng-template>
-        
+
         <ng-template #defaultPager>
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
@@ -34791,14 +35572,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </ng-template>
         <div #dialogContainer></div>
         <div #windowContainer></div>
-        
+
         @if (isAdaptiveModeEnabled) {
           <kendo-grid-adaptive-renderer></kendo-grid-adaptive-renderer>
         }
         @if (isVirtual) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
-        
+
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
@@ -34830,7 +35611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ResizeSensorComponent
                     ]
                 }]
-        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }], propDecorators: { data: [{
+        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }, { type: GridAIRequestResponseService }, { type: IdService }], propDecorators: { data: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -38463,93 +39244,6 @@ class GridAIAssistantResponseErrorEvent extends PreventableEvent$1 {
     }
 }
 
-/**
- * @hidden
- * Converts date strings in a filter to Date objects.
- */
-const convertDateStringsInFilter = (filter) => {
-    if (!filter) {
-        return filter;
-    }
-    if (filter.filters && Array.isArray(filter.filters)) {
-        return {
-            ...filter,
-            filters: filter.filters.map(f => convertDateStringsInFilter(f))
-        };
-    }
-    if (filter.field && filter.value !== undefined) {
-        if (typeof filter.value === 'string' && isDateOperator(filter.operator)) {
-            const date = parseDate(filter.value);
-            return {
-                ...filter,
-                value: date || filter.value
-            };
-        }
-    }
-    return filter;
-};
-/**
- * @hidden
- */
-const isDateOperator = (operator) => {
-    const dateOperators = [
-        'eq', 'neq', 'lt', 'lte', 'gt', 'gte'
-    ];
-    return dateOperators.includes(operator);
-};
-/**
- * @hidden
- * Processes cell highlights for a specific filter and item.
- */
-const processCellHighlights = (filter, rowIndex, columns, highlightItems) => {
-    Object.keys(filter.cells).forEach((columnField) => {
-        const actualColumnIndex = Array.from(columns).findIndex((col) => col.field === columnField);
-        if (actualColumnIndex !== -1) {
-            highlightItems.push({
-                itemKey: rowIndex,
-                columnKey: actualColumnIndex,
-            });
-        }
-    });
-};
-/**
- * @hidden
- * Processes filtered results and adds highlight items.
- */
-const processFilteredResults = (filteredResults, data, filter, columns, highlightItems) => {
-    filteredResults?.forEach((item) => {
-        const rowIndex = data.findIndex((dataItem) => dataItem === item);
-        if (filter.cells && Object.keys(filter.cells).length > 0) {
-            processCellHighlights(filter, rowIndex, columns, highlightItems);
-        }
-        else {
-            highlightItems.push({
-                itemKey: rowIndex,
-            });
-        }
-    });
-};
-/**
- * @hidden
- * Highlights items in a grid based on the provided filters and columns.
- * @param data - The data to be highlighted.
- * @param filters - The composite highlight descriptors containing the filters and logic.
- * @param columns - The columns of the grid.
- * @returns An array of HighlightItem objects representing the highlighted items.
- */
-const highlightBy = (data, filters, columns) => {
-    const highlightItems = [];
-    filters.forEach((filter) => {
-        const processedFilters = filter.filters.map((filter) => convertDateStringsInFilter(filter));
-        const filteredResults = filterBy(data, {
-            logic: filter.logic || "and",
-            filters: processedFilters,
-        });
-        processFilteredResults(filteredResults, data, filter, columns, highlightItems);
-    });
-    return highlightItems;
-};
-
 /**
  * @hidden
  */
@@ -38558,6 +39252,7 @@ class AiAssistantComponent {
     ctx;
     columnInfoService;
     zone;
+    aiRequestResponseService;
     aiPrompt;
     activeView = 0;
     requestUrl;
@@ -38574,42 +39269,15 @@ class AiAssistantComponent {
     // flat columns used for highlight utilities (expects { field })
     columns = [];
     leafColumns = [];
-    // nested tree representing the actual Grid column components sent to the AI service
-    columnsTree = [];
     idCounter = 0;
-    constructor(http, ctx, columnInfoService, zone) {
+    constructor(http, ctx, columnInfoService, zone, aiRequestResponseService) {
         this.http = http;
         this.ctx = ctx;
         this.columnInfoService = columnInfoService;
         this.zone = zone;
+        this.aiRequestResponseService = aiRequestResponseService;
     }
     ngAfterViewInit() {
-        // Build a nested GridColumnDescriptor tree based on the actual Grid columns structure.
-        // This includes root columns and their nested children (for ColumnGroup and SpanColumn).
-        const rootColumns = this.ctx?.grid?.columnList?.rootColumns() || [];
-        const buildDescriptor = (col) => {
-            const hasChildren = Boolean(col.hasChildren && col.childrenArray?.length);
-            const descriptor = {
-                id: col.id,
-                field: col.field
-            };
-            if (hasChildren) {
-                descriptor.header = col.displayTitle;
-                descriptor.columns = col.childrenArray.map((c) => buildDescriptor(c));
-            }
-            // For special columns that don't have a field, emit an optional type token
-            // so the AI service knows how to treat them (checkbox/command/reorder)
-            if (!col.field) {
-                if (isCheckboxColumn(col)) {
-                    descriptor.type = 'checkbox';
-                }
-                else if (col instanceof CommandColumnComponent) {
-                    descriptor.type = 'command';
-                }
-            }
-            return descriptor;
-        };
-        this.columnsTree = rootColumns.map((col) => buildDescriptor(col));
         // Preserve a flat columns array (fields) for highlight utilities.
         // Use leafNamedColumns as the canonical list of leaf columns with display titles.
         this.leafColumns = this.columnInfoService.leafNamedColumns || [];
@@ -38637,8 +39305,7 @@ class AiAssistantComponent {
             this.lastMessage = ev.prompt;
         }
         this.requestData = {
-            // send nested tree to AI service
-            columns: this.columnsTree,
+            columns: [], // Will be populated by service
             promptMessage: ev.prompt,
             url: this.requestUrl,
             requestOptions: {
@@ -38646,16 +39313,7 @@ class AiAssistantComponent {
             }
         };
         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.requestData.requestOptions.body = this.aiRequestResponseService.buildRequestBody(this.requestData.promptMessage, this.requestData.requestOptions.role);
         }
         this.aiToolDirective.promptRequest.emit({ requestData: this.requestData, isRetry: ev.isRetry });
         if (!this.requestUrl) {
@@ -38690,12 +39348,11 @@ class AiAssistantComponent {
             return;
         }
         const messages = [];
-        // Include optional top-level message from the response
         if (responseBody.message) {
             messages.push(responseBody.message);
         }
-        // Execute received commands sequentially and collect messages.
-        this.processCommands(responseBody.commands || [], messages);
+        const commandMessages = this.aiRequestResponseService.processCommands(responseBody.commands || [], this.columns, this.leafColumns);
+        messages.push(...commandMessages);
         const responseContentStart = [`${this.ctx.localization.get('aiAssistantOutputCardBodyContent')} \n`];
         const responseContentBody = messages
             .map((output, idx) => `${idx + 1} ${output}`)
@@ -38735,545 +39392,7 @@ class AiAssistantComponent {
             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);
-        }
-    }
-    processCommands(commands, messages) {
-        if (!commands?.length) {
-            return;
-        }
-        const isFilterable = Boolean(this.ctx.grid.filterable);
-        const isSortable = Boolean(this.ctx.grid.sortable);
-        const isGroupable = Boolean(this.ctx.grid.groupable);
-        const findColumnById = (id) => this.ctx.grid.columnList.toArray().find((c) => c.id === id);
-        const updateColumnHierarchy = (column, updater) => {
-            const changed = [];
-            const queue = [column];
-            while (queue.length) {
-                const current = queue.shift();
-                if (!current) {
-                    continue;
-                }
-                const didChange = updater(current);
-                if (didChange) {
-                    changed.push(current);
-                }
-                if (current.hasChildren && current.childrenArray?.length) {
-                    queue.push(...current.childrenArray);
-                }
-            }
-            return changed;
-        };
-        commands.forEach((cmd) => {
-            let displayMessage = cmd.message || '';
-            if (this.isColumnCommand(cmd.type)) {
-                if (cmd.id) {
-                    const column = findColumnById(cmd.id);
-                    const replacement = this.getColumnReplacement(column);
-                    displayMessage = this.replaceQuotedColumnId(displayMessage, replacement);
-                }
-            }
-            messages.push(displayMessage);
-            switch (cmd.type) {
-                case 'GridSort':
-                    if (!isSortable) {
-                        break;
-                    }
-                    // cmd.sort is a SortDescriptor - replace or merge with existing sort
-                    this.processArrayResponse([cmd.sort], this.ctx.grid.currentState.sort || [], (item) => item.field, (mergedArray) => this.ctx.grid.sortChange.next(mergedArray));
-                    break;
-                case 'GridClearSort':
-                    if (!isSortable) {
-                        break;
-                    }
-                    this.ctx.grid.sortChange.next([]);
-                    break;
-                case 'GridFilter':
-                    if (!isFilterable) {
-                        break;
-                    }
-                    this.processFilterResponse(cmd.filter);
-                    break;
-                case 'GridClearFilter':
-                    if (!isFilterable) {
-                        break;
-                    }
-                    this.ctx.grid.filterChange.next(undefined);
-                    break;
-                case 'GridGroup':
-                    if (!isGroupable) {
-                        break;
-                    }
-                    this.processArrayResponse([cmd.group], this.ctx.grid.currentState.group || [], (item) => item.field, (mergedArray) => this.ctx.grid.groupChange.next(mergedArray));
-                    break;
-                case 'GridClearGroup':
-                    if (!isGroupable) {
-                        break;
-                    }
-                    this.ctx.grid.groupChange.next([]);
-                    break;
-                case 'GridHighlight':
-                    if (!this.ctx.highlightDirective) {
-                        break;
-                    }
-                    this.processHighlightResponse([cmd.highlight]);
-                    break;
-                case 'GridClearHighlight':
-                    if (!this.ctx.highlightDirective) {
-                        break;
-                    }
-                    this.ctx.highlightDirective['setState']([]);
-                    break;
-                case 'GridSelect': {
-                    this.processSelectionResponse([cmd.select], messages);
-                    break;
-                }
-                case 'GridClearSelect': {
-                    const selectionInstance = this.getSelectionInstance();
-                    if (!selectionInstance) {
-                        this.updateLastMessage(messages, this.ctx.localization?.get('aiAssistantSelectionNotEnabled'));
-                        break;
-                    }
-                    this.applySelectionState(selectionInstance, []);
-                    break;
-                }
-                case 'GridColumnResize': {
-                    const col = findColumnById(cmd.id);
-                    if (!col) {
-                        break;
-                    }
-                    // parse size (accept numeric or strings like '200px')
-                    let newWidth;
-                    if (typeof cmd.size === 'number') {
-                        newWidth = cmd.size;
-                    }
-                    else if (typeof cmd.size === 'string') {
-                        const numericPart = parseFloat(cmd.size);
-                        if (!isNaN(numericPart)) {
-                            newWidth = numericPart;
-                        }
-                    }
-                    if (typeof newWidth === 'number') {
-                        const oldWidth = col.width;
-                        // set the column width (ColumnBase.width setter handles string -> number)
-                        col.width = newWidth;
-                        // emit columnResize event with ColumnResizeArgs[]
-                        const args = [{ column: col, oldWidth: oldWidth, newWidth: newWidth }];
-                        this.ctx.grid.columnResize.emit(args);
-                    }
-                    break;
-                }
-                case 'GridColumnReorder': {
-                    const col = findColumnById(cmd.id);
-                    if (!col) {
-                        break;
-                    }
-                    const newPosition = Number(cmd.position);
-                    if (!isNaN(newPosition) && newPosition >= 0) {
-                        this.changeColumnPosition(col, newPosition);
-                    }
-                    break;
-                }
-                case 'GridColumnShow':
-                case 'GridColumnHide': {
-                    const col = findColumnById(cmd.id);
-                    if (!col) {
-                        break;
-                    }
-                    const targetHidden = cmd.type === 'GridColumnHide';
-                    const changed = updateColumnHierarchy(col, (current) => {
-                        if (current.hidden === targetHidden) {
-                            return false;
-                        }
-                        current.hidden = targetHidden;
-                        return true;
-                    });
-                    if (changed.length) {
-                        this.columnInfoService.changeVisibility(changed);
-                    }
-                    break;
-                }
-                case 'GridColumnLock':
-                case 'GridColumnUnlock': {
-                    const col = findColumnById(cmd.id);
-                    if (!col) {
-                        break;
-                    }
-                    const targetLocked = cmd.type === 'GridColumnLock';
-                    const changed = updateColumnHierarchy(col, (current) => {
-                        if (current.locked === targetLocked) {
-                            return false;
-                        }
-                        current.locked = targetLocked;
-                        return true;
-                    });
-                    if (changed.length) {
-                        this.columnInfoService.changeLocked(changed);
-                    }
-                    break;
-                }
-                case 'GridPage': {
-                    this.processPageCommand(cmd);
-                    break;
-                }
-                case 'GridPageSize': {
-                    this.processPageSizeCommand(cmd);
-                    break;
-                }
-                case 'GridExportExcel': {
-                    this.runExportWithFileName(this.ctx.excelComponent, cmd.fileName, () => this.ctx.grid.saveAsExcel());
-                    break;
-                }
-                case 'GridExportPDF': {
-                    this.runExportWithFileName(this.ctx.pdfComponent, cmd.fileName, () => this.ctx.grid.emitPDFExportEvent());
-                    break;
-                }
-                default:
-                    // Unknown command - ignore
-                    break;
-            }
-        });
-    }
-    runExportWithFileName(component, fileName, action) {
-        if (!component || !fileName) {
-            action();
-            return;
-        }
-        const previousFileName = component.fileName;
-        component.fileName = fileName;
-        action();
-        const isExcel = component === this.ctx.excelComponent;
-        if (isExcel) {
-            this.zone.runOutsideAngular(() => {
-                this.ctx.excelComponent.fileCreated.subscribe(() => {
-                    component.fileName = previousFileName;
-                });
-            });
-        }
-        else {
-            component.fileName = previousFileName;
-        }
-    }
-    processPageCommand(command) {
-        const pageSize = this.getCurrentPageSizeValue();
-        if (!isPresent$1(pageSize) || pageSize <= 0) {
-            return;
-        }
-        const total = this.getTotalItemsCount();
-        const requestedPage = Number(command.page);
-        let targetPage = Number.isFinite(requestedPage) ? Math.floor(requestedPage) : 1;
-        if (targetPage < 1) {
-            targetPage = 1;
-        }
-        if (isPresent$1(total) && pageSize > 0) {
-            const maxPage = Math.max(1, Math.ceil(total / pageSize));
-            targetPage = Math.min(targetPage, maxPage);
-        }
-        const skip = (targetPage - 1) * pageSize;
-        this.emitGridPageChange(skip, pageSize);
-    }
-    processPageSizeCommand(command) {
-        const rawPageSize = Number(command.pageSize);
-        if (!Number.isFinite(rawPageSize)) {
-            return;
-        }
-        const newPageSize = Math.max(1, Math.floor(rawPageSize));
-        const skip = Math.max(0, this.ctx.grid?.skip ?? 0);
-        this.ensurePageSizeOption(newPageSize);
-        this.emitGridPageChange(skip, newPageSize);
-    }
-    emitGridPageChange(skip, take) {
-        const grid = this.ctx.grid;
-        const normalizedSkip = Math.max(0, Math.floor(skip));
-        const normalizedTake = Math.max(1, Math.floor(take));
-        grid.skip = normalizedSkip;
-        grid.pageSize = normalizedTake;
-        grid.pageChange.emit({ skip: normalizedSkip, take: normalizedTake });
-    }
-    ensurePageSizeOption(pageSize) {
-        const grid = this.ctx.grid;
-        if (!grid) {
-            return;
-        }
-        const pageable = grid.pageable;
-        if (!pageable || typeof pageable === 'boolean') {
-            return;
-        }
-        const pageSizes = pageable.pageSizes;
-        if (!Array.isArray(pageSizes) || pageSizes.length === 0) {
-            return;
-        }
-        if (pageSizes.includes(pageSize)) {
-            return;
-        }
-        const uniqueSizes = [pageSize, ...pageSizes.filter(size => size !== pageSize)];
-        grid.pageable = {
-            ...pageable,
-            pageSizes: uniqueSizes
-        };
-        const changeDetector = grid?.changeDetectorRef;
-        if (changeDetector && typeof changeDetector.markForCheck === 'function') {
-            changeDetector.markForCheck();
-        }
-    }
-    getCurrentPageSizeValue() {
-        const grid = this.ctx.grid;
-        if (!grid) {
-            return null;
-        }
-        const candidates = [grid.pageSize, grid.currentState?.take, this.ctx.dataBindingDirective?.['state']?.take];
-        for (const candidate of candidates) {
-            if (typeof candidate === 'number' && candidate > 0) {
-                return candidate;
-            }
-        }
-        const pageable = grid.pageable;
-        if (pageable && typeof pageable === 'object' && Array.isArray(pageable.pageSizes)) {
-            const numericSize = pageable.pageSizes.find(size => typeof size === 'number' && size > 0);
-            if (numericSize) {
-                return numericSize;
-            }
-        }
-        const originalData = this.ctx.dataBindingDirective?.['originalData'];
-        if (Array.isArray(originalData) && originalData.length > 0) {
-            return originalData.length;
-        }
-        return null;
-    }
-    getTotalItemsCount() {
-        const grid = this.ctx.grid;
-        if (!grid) {
-            return null;
-        }
-        const gridData = grid.data;
-        if (gridData && typeof gridData.total === 'number') {
-            return gridData.total;
-        }
-        const view = grid.view;
-        if (view && typeof view.total === 'number') {
-            return view.total;
-        }
-        const originalData = this.ctx.dataBindingDirective?.['originalData'];
-        if (Array.isArray(originalData)) {
-            return originalData.length;
-        }
-        return null;
-    }
-    getSelectionInstance() {
-        const selectionDirective = this.ctx.grid?.selectionDirective;
-        if (selectionDirective && typeof selectionDirective === 'object') {
-            return selectionDirective;
-        }
-        const defaultSelection = this.ctx.grid?.defaultSelection;
-        if (defaultSelection && typeof defaultSelection === 'object') {
-            return defaultSelection;
-        }
-        return null;
-    }
-    updateLastMessage(messages, newMessage) {
-        if (!messages.length) {
-            return;
-        }
-        messages[messages.length - 1] = newMessage;
-    }
-    getHighlightItems(descriptors) {
-        if (!descriptors?.length) {
-            return [];
-        }
-        const data = this.ctx.dataBindingDirective?.['originalData'] || [];
-        return highlightBy(data, descriptors, this.columns);
-    }
-    processSelectionResponse(selection, messages) {
-        const selectionInstance = this.getSelectionInstance();
-        if (!selectionInstance) {
-            this.updateLastMessage(messages, this.ctx.localization?.get('aiAssistantSelectionNotEnabled'));
-            return;
-        }
-        const descriptors = (selection || []).filter((descriptor) => Boolean(descriptor));
-        if (descriptors.length === 0) {
-            this.applySelectionState(selectionInstance, []);
-            return;
-        }
-        const highlightItems = this.getHighlightItems(descriptors);
-        if (!highlightItems.length) {
-            this.applySelectionState(selectionInstance, []);
-            return;
-        }
-        const hasCellSelections = highlightItems.some(item => isPresent$1(item.columnKey));
-        const hasRowSelections = highlightItems.some(item => !isPresent$1(item.columnKey));
-        const isCellMode = selectionInstance.isCellSelectionMode;
-        if ((!isCellMode && hasCellSelections) || (isCellMode && hasRowSelections)) {
-            const key = isCellMode ? 'aiAssistantSelectionRowModeRequired' : 'aiAssistantSelectionCellModeRequired';
-            this.updateLastMessage(messages, this.ctx.localization?.get(key));
-            return;
-        }
-        const selectionState = this.mapHighlightItemsToSelection(selectionInstance, highlightItems, isCellMode);
-        this.applySelectionState(selectionInstance, selectionState);
-    }
-    mapHighlightItemsToSelection(selectionInstance, highlightItems, isCellMode) {
-        const data = this.ctx.dataBindingDirective?.['originalData'] || [];
-        if (isCellMode) {
-            const mapped = highlightItems
-                .filter(item => isPresent$1(item.itemKey) && isPresent$1(item.columnKey))
-                .map(item => {
-                const rowIndex = item.itemKey;
-                const columnIndex = item.columnKey;
-                const dataItem = data[rowIndex];
-                if (!isPresent$1(dataItem)) {
-                    return null;
-                }
-                if (typeof selectionInstance['getSelectionItem'] === 'function') {
-                    const columnComponent = this.leafColumns[columnIndex];
-                    const selectionItem = selectionInstance['getSelectionItem']({ dataItem, index: rowIndex }, columnComponent, columnIndex);
-                    if (selectionItem && isPresent$1(selectionItem.itemKey) && isPresent$1(selectionItem.columnKey)) {
-                        return selectionItem;
-                    }
-                    return null;
-                }
-                const itemKey = typeof selectionInstance.getItemKey === 'function'
-                    ? selectionInstance.getItemKey({ dataItem, index: rowIndex })
-                    : rowIndex;
-                return isPresent$1(itemKey) ? { itemKey, columnKey: columnIndex } : null;
-            })
-                .filter((item) => isPresent$1(item));
-            return mapped.filter((item, index, self) => self.findIndex(other => other.itemKey === item.itemKey && other.columnKey === item.columnKey) === index);
-        }
-        const rowKeys = highlightItems
-            .filter(item => isPresent$1(item.itemKey))
-            .map(item => {
-            const rowIndex = item.itemKey;
-            const dataItem = data[rowIndex];
-            if (!isPresent$1(dataItem)) {
-                return null;
-            }
-            if (typeof selectionInstance.getItemKey === 'function') {
-                return selectionInstance.getItemKey({ dataItem, index: rowIndex });
-            }
-            return rowIndex;
-        })
-            .filter(isPresent$1);
-        return Array.from(new Set(rowKeys));
-    }
-    applySelectionState(selectionInstance, selectionState) {
-        selectionInstance.selectedKeys = selectionState;
-        if (typeof selectionInstance['setState'] === 'function') {
-            selectionInstance['setState'](selectionState);
-        }
-        const changeDetector = selectionInstance['cd'];
-        if (changeDetector && typeof changeDetector.markForCheck === 'function') {
-            changeDetector.markForCheck();
-        }
-        if (typeof selectionInstance['notifyChange'] === 'function') {
-            selectionInstance['notifyChange']();
-        }
-    }
-    replaceQuotedColumnId(message, replacement) {
-        if (!replacement) {
-            const columnIdPattern = /(?:&quot;|")(k-grid\d+-col\d+)(?:&quot;|")\s*/g;
-            return message.replace(columnIdPattern, '').replace(/\s{2,}/g, ' ').trim();
-        }
-        const columnIdPattern = /(?:&quot;|")(k-grid\d+-col\d+)(?:&quot;|")/g;
-        return message.replace(columnIdPattern, (match) => {
-            const isEncoded = match.startsWith('&quot;');
-            return isEncoded ? `&quot;${replacement}&quot;` : `"${replacement}"`;
-        });
-    }
-    isColumnCommand(type) {
-        return type === 'GridColumnResize' ||
-            type === 'GridColumnReorder' ||
-            type === 'GridColumnShow' ||
-            type === 'GridColumnHide' ||
-            type === 'GridColumnLock' ||
-            type === 'GridColumnUnlock';
-    }
-    getColumnReplacement(column) {
-        if (!column) {
-            return '';
-        }
-        if (column.title && String(column.title).trim()) {
-            return String(column.title).trim();
-        }
-        if (column.field && String(column.field).trim()) {
-            return String(column.field).trim();
-        }
-        return '';
-    }
-    processHighlightResponse(highlight) {
-        const highlightedItems = this.getHighlightItems(highlight);
-        this.ctx.highlightDirective['setState'](highlightedItems);
-    }
-    processFilterResponse(filter) {
-        const processedFilter = convertDateStringsInFilter(filter);
-        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);
-        }
-    }
-    changeColumnPosition(column, newPosition) {
-        const grid = this.ctx.grid;
-        if (!grid?.columns) {
-            return;
-        }
-        const currentColumns = grid.columns.toArray();
-        const currentIndex = currentColumns.findIndex(col => col === column);
-        if (currentIndex === -1) {
-            return;
-        }
-        if (newPosition < 0 || newPosition >= currentColumns.length) {
-            return;
-        }
-        const sortedColumns = currentColumns
-            .map((col, idx) => ({ col, physicalIndex: idx, visualOrder: col.orderIndex ?? idx }))
-            .sort((a, b) => a.visualOrder - b.visualOrder);
-        const currentVisualPos = sortedColumns.findIndex(item => item.physicalIndex === currentIndex);
-        if (currentVisualPos === newPosition) {
-            return;
-        }
-        currentColumns.forEach((col, idx) => {
-            const sortedIndex = sortedColumns.findIndex(item => item.physicalIndex === idx);
-            if (idx === currentIndex) {
-                col.orderIndex = newPosition;
-            }
-            else if (currentVisualPos < newPosition) {
-                col.orderIndex = (sortedIndex > currentVisualPos && sortedIndex <= newPosition)
-                    ? sortedIndex - 1 : sortedIndex;
-            }
-            else {
-                col.orderIndex = (sortedIndex >= newPosition && sortedIndex < currentVisualPos)
-                    ? sortedIndex + 1 : sortedIndex;
-            }
-            col.isReordered = true;
-        });
-        grid.columnReorder.emit({
-            column: column,
-            oldIndex: currentVisualPos,
-            newIndex: newPosition
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: GridAIRequestResponseService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AiAssistantComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aiPrompt", first: true, predicate: AIPromptComponent, descendants: true }], ngImport: i0, template: `
         <kendo-aiprompt
           #aiPrompt
@@ -39377,7 +39496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </kendo-aiprompt>
         `
                 }]
-        }], ctorParameters: () => [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }, { type: i0.NgZone }], propDecorators: { aiPrompt: [{
+        }], ctorParameters: () => [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: GridAIRequestResponseService }], propDecorators: { aiPrompt: [{
                 type: ViewChild,
                 args: [AIPromptComponent]
             }] } });