handle response when no api key added telerik/kendo#23850

Author: antonmironovv

Telerik.Examples.Mvc/NuGet.config

@@ -24,7 +24,7 @@
     <PackageReference Include="System.Net.Http" Version="4.3.4" />
     <PackageReference Include="System.Text.RegularExpressions" Version="4.3.1" />
     <PackageReference Include="Telerik.Core.Export" Version="2025.3.812" />
-    <PackageReference Include="Telerik.UI.for.AspNet.Core" Version="2025.3.825" />
+    <PackageReference Include="Telerik.UI.for.AspNet.Core" Version="2025.4.1111" />
     <PackageReference Include="Telerik.Web.Captcha" Version="2.0.3" />
     <PackageReference Include="Telerik.Web.Spreadsheet" Version="2025.3.812" />
   </ItemGroup>

Telerik.Examples.Mvc/Telerik.Examples.Mvc/Telerik.Examples.Mvc.csproj

@@ -12,23 +12,47 @@
 
 <script>
     async function onSendMessage(e) {
-
         e.message.authorName = "John Smith";
         const chat = $("#aiChat").data("kendoChat");
-        const response = await fetch('/ChatAiIntegration/Ask', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ prompt: e.message.text })
-        });
-        const data = await response.json();
-
-        chat.postMessage({
-            authorId: 'ai-assistant',
-            authorName: 'AI Assistant',
-            text: data.answer,
-            id: kendo.guid(),
-            timestamp: new Date()
-        });
+
+        try {
+            const response = await fetch('/ChatAiIntegration/Ask', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ prompt: e.message.text })
+            });
+
+            if (!response.ok) {
+                chat.postMessage({
+                    authorId: 'ai-assistant',
+                    authorName: 'AI Assistant',
+                    text: "Please add your Azure OpenAI keys in the AiService.cs file.",
+                    id: kendo.guid(),
+                    timestamp: new Date()
+                });
+                return;
+            }
+
+            const data = await response.json();
+
+            chat.postMessage({
+                authorId: 'ai-assistant',
+                authorName: 'AI Assistant',
+                text: data.answer,
+                id: kendo.guid(),
+                timestamp: new Date()
+            });
+
+        } catch (error) {
+            chat.postMessage({
+                authorId: 'ai-assistant',
+                authorName: 'AI Assistant',
+                text: "The AI Service is currently unavailable. Please check your configuration.",
+                id: kendo.guid(),
+                timestamp: new Date()
+            });
+        }
     }
 </script>
 
+