From a24bb91d16ac704aa49bbfa3b2ab9aff5794b3aa Mon Sep 17 00:00:00 2001
From: AceDataCloud <office@acedata.cloud>
Date: Sun, 12 May 2024 02:59:55 +0800
Subject: [PATCH] Fix image display issue (#40)

---
 ...datacloud-hub-93693b91-c5ea-4bfe-add7-4bc64ca009e5.json | 7 +++++++
 src/components/chat/Message.vue                            | 2 +-
 src/models/chat.ts                                         | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 change/@acedatacloud-hub-93693b91-c5ea-4bfe-add7-4bc64ca009e5.json

diff --git a/change/@acedatacloud-hub-93693b91-c5ea-4bfe-add7-4bc64ca009e5.json b/change/@acedatacloud-hub-93693b91-c5ea-4bfe-add7-4bc64ca009e5.json
new file mode 100644
index 00000000..c099ee4d
--- /dev/null
+++ b/change/@acedatacloud-hub-93693b91-c5ea-4bfe-add7-4bc64ca009e5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix image display issue for vision model",
+  "packageName": "@acedatacloud/hub",
+  "email": "cqc@cuiqingcai.com",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/chat/Message.vue b/src/components/chat/Message.vue
index 993b4235..356cdddb 100644
--- a/src/components/chat/Message.vue
+++ b/src/components/chat/Message.vue
@@ -11,7 +11,7 @@
       <markdown-renderer v-if="!Array.isArray(message.content)" :content="message?.content" />
       <div v-else>
         <div v-for="(item, index) in message.content" :key="index">
-          <img v-if="item.type === 'image_url'" :src="item.image_url" fit="cover" class="image" />
+          <img v-if="item.type === 'image_url'" :src="item.image_url?.url" fit="cover" class="image" />
           <markdown-renderer v-if="item.type === 'text'" :key="index" :content="item.text" />
         </div>
       </div>
diff --git a/src/models/chat.ts b/src/models/chat.ts
index 8f92de17..e4d42ab0 100644
--- a/src/models/chat.ts
+++ b/src/models/chat.ts
@@ -35,7 +35,7 @@ export enum IChatMessageState {
 export interface IChatMessageContentItem {
   type: string;
   text?: string;
-  image_url?: string;
+  image_url?: { url: string };
 }
 
 export interface IChatMessage {