Feat: Display image id

web/src/components/next-markdown-content/index.tsx

@@ -220,20 +220,23 @@ function MarkdownContent({
         const docType = chunkItem?.doc_type;
 
         return showImage(docType) ? (
-          <Image
+          <section>
-            id={imageId}
+            <Image
-            className={styles.referenceInnerChunkImage}
+              id={imageId}
-            onClick={
+              className={styles.referenceInnerChunkImage}
-              documentId
+              onClick={
-                ? handleDocumentButtonClick(
+                documentId
-                    documentId,
+                  ? handleDocumentButtonClick(
-                    chunkItem,
+                      documentId,
-                    fileExtension === 'pdf',
+                      chunkItem,
-                    documentUrl,
+                      fileExtension === 'pdf',
-                  )
+                      documentUrl,
-                : () => {}
+                    )
-            }
+                  : () => {}
-          ></Image>
+              }
+            ></Image>
+            <span className="text-accent-primary">{imageId}</span>
+          </section>
         ) : (
           <HoverCard key={i}>
             <HoverCardTrigger>