From c9d0b8f151875593a1df2860b9d0863d28c8adda Mon Sep 17 00:00:00 2001
From: fahed <fahed@softhouse.io>
Date: Sat, 7 Mar 2026 02:13:15 +0300
Subject: [PATCH] fix: show creator name prominently in detail panels and
 public review pages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/src/components/ArtefactDetailPanel.jsx | 7 ++++++-
 client/src/components/PostDetailPanel.jsx     | 5 +++++
 client/src/pages/PublicPostReview.jsx         | 2 +-
 client/src/pages/PublicReview.jsx             | 3 ++-
 server/server.js                              | 1 +
 5 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ArtefactDetailPanel.jsx b/client/src/components/ArtefactDetailPanel.jsx
index b42b10e..b79d3a6 100644
--- a/client/src/components/ArtefactDetailPanel.jsx
+++ b/client/src/components/ArtefactDetailPanel.jsx
@@ -365,11 +365,16 @@ export default function ArtefactDetailPanel({ artefact, onClose, onUpdate, onDel
               onChange={e => setEditTitle(e.target.value)}
               className="w-full text-lg font-semibold text-text-primary bg-transparent border-0 border-b border-transparent hover:border-border focus:border-brand-primary focus:outline-none focus:ring-0 px-0 py-0.5 transition-colors"
             />
-            <div className="flex items-center gap-2 mt-1">
+            <div className="flex items-center gap-2 mt-1 flex-wrap">
               <span className={`text-xs px-2 py-0.5 rounded-full ${STATUS_COLORS[artefact.status] || 'bg-surface-tertiary text-text-secondary'}`}>
                 {artefact.status?.replace('_', ' ')}
               </span>
               <span className="text-xs text-text-tertiary capitalize">{artefact.type}</span>
+              {artefact.creator_name && (
+                <span className="text-xs text-text-secondary font-medium">
+                  {t('review.createdBy')} <strong className="text-text-primary">{artefact.creator_name}</strong>
+                </span>
+              )}
             </div>
           </div>
           <div className="flex items-center gap-1 shrink-0">
diff --git a/client/src/components/PostDetailPanel.jsx b/client/src/components/PostDetailPanel.jsx
index 9e3717e..adfef1a 100644
--- a/client/src/components/PostDetailPanel.jsx
+++ b/client/src/components/PostDetailPanel.jsx
@@ -271,6 +271,11 @@ export default function PostDetailPanel({ post, onClose, onSave, onDelete, brand
                 {brandName}
               </span>
             )}
+            {post.creator_user_name && (
+              <span className="text-[11px] text-text-secondary font-medium">
+                {t('review.createdBy')} <strong className="text-text-primary">{post.creator_user_name}</strong>
+              </span>
+            )}
           </div>
         </div>
         <button
diff --git a/client/src/pages/PublicPostReview.jsx b/client/src/pages/PublicPostReview.jsx
index f2060d9..a6f9875 100644
--- a/client/src/pages/PublicPostReview.jsx
+++ b/client/src/pages/PublicPostReview.jsx
@@ -165,7 +165,7 @@ export default function PublicPostReview() {
                 {platforms.length > 0 && (
                   <span className="px-2 py-0.5 bg-surface-tertiary rounded-full text-xs">{platforms.join(', ')}</span>
                 )}
-                {post.creator_name && <span>{t('review.createdBy')} {post.creator_name}</span>}
+                {post.creator_name && <span className="font-medium text-text-secondary">{t('review.createdBy')} <strong>{post.creator_name}</strong></span>}
                 {post.scheduled_date && <span>• {new Date(post.scheduled_date).toLocaleDateString()}</span>}
               </div>
             </div>
diff --git a/client/src/pages/PublicReview.jsx b/client/src/pages/PublicReview.jsx
index abd3a4e..50c4d7e 100644
--- a/client/src/pages/PublicReview.jsx
+++ b/client/src/pages/PublicReview.jsx
@@ -200,10 +200,11 @@ export default function PublicReview() {
                 {artefact.description && (
                   <p className="text-text-secondary mb-2">{artefact.description}</p>
                 )}
-                <div className="flex items-center gap-3 text-sm text-text-tertiary">
+                <div className="flex items-center gap-3 text-sm text-text-tertiary flex-wrap">
                   <span className="px-2 py-0.5 bg-surface-tertiary rounded-full capitalize">{artefact.type}</span>
                   {artefact.brand_name && <span>• {artefact.brand_name}</span>}
                   {artefact.version_number && <span>• {t('review.version')} {artefact.version_number}</span>}
+                  {artefact.creator_name && <span className="font-medium text-text-secondary">{t('review.createdBy')} <strong>{artefact.creator_name}</strong></span>}
                 </div>
               </div>
             </div>
diff --git a/server/server.js b/server/server.js
index 4b94ec4..6642c58 100644
--- a/server/server.js
+++ b/server/server.js
@@ -3897,6 +3897,7 @@ app.get('/api/public/review/:token', async (req, res) => {
     res.json({
       ...artefact,
       brand_name: await getRecordName('Brands', artefact.brand_id),
+      creator_name: await getRecordName('Users', artefact.created_by_user_id),
       approvers,
       version: versionData,
       version_number: reviewVersionNumber,