UI: Display original source filename explicitly in queue item details and completed outputs gallery cards

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 = "";