Fix chat history order for queries with images

Previously, when a query contained an image, the asynchronous nature of image processing could cause a delay.
This resulted in context-related messages appearing in the conversation history before the user's own query

Bug: none
Change-Id: I1511c8acd3bcfcf32d8b8a3f00d6be7e5504ec6f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6785550
Reviewed-by: Nikolay Vitkov <[email protected]>
Commit-Queue: Natallia Harshunova <[email protected]>
Auto-Submit: Natallia Harshunova <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>

Author: Natallia Harshunova

front_end/models/ai_assistance/AiHistoryStorage.ts

@@ -99,15 +99,15 @@ export class Conversation {
   }
 
   async addHistoryItem(item: ResponseData): Promise<void> {
+    this.history.push(item);
+    await AiHistoryStorage.instance().upsertHistoryEntry(this.serialize());
     if (item.type === ResponseType.USER_QUERY) {
       if (item.imageId && item.imageInput && 'inlineData' in item.imageInput) {
         const inlineData = item.imageInput.inlineData;
         await AiHistoryStorage.instance().upsertImage(
             {id: item.imageId, data: inlineData.data, mimeType: inlineData.mimeType});
       }
     }
-    this.history.push(item);
-    await AiHistoryStorage.instance().upsertHistoryEntry(this.serialize());
   }
 
   serialize(): SerializedConversation {