From 00bd7ca3b6ff6a1cbfde465f669437a4eba988a0 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Tue, 9 Sep 2025 12:01:02 +0200
Subject: [PATCH] Add CCSummary to single image view (when exporting)

---
 src/assets/css/chat.scss                              | 8 ++++++++
 src/components/messages/composition/MessageImage.vue  | 5 +++++
 src/components/messages/composition/MessageThread.vue | 4 ----
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index fbb47f7..113156f 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -467,6 +467,10 @@ body {
     position: relative;
     max-width: 70%;
 
+    .bubble-inset {
+      padding: 8px 8px;
+    }
+
     @media #{map.get($display-breakpoints, 'sm-and-down')} {
       min-height: $min-touch-target;
     }
@@ -561,6 +565,10 @@ body {
     position: relative;
     max-width: 70%;
 
+    .bubble-inset {
+      padding: 8px 8px;
+    }
+
     @media #{map.get($display-breakpoints, 'sm-and-down')} {
       min-height: $min-touch-target;
     }
diff --git a/src/components/messages/composition/MessageImage.vue b/src/components/messages/composition/MessageImage.vue
index 9c828ef..b4cf1d5 100644
--- a/src/components/messages/composition/MessageImage.vue
+++ b/src/components/messages/composition/MessageImage.vue
@@ -5,6 +5,10 @@
     v-bind="{ ...$props, ...$attrs }"
     >
     <div class="bubble image-bubble" ref="imageRef">
+      <div class="bubble-inset" v-if="attachment?.proofHintFlags">
+        <CCSummary :multiple="false" :flags="attachment.proofHintFlags ? [attachment.proofHintFlags] : []" />
+      </div>
+
       <ImageWithProgress v-if="attachment"
         :aspect-ratio="16 / 9"
         ref="image"
@@ -32,6 +36,7 @@ import { MessageProps, useMessage } from "./useMessage";
 import { EventAttachment } from "../../../models/eventAttachment";
 import { useDisplay } from "vuetify";
 import Hammer from "hammerjs";
+import CCSummary from "../../content-credentials/CCSummary.vue";
 
 const { t } = useI18n()
 const $matrix: any = inject('globalMatrix');
diff --git a/src/components/messages/composition/MessageThread.vue b/src/components/messages/composition/MessageThread.vue
index ea68da8..f85ca25 100644
--- a/src/components/messages/composition/MessageThread.vue
+++ b/src/components/messages/composition/MessageThread.vue
@@ -260,10 +260,6 @@ const layoutedItems = computed(() => {
   overflow: hidden;
 }
 
-.bubble-inset {
-  padding: 8px 8px;
-}
-
 .imageCollection {
   width: unset;
   max-width: unset;