admin: show each reference as Image N with the name the prompt gives it

admin.html

@@ -156,6 +156,18 @@ function shotHtml(s) {
             + '<img src="' + esc(s.plate_url)
             + '" alt="seed frame" style="width:100%;border-radius:6px"></div>');
         }
+        // THE REFERENCES, NUMBERED THE WAY THE PROMPT NUMBERS THEM. The prompt
+        // says "Image 2 is the face of Hank Brogan" and binds the voice to it;
+        // that is only true if the second URL really is Brogan's sheet. A URL
+        // is not a face, so show the face.
+        (s.refs_sent || []).forEach(function (u, i) {
+          var who = (s.refs_named || [])[i] || '';
+          bits.push('<div><div class="kv"><b>Image ' + (i + 1) + '</b>'
+            + (who ? ' &middot; ' + esc(who) : '') + '</div>'
+            + '<a href="' + esc(u) + '" target="_blank" rel="noopener">'
+            + '<img src="' + esc(u) + '" alt="Image ' + (i + 1)
+            + '" style="width:100%;border-radius:6px"></a></div>');
+        });
         (s.audio_urls || []).forEach(function (u, i) {
           bits.push('<div><div class="kv">audio sent to the engine'
             + ((s.audio_urls.length > 1) ? ' (' + (i + 1) + ')' : '') + '</div>'