@progress/kendo-angular-conversational-ui 23.4.0-develop.1 → 23.4.0-develop.3

package/codemods/utils.js

@@ -3,11 +3,40 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsInterfaceTransformer = exports.tsPropertyValueTransformer = exports.tsPropertyTransformer = exports.tsComponentPropertyRemoval = exports.attributeRemoval = exports.attributeValueUpdate = exports.attributeNameValueUpdate = exports.attributeNameUpdate = exports.eventUpdate = exports.htmlTransformer = exports.blockTextElements = void 0;
 exports.hasKendoInTemplate = hasKendoInTemplate;
 exports.isImportedFromPackage = isImportedFromPackage;
 exports.tsPropertyRemoval = tsPropertyRemoval;
+exports.makePattern = makePattern;
+exports.writeInstructionMarker = writeInstructionMarker;
+exports.isApiChangeTarget = isApiChangeTarget;
+exports.isRenderingChangeTarget = isRenderingChangeTarget;
+const fs = __importStar(require("node:fs"));
+const path = __importStar(require("node:path"));
 exports.blockTextElements = {
     script: true,
     noscript: true,
@@ -575,7 +604,7 @@ const tsComponentPropertyRemoval = (source, root, j, packageName, componentType,
                 localVariables.add(path.node.id.name);
             }
         });
