update

resources/js/components/artwork/ArtworkComments.jsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react'
 import axios from 'axios'
 import CommentForm from '../comments/CommentForm'
 import ReactionBar from '../comments/ReactionBar'
+import LevelBadge from '../xp/LevelBadge'
 import { isFlood } from '../../utils/emojiFlood'
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
@@ -130,6 +131,7 @@ function ReplyItem({ reply, parentId, artworkId, isLoggedIn, onReplyPosted, dept
           ) : (
             <span className="text-[12px] font-semibold text-white/90">{profileLabel}</span>
           )}
+          <LevelBadge level={user?.level} rank={user?.rank} compact className="shrink-0" />
           <span className="text-white/15" aria-hidden="true">·</span>
           <time
             dateTime={reply.created_at}
@@ -286,6 +288,7 @@ function CommentItem({ comment, isLoggedIn, artworkId, onReplyPosted }) {
               ) : (
                 <span className="text-[13px] font-semibold text-white/95">{profileLabel}</span>
               )}
+              <LevelBadge level={user?.level} rank={user?.rank} compact className="shrink-0" />
               <span className="text-white/15" aria-hidden="true">·</span>
               <time
                 dateTime={comment.created_at}