From 35d454ad3f061af125cbef39e65d0df7ecd1cd46 Mon Sep 17 00:00:00 2001
From: ramdos0207 <dev@ramdos.net>
Date: Sun, 17 May 2026 20:34:56 +0900
Subject: [PATCH 1/2] =?UTF-8?q?OGP=E3=82=AB=E3=83=BC=E3=83=89=E3=81=AE?=
 =?UTF-8?q?=E3=83=AA=E3=83=B3=E3=82=AF=E5=85=88=E3=82=92=E6=8A=95=E7=A8=BF?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=81=9FURL=E3=81=AB=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Embeddings/MessageOgpList.vue             | 21 +++++++++++--------
 .../Embeddings/MessageOgpListItem.vue         |  5 +++--
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
index ac9b309b51..71146157d1 100644
--- a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
+++ b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
@@ -1,10 +1,11 @@
 <template>
   <div :class="$style.container">
     <MessageOgpListItem
-      v-for="(data, i) in ogpData"
-      :key="i"
+      v-for="item in ogpItems"
+      :key="item.url"
       :class="$style.item"
-      :ogp-data="data"
+      :url="item.url"
+      :ogp-data="item.ogpData"
     />
   </div>
 </template>
@@ -12,7 +13,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 
-import { isDefined } from '/@/lib/basic/array'
 import { useMessagesStore } from '/@/store/entities/messages'
 
 import MessageOgpListItem from './MessageOgpListItem.vue'
@@ -28,11 +28,14 @@ const props = withDefaults(
 
 const { ogpDataMap } = useMessagesStore()
 
-const ogpData = computed(() =>
-  props.externalUrls
-    .map(url => ogpDataMap.value.get(url))
-    .filter(isDefined)
-    .filter(o => o.title)
+const ogpItems = computed(() =>
+  props.externalUrls.flatMap(url => {
+    const ogpData = ogpDataMap.value.get(url)
+    if (!ogpData?.title) {
+      return []
+    }
+    return [{ url, ogpData }]
+  })
 )
 </script>
 
diff --git a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpListItem.vue b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpListItem.vue
index 7b615ea3c1..4a5c29b0c5 100644
--- a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpListItem.vue
+++ b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpListItem.vue
@@ -2,7 +2,7 @@
   <div :class="$style.container">
     <MessageOgpContentVideo
       v-if="isVideoType && imageUrl && videoUrl"
-      :url="ogpData.url"
+      :url="url"
       :title="ogpData.title"
       :description="ogpData.description"
       :preview-url="imageUrl"
@@ -10,7 +10,7 @@
     />
     <MessageOgpContentWebsite
       v-else
-      :url="ogpData.url"
+      :url="url"
       :title="ogpData.title"
       :description="ogpData.description"
       :image-url="imageUrl"
@@ -29,6 +29,7 @@ import MessageOgpContentVideo from './MessageOgpContentVideo.vue'
 import MessageOgpContentWebsite from './MessageOgpContentWebsite.vue'
 
 const props = defineProps<{
+  url: string
   ogpData: Ogp
 }>()
 

From b04da5ea0648da56eb00860e8d4820f190d93479 Mon Sep 17 00:00:00 2001
From: "coderabbitai[bot]"
 <136622811+coderabbitai[bot]@users.noreply.github.com>
Date: Sun, 17 May 2026 11:44:46 +0000
Subject: [PATCH 2/2] fix: apply CodeRabbit auto-fixes

Fixed 1 file(s) based on 1 unresolved review comment.

Co-authored-by: CodeRabbit <noreply@coderabbit.ai>
---
 .../MainView/MessageElement/Embeddings/MessageOgpList.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
index 71146157d1..a1d785a197 100644
--- a/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
+++ b/src/components/Main/MainView/MessageElement/Embeddings/MessageOgpList.vue
@@ -1,8 +1,8 @@
 <template>
   <div :class="$style.container">
     <MessageOgpListItem
-      v-for="item in ogpItems"
-      :key="item.url"
+      v-for="(item, index) in ogpItems"
+      :key="`${item.url}-${index}`"
       :class="$style.item"
       :url="item.url"
       :ogp-data="item.ogpData"