-        // Find array variables of type componentType[] 
+        // Find array variables of type componentType[]
         // This handles cases like: const arr: ChatComponent[] = [...]; arr[0].property = value;
         const arrayVariables = new Set();
         root.find(j.VariableDeclarator).forEach((path) => {
@@ -1366,3 +1395,36 @@ function isComponentTypeMatch(root, j, node, componentType) {
     }
     return false;
 }
+// Matches CSS class names in CSS selectors (.foo) and as whitespace/quote-delimited
+// tokens within attribute values, covering both single-class ("foo") and multi-class ("foo bar") cases.
+function makePattern(classes) {
+    return new RegExp(classes.map(c => String.raw `\.${c}\b|(?<=["'\s])${c}(?=["'\s])`).join('|'));
+}
+function writeInstructionMarker(instruction, codemodFilename, affectedFile) {
+    // Write to node_modules/.kendo/migration/<basename(codemodFilename)>
+    // kendo-cli reads the marker by looking up basename(codemod.file) in that directory
+    const markerDir = path.join(process.cwd(), 'node_modules', '.kendo', 'migration');
+    const markerPath = path.join(markerDir, path.basename(codemodFilename));
+    try {
+        fs.mkdirSync(markerDir, { recursive: true });
+        const existing = fs.existsSync(markerPath) ? fs.readFileSync(markerPath, 'utf8') : '';
+        let content = existing;
+        if (!existing.includes(instruction)) {
+            content += instruction + '\n';
+        }
+        const fileLine = `  - ${path.relative(process.cwd(), affectedFile)}`;
+        if (!content.includes(fileLine)) {
+            content += fileLine + '\n';
+        }
+        fs.writeFileSync(markerPath, content);
+    }
+    catch { /* suppress error */ }
+}
+function isApiChangeTarget(filePath) {
+    const ext = path.extname(filePath);
+    return ext === '.ts' || ext === '.html';
+}
+function isRenderingChangeTarget(filePath) {
+    const ext = path.extname(filePath);
+    return ext === '.ts' || ext === '.html' || ext === '.css' || ext === '.scss' || ext === '.sass' || ext === '.less';
+}

package/codemods/v20/aiprompt-rendering-changes.js

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references the k-prompt-suggestion class. It has been replaced with k-suggestion on each suggestion element.
+Replace .k-prompt-suggestion selectors with .k-suggestion in your styles and tests.`;
+const classes = ['k-prompt-suggestion'];
+const pattern = (0, utils_1.makePattern)(classes);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (pattern.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/v20/chat-messageboxtype.js

@@ -0,0 +1,90 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
+exports.default = default_1;
+const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
+// Matches messageBoxType="textbox" or [messageBoxType]="'textbox'" on kendo-chat
+const textboxPattern = /kendo-chat[^>]*messageBoxType[^>]*("|')textbox\1/;
+function removeTextboxMessageBoxType(templateContent) {
+    // Remove static: messageBoxType="textbox" or messageBoxType='textbox'
+    let result = templateContent.replace(/\s+messageBoxType=(["'])textbox\1/g, '');
+    // Remove bound: [messageBoxType]="'textbox'"
+    result = result.replace(/\s+\[messageBoxType\]="'textbox'"/g, '');
+    return result;
+}
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => {
+        if (textboxPattern.test(templateContent)) {
+            return removeTextboxMessageBoxType(templateContent);
+        }
+        return templateContent;
+    });
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(htmlResult || fileInfo.source);
+    if (fileInfo.source.includes('messageBoxType') && fileInfo.source.includes('textbox')) {
+        // Remove direct assignments: this.chatComp.messageBoxType = 'textbox';
+        rootSource.find(j.AssignmentExpression)
+            .filter((path) => {
+            const { left, right } = path.node;
+            return (left.type === 'MemberExpression' &&
+                left.property.type === 'Identifier' &&
+                left.property.name === 'messageBoxType' &&
+                (right.type === 'StringLiteral' || right.type === 'Literal') &&
+                right.value === 'textbox');
+        })
+            .forEach((path) => {
+            j(path).closest(j.ExpressionStatement).remove();
+        });
+    }
+    return rootSource.toSource();
+}
+exports.aiInstructions = `The Chat component no longer accepts 'textbox' as a value for the messageBoxType property in v20.
+
+Before:
+  <kendo-chat [messageBoxType]="'textbox'"></kendo-chat>
+  // or
+  <kendo-chat messageBoxType="textbox"></kendo-chat>
+
+After:
+  <kendo-chat></kendo-chat>
+
+Action: Remove the messageBoxType property binding when set to 'textbox'. If you require a specific message box type, use the supported values available in the updated API.`;

package/codemods/v20/chat-rendering-changes.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = exports.aiInstructionsAvatarImage = exports.aiInstructionsQuickReply = exports.aiInstructionsQuickReplies = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructionsQuickReplies = `CSS class k-quick-replies — replaced with k-suggestion-group on the suggested actions of the Chat.
+   Replace .k-quick-replies selectors with .k-suggestion-group in your styles and tests.`;
+exports.aiInstructionsQuickReply = `CSS class k-quick-reply — replaced with k-suggestion k-suggestion-primary on each chat suggestion.
+   Replace .k-quick-reply selectors with .k-suggestion.k-suggestion-primary in your styles and tests.`;
+exports.aiInstructionsAvatarImage = `CSS class k-avatar-image (inside k-avatar) — moved outside of the k-message-group-content element.
+   Before: k-message-group-content > k-avatar > k-avatar-image
+   After:  k-avatar > k-avatar-image (sibling of k-message-group-content)
+   Action: Update any CSS descendant selectors like .k-message-group-content .k-avatar-image to target .k-avatar .k-avatar-image directly.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these classes:
+
+${exports.aiInstructionsQuickReplies}
+
+${exports.aiInstructionsQuickReply}
+
+${exports.aiInstructionsAvatarImage}`;
+const classesQuickReplies = ['k-quick-replies'];
+const patternQuickReplies = (0, utils_1.makePattern)(classesQuickReplies);
+const classesQuickReply = ['k-quick-reply'];
+const patternQuickReply = (0, utils_1.makePattern)(classesQuickReply);
+const classesAvatarImage = ['k-avatar-image', 'k-message-group-content'];
+const patternAvatarImage = (0, utils_1.makePattern)(classesAvatarImage);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternQuickReplies.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsQuickReplies, __filename, fileInfo.path);
+        }
+        if (patternQuickReply.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsQuickReply, __filename, fileInfo.path);
+        }
+        if (patternAvatarImage.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsAvatarImage, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/v20/chat-user.js

@@ -27,11 +27,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
 exports.default = default_1;
 const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameValueUpdate)(templateContent, 'kendo-chat', 'user', 'authorId', 'id'));
     if (filePath.endsWith('.html')) {
@@ -47,3 +51,13 @@ function default_1(fileInfo, api) {
     (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ChatComponent', 'user', 'authorId', 'id');
     return rootSource.toSource();
 }
+exports.aiInstructions = `The Chat's user input property is renamed to authorId, and its value type changed — it now expects the user's ID directly instead of a user object.
+
+Before:
+  <kendo-chat [user]="currentUser"></kendo-chat>
+  // where currentUser: { id: string, ... }
+
+After:
+  <kendo-chat [authorId]="currentUser.id"></kendo-chat>
+
+The codemod automatically appends .id to simple variable references and extracts the id property from object literals. Review the transformed result in cases where the value was a function call, a conditional expression, or a variable of a type that does not have an id property.`;

package/codemods/v21/chat-message-id-required.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+// Matches <kendo-chat ... [messages]="..." ...>
+const chatMessagesPattern = /<kendo-chat[^>]*\[messages\]/;
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    if (filePath.endsWith('.html')) {
+        if (chatMessagesPattern.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+        }
+        return fileInfo.source;
+    }
+    let patternDetected = false;
+    (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => {
+        if (chatMessagesPattern.test(templateContent)) {
+            patternDetected = true;
+        }
+        return templateContent;
+    });
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    const hasMessageImport = (0, utils_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-conversational-ui', 'Message');
+    if (patternDetected || hasMessageImport) {
+        (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+    }
+    return fileInfo.source;
+}
+exports.aiInstructions = `The 'Message' interface now requires a unique 'id' property.
+
+Before:
+  const msg: Message = { text: "Hello", author: user };
+After:
+  const msg: Message = { id: "msg-1", text: "Hello", author: user };
+
+Add a unique id property to all Message object literals in your code. The id should be a unique identifier for each message (e.g., "msg-1", "message-welcome", etc.).`;

package/codemods/v21/chat-messagetoolbarvisibility.js

@@ -27,11 +27,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
 exports.default = default_1;
 const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeRemoval)(templateContent, 'kendo-chat', 'messageToolbarVisibility'));
     if (filePath.endsWith('.html')) {
@@ -47,3 +51,12 @@ function default_1(fileInfo, api) {
     (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ChatComponent', 'messageToolbarVisibility');
     return rootSource.toSource();
 }
+exports.aiInstructions = `The message toolbar is now shown automatically only when messageToolbarActions are configured.
+
+Before:
+  <kendo-chat [messageToolbarVisibility]="'hover'"></kendo-chat>
+
+After:
+  <kendo-chat></kendo-chat>
+
+Remove the messageToolbarVisibility binding. To control whether the message toolbar appears, configure the messageToolbarActions input — the toolbar is hidden when the array is empty (the default) and visible when actions are present.`;

package/codemods/v21/chat-pinnedbyfield.js

@@ -9,7 +9,7 @@ const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
     if (filePath.endsWith('.html')) {
-        return;
+        return fileInfo.source;
     }
     const j = api.jscodeshift;
     const rootSource = j(fileInfo.source);

package/codemods/v21/chat-rendering-changes.js

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = exports.aiInstructionsMessageReference = exports.aiInstructionsIconXxl = exports.aiInstructionsAppbarLight = exports.aiInstructionsFirstLast = exports.aiInstructionsAvatars = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructionsAvatars = `k-avatars — removed from the k-message-list element.
+   Remove any CSS rules or selectors that target .k-message-list.k-avatars or rely on k-avatars being present on k-message-list.`;
+exports.aiInstructionsFirstLast = `k-first / k-last — removed from the k-message element.
+   Remove any CSS rules or test assertions that target .k-message.k-first or .k-message.k-last.`;
+exports.aiInstructionsAppbarLight = `k-appbar-light — replaced with k-appbar-inherit on the Chat's AppBar element.
+   Replace .k-appbar-light selectors with .k-appbar-inherit in your styles and tests.`;
+exports.aiInstructionsIconXxl = `k-icon-xxl (inside k-chat-file) — replaced with k-chat-xl on file icons.
+   Replace .k-icon-xxl selectors scoped to .k-chat-file with .k-chat-xl.`;
+exports.aiInstructionsMessageReference = `k-message-reference / k-message-reference-receiver — moved from inside k-chat-bubble-text to a sibling of k-chat-bubble-text inside k-bubble-content.
+   Before: k-chat-bubble-text > k-message-reference
+   After:  k-bubble-content > k-message-reference (sibling of k-chat-bubble-text)
+   Action: Update any CSS descendant selectors like .k-chat-bubble-text .k-message-reference to .k-bubble-content > .k-message-reference.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these classes:
+
+${exports.aiInstructionsAvatars}
+
+${exports.aiInstructionsFirstLast}
+
+${exports.aiInstructionsAppbarLight}
+
+${exports.aiInstructionsIconXxl}
+
+${exports.aiInstructionsMessageReference}`;
+const classesAvatars = ['k-avatars'];
+const patternAvatars = (0, utils_1.makePattern)(classesAvatars);
+const classesFirstLast = ['k-first', 'k-last'];
+const patternFirstLast = (0, utils_1.makePattern)(classesFirstLast);
+const classesAppbarLight = ['k-appbar-light'];
+const patternAppbarLight = (0, utils_1.makePattern)(classesAppbarLight);
+const classesIconXxl = ['k-icon-xxl'];
+const patternIconXxl = (0, utils_1.makePattern)(classesIconXxl);
+const classesMessageReference = ['k-message-reference', 'k-message-reference-receiver', 'k-chat-bubble-text', 'k-bubble-content'];
+const patternMessageReference = (0, utils_1.makePattern)(classesMessageReference);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternAvatars.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsAvatars, __filename, fileInfo.path);
+        }
+        if (patternFirstLast.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsFirstLast, __filename, fileInfo.path);
+        }
+        if (patternAppbarLight.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsAppbarLight, __filename, fileInfo.path);
+        }
+        if (patternIconXxl.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsIconXxl, __filename, fileInfo.path);
+        }
+        if (patternMessageReference.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsMessageReference, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/v23/chat-FileSelectSettings.js

@@ -7,6 +7,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
+    if (!(0, utils_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
     const j = api.jscodeshift;
     const rootSource = j(fileInfo.source);
     (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-upload', 'FileSelectSettings', 'FileSelectButtonSettings');

package/codemods/v23/chat-enableFileSelect.js

@@ -27,11 +27,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
 exports.default = default_1;
 const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameUpdate)(templateContent, 'kendo-chat', 'enableFileSelect', 'fileSelectButton'));
     if (filePath.endsWith('.html')) {
@@ -47,3 +51,14 @@ function default_1(fileInfo, api) {
     (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ChatComponent', 'enableFileSelect', 'fileSelectButton');
     return rootSource.toSource();
 }
+exports.aiInstructions = `The new property \`fileSelectButton\` accepts a FileSelectButtonSettings object for finer control over the button.
+
+Before:
+  <kendo-chat [enableFileSelect]="true"></kendo-chat>
+
+After:
+  <kendo-chat [fileSelectButton]="true"></kendo-chat>
+  // or with settings:
+  <kendo-chat [fileSelectButton]="{ themeColor: 'primary' }"></kendo-chat>
+
+The codemod handles the rename automatically. No further action is required unless you want to use the new settings object.`;

package/codemods/v23/chat-enableSpeechToText.js

@@ -32,6 +32,9 @@ const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameUpdate)(templateContent, 'kendo-chat', 'enableSpeechToText', 'speechToTextButton'));
     if (filePath.endsWith('.html')) {

package/codemods/v23/chat-rendering-changes.js

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = exports.aiInstructionsMessageTime = exports.aiInstructionsMessagePinned = exports.aiInstructionsAppbar = exports.aiInstructionsChatFile = exports.aiInstructionsChatFileSize = exports.aiInstructionsChatFileName = exports.aiInstructionsChatFileInfo = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructionsChatFileInfo = `k-chat-file-info — replaced with k-file-info.
+   Replace .k-chat-file-info selectors with .k-file-info in your styles and tests.`;
+exports.aiInstructionsChatFileName = `k-chat-file-name — replaced with k-file-name.
+   Replace .k-chat-file-name selectors with .k-file-name in your styles and tests.`;
+exports.aiInstructionsChatFileSize = `k-chat-file-size — replaced with k-file-size.
+   Replace .k-chat-file-size selectors with .k-file-size in your styles and tests.`;
+exports.aiInstructionsChatFile = `k-chat-file — replaced with k-file-box.
+   Replace .k-chat-file selectors with .k-file-box in your styles and tests.`;
+exports.aiInstructionsAppbar = `AppBar in Chat header — replaced with a div element with k-toolbar class.
+   Update any CSS rules or test assertions targeting the Chat header that rely on .k-appbar or the kendo-appbar element selector.`;
+exports.aiInstructionsMessagePinned = `k-message-pinned — moved to be an immediate child of k-message-list.
+   Update any CSS descendant selectors targeting .k-message-pinned to reflect its new position as a direct child of .k-message-list.`;
+exports.aiInstructionsMessageTime = `k-message-time — moved to render beneath k-chat-bubble inside a new k-message-info wrapper.
+   Update any CSS selectors targeting .k-message-time to account for the new .k-message-info wrapper element.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these classes:
+
+${exports.aiInstructionsChatFileInfo}
+
+${exports.aiInstructionsChatFileName}
+
+${exports.aiInstructionsChatFileSize}
+
+${exports.aiInstructionsChatFile}
+
+${exports.aiInstructionsAppbar}
+
+${exports.aiInstructionsMessagePinned}
+
+${exports.aiInstructionsMessageTime}`;
+const classesChatFileInfo = ['k-chat-file-info'];
+const patternChatFileInfo = (0, utils_1.makePattern)(classesChatFileInfo);
+const classesChatFileName = ['k-chat-file-name'];
+const patternChatFileName = (0, utils_1.makePattern)(classesChatFileName);
+const classesChatFileSize = ['k-chat-file-size'];
+const patternChatFileSize = (0, utils_1.makePattern)(classesChatFileSize);
+const classesChatFile = ['k-chat-file'];
+const patternChatFile = (0, utils_1.makePattern)(classesChatFile);
+const classesAppbar = ['k-appbar'];
+const patternAppbar = (0, utils_1.makePattern)(classesAppbar);
+const classesMessagePinned = ['k-message-pinned'];
+const patternMessagePinned = (0, utils_1.makePattern)(classesMessagePinned);
+const classesMessageTime = ['k-message-time'];
+const patternMessageTime = (0, utils_1.makePattern)(classesMessageTime);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternChatFileInfo.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsChatFileInfo, __filename, fileInfo.path);
+        }
+        if (patternChatFileName.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsChatFileName, __filename, fileInfo.path);
+        }
+        if (patternChatFileSize.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsChatFileSize, __filename, fileInfo.path);
+        }
+        if (patternChatFile.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsChatFile, __filename, fileInfo.path);
+        }
+        if (patternAppbar.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsAppbar, __filename, fileInfo.path);
+        }
+        if (patternMessagePinned.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsMessagePinned, __filename, fileInfo.path);
+        }
+        if (patternMessageTime.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructionsMessageTime, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/v23/customMessages-send.js

@@ -32,6 +32,9 @@ const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameUpdate)(templateContent, 'kendo-chat-messages', 'send', 'actionButtonTitle'));
     if (filePath.endsWith('.html')) {

package/fesm2022/progress-kendo-angular-conversational-ui.mjs

@@ -215,8 +215,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776150320,
-    version: '23.4.0-develop.1',
+    publishDate: 1776175439,
+    version: '23.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776150320,
-  "version": "23.4.0-develop.1",
+  "publishDate": 1776175439,
+  "version": "23.4.0-develop.3",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-conversational-ui",
-  "version": "23.4.0-develop.1",
+  "version": "23.4.0-develop.3",
   "description": "Kendo UI for Angular Conversational UI components",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -20,48 +20,78 @@
     "migrations": {
       "options": {
         "parser": "tsx",
-        "pattern": "*.{ts,html}"
+        "pattern": "*.{ts,html,css,scss,sass,less}"
       },
       "codemods": {
         "20": [
           {
             "description": "The Chat's user input property is deprecated",
             "file": "codemods/v20/chat-user.js",
-            "prompt": "true"
+            "prompt": "false"
+          },
+          {
+            "description": "The AIPrompt component has rendering changes that may affect custom styling.",
+            "file": "codemods/v20/aiprompt-rendering-changes.js",
+            "instructionsOnly": true
+          },
+          {
+            "description": "The Chat component has rendering changes that may affect custom styling.",
+            "file": "codemods/v20/chat-rendering-changes.js",
+            "instructionsOnly": true
+          },
+          {
+            "description": "The Chat's messageBoxType property is removed.",
+            "file": "codemods/v20/chat-messageboxtype.js",
+            "prompt": "false"
           }
         ],
         "21": [
           {
             "description": "The Chat's messageToolbarVisibility input property is deprecated.",
             "file": "codemods/v21/chat-messagetoolbarvisibility.js",
-            "prompt": "true"
+            "prompt": "false"
           },
           {
             "description": "The pinnedByField property of the Chat's ConversationalUIModelFields is deprecated.",
             "file": "codemods/v21/chat-pinnedbyfield.js",
-            "prompt": "true"
+            "prompt": "false"
+          },
+          {
+            "description": "The Message interface now requires a unique 'id' property.",
+            "file": "codemods/v21/chat-message-id-required.js",
+            "instructionsOnly": true
+          },
+          {
+            "description": "The Chat component has rendering changes that may affect custom styling.",
+            "file": "codemods/v21/chat-rendering-changes.js",
+            "instructionsOnly": true
           }
         ],
         "23": [
           {
             "description": "The Chat's enableSpeechToText input property is renamed to speechToTextButton.",
             "file": "codemods/v23/chat-enableSpeechToText.js",
-            "prompt": "true"
+            "prompt": "false"
           },
           {
             "description": "The Chat's enableFileSelect input property is renamed to fileSelectButton.",
             "file": "codemods/v23/chat-enableFileSelect.js",
-            "prompt": "true"
+            "prompt": "false"
           },
           {
             "description": "The Chat's FileSelectSettings is changed to FileSelectButtonSettings.",
             "file": "codemods/v23/chat-FileSelectSettings.js",
-            "prompt": "true"
+            "prompt": "false"
           },
           {
             "description": "The CustomMessagesComponent's send property is renamed to actionButtonTitle.",
             "file": "codemods/v23/customMessages-send.js",
-            "prompt": "true"
+            "prompt": "false"
+          },
+          {
+            "description": "The Chat component has rendering changes that may affect custom styling.",
+            "file": "codemods/v23/chat-rendering-changes.js",
+            "instructionsOnly": true
           }
         ]
       }
@@ -69,7 +99,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776150320,
+      "publishDate": 1776175439,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -79,22 +109,22 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.4.0-develop.1",
-    "@progress/kendo-angular-inputs": "23.4.0-develop.1",
-    "@progress/kendo-angular-layout": "23.4.0-develop.1",
-    "@progress/kendo-angular-icons": "23.4.0-develop.1",
-    "@progress/kendo-angular-common": "23.4.0-develop.1",
-    "@progress/kendo-angular-intl": "23.4.0-develop.1",
-    "@progress/kendo-angular-l10n": "23.4.0-develop.1",
-    "@progress/kendo-angular-menu": "23.4.0-develop.1",
-    "@progress/kendo-angular-popup": "23.4.0-develop.1",
-    "@progress/kendo-angular-toolbar": "23.4.0-develop.1",
-    "@progress/kendo-angular-upload": "23.4.0-develop.1",
+    "@progress/kendo-angular-buttons": "23.4.0-develop.3",
+    "@progress/kendo-angular-inputs": "23.4.0-develop.3",
+    "@progress/kendo-angular-layout": "23.4.0-develop.3",
+    "@progress/kendo-angular-icons": "23.4.0-develop.3",
+    "@progress/kendo-angular-common": "23.4.0-develop.3",
+    "@progress/kendo-angular-intl": "23.4.0-develop.3",
+    "@progress/kendo-angular-l10n": "23.4.0-develop.3",
+    "@progress/kendo-angular-menu": "23.4.0-develop.3",
+    "@progress/kendo-angular-popup": "23.4.0-develop.3",
+    "@progress/kendo-angular-toolbar": "23.4.0-develop.3",
+    "@progress/kendo-angular-upload": "23.4.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.4.0-develop.1"
+    "@progress/kendo-angular-schematics": "23.4.0-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-conversational-ui.mjs",