Merge branch 'dmdimitrov/chat-ai-component' of https://github.com/IgniteUI/igniteui-webcomponents into dmdimitrov/chat-ai-component

Author: gedinakova

stories/chat.stories.ts

@@ -96,7 +96,7 @@ And some sample html:
   },
 ];
 
-const draftMessage = { text: 'Hi' };
+// const draftMessage = { text: 'Hi' };
 
 const userMessages: any[] = [];
 
@@ -146,7 +146,11 @@ const _customRenderer = {
 const ai_chat_options = {
   headerText: 'Chat',
   inputPlaceholder: 'Type your message here...',
-  suggestions: ['Hello', 'Hi', 'Generate an image of a pig!'],
+  suggestions: [
+    'Hello',
+    'What is triskaidekaphobia?',
+    'Show me very short sample typescript code',
+  ],
   templates: {
     // messageActionsTemplate: messageActionsTemplate,
     // typingIndicatorTemplate: _typingIndicatorTemplate,
@@ -365,7 +369,7 @@ async function handleAIMessageSend(e: CustomEvent) {
 
     if (newMessage.text.includes('image')) {
       response = await ai.models.generateContent({
-        model: 'gemini-2.5-flash-preview-image-generation',
+        model: 'gemini-2.0-flash-preview-image-generation',
         contents: userMessages,
         config: {
           responseModalities: [Modality.TEXT, Modality.IMAGE],
@@ -422,6 +426,7 @@ async function handleAIMessageSend(e: CustomEvent) {
         };
         chat.messages = [...chat.messages];
       }
+      chat.options = { ...ai_chat_options, suggestions: [], isTyping: false };
 
       const messagesForSuggestions = [
         ...chat.messages,
@@ -441,15 +446,14 @@ async function handleAIMessageSend(e: CustomEvent) {
         const matches: IterableIterator<RegExpMatchArray> =
           responseText.matchAll(regex);
 
-        const suggestions: string[] = Array.from(
+        const suggestionsFromResponse: string[] = Array.from(
           matches,
           (match: RegExpMatchArray) => match[1]
         );
 
         chat.options = {
           ...ai_chat_options,
-          suggestions: suggestions,
-          isTyping: false,
+          suggestions: suggestionsFromResponse,
         };
       }
     }
@@ -492,7 +496,6 @@ export const AI: Story = {
   render: () => html`
     <igc-chat
       style="--igc-chat-height: calc(100vh - 32px);"
-      .draftMessage=${draftMessage}
       .options=${ai_chat_options}
       @igcMessageCreated=${handleAIMessageSend}
     >