From be931d0e086f88ad06283e8419af1c1e1f830c46 Mon Sep 17 00:00:00 2001
From: David Kifer <dkifer19@gmail.com>
Date: Wed, 1 Jul 2026 11:36:51 -0400
Subject: [PATCH] UI: Display original source filename explicitly in queue item
 details and completed outputs gallery cards

---
 static/app.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/app.js b/static/app.js
index 29f2416..ad1dc91 100644
--- a/static/app.js
+++ b/static/app.js
@@ -1392,6 +1392,7 @@ async function loadGallery() {
                     <h4 title="${file.filename}">${file.filename}</h4>
                     <p>Size: ${formatBytes(file.size)}</p>
                     <p>Model: ${modelInfo}</p>
+                    ${originalFilename ? `<p class="source-file-info" style="font-size: 0.8rem; opacity: 0.85; margin-top: 0.25rem;"><i class="fa-solid fa-file-video"></i> Source: <span class="badge badge-secondary" style="font-family: monospace; word-break: break-all;">${originalFilename}</span></p>` : ''}
                 </div>
                 <div class="gallery-actions">
                     <button type="button" class="btn btn-play-compare">
@@ -1524,7 +1525,7 @@ async function loadQueue() {
             
             let metaHtml = `
                 <span><i class="fa-solid fa-microchip"></i> Model: ${modelLabel} (${scaleLabel})</span>
-                <span><i class="fa-solid fa-file-video"></i> Source: ${job.video_path ? job.video_path.split('/').pop() : 'Unknown'}</span>
+                <span><i class="fa-solid fa-file-video"></i> Source: <span class="badge badge-secondary" style="font-family: monospace; word-break: break-all;">${job.source_filename || (job.video_path ? job.video_path.split('/').pop() : 'Unknown')}</span></span>
             `;
             
             let errorHtml = "";