fix(web): show added figure-caption evidence in the retrieval panel

The injected caption chunk is citable, so answers cite [1] against it,
but the panel only listed retrieval results - the most load-bearing
citation had no visible counterpart anywhere. Injected captions now
render in their own "Named-figure evidence" section above the ranked
candidates: the citation number badge, the caption preview, a wrapping
plain-language note ("your question names this figure, so its caption
joined the evidence directly"), and a click-through to the source page
with the figure region box.

Author: NorthernLightx

web/app/api.js

@@ -243,7 +243,7 @@
       for (const paperId of papers) {
         const f = figureIndex.find((g) => g.paper_id === paperId && re.test(String(g.caption || "").trim()));
         if (f && typeof f.page_number === "number") {
-          out.push({ paperId, page: f.page_number, chunkId: f.chunk_id, caption: String(f.caption || "") });
+          out.push({ paperId, page: f.page_number, chunkId: f.chunk_id, caption: String(f.caption || ""), bbox: f.bbox || null });
           // One page per reference — matching the same "Figure 2" in a second
           // paper would crowd out the question's other references.
           break;
@@ -310,7 +310,8 @@
     // captions rarely share words with the question ("Fig. 1: (a) Previous
     // driving world models…" vs "What does Figure 1 illustrate?") — and the
     // model then transplants text about a DIFFERENT figure onto the asked one.
-    for (const ref of referencedFigurePages(latestUserText, chunks, figureIndex)) {
+    const injected = referencedFigurePages(latestUserText, chunks, figureIndex);
+    for (const ref of injected) {
       if (ref.chunkId && ref.caption) {
         content.push({
           type: "text",
@@ -329,7 +330,9 @@
     }
     content.push({ type: "text", text: `\nQuestion: ${latestUserText}` });
     messages.push({ role: "user", content });
-    return messages;
+    // `injected` rides along so the UI can show this evidence in the panel —
+    // it is context the model saw, but it is not a retrieval result.
+    return { messages, injected };
   }
 
   // Read an OpenRouter-style SSE stream, invoking onDelta(text) per token.

web/app/chat.jsx

@@ -229,6 +229,33 @@ function RetrievalPanel({ turn, highlight, settings, paperTitle, routingAvailabl
           )}
         </div>
 
+        {/* Caption chunks injected for figures/tables the question names —
+            context the model saw and can cite, but not retrieval output, so
+            they get their own labeled section instead of a ranked row. */}
+        {turn.injected && turn.injected.length > 0 && (
+          <div className="retr-section">
+            <h4>Named-figure evidence <span className="n">{turn.injected.length}</span></h4>
+            {turn.injected.map((f, i) => {
+              const ct = (turn.citations || []).find((x) => x.id === f.chunkId);
+              return (
+                <div key={f.chunkId || i} className="cand row-clickable"
+                  onClick={() => setPageItem({ chunk_id: f.chunkId, paper: f.paperId, page: f.page, pages: [f.page], kind: "visual", bbox: f.bbox || null, text: f.caption || "" })}
+                  title="View source region on page">
+                  <div className="cand-top">
+                    <span className="cand-num visual">{ct ? ct.n : "·"}</span>
+                    <span className="cand-src">{f.paperId} · p.{f.page}</span>
+                    <span className="cand-score">added</span>
+                  </div>
+                  {f.caption && <div className="cand-quote">{previewQuote(f.caption)}</div>}
+                  <div className="cand-meta">
+                    <span className="pin-note">your question names this figure, so its caption joined the evidence directly</span>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        )}
+
         <div className="retr-section">
           <h4>Ranked candidates <span className="n">{total} chunks</span></h4>
           {cands.map((c, i) => {
@@ -425,7 +452,8 @@ function ChatView({ settings, set, layout, resetSignal, apiKey, model, papers, f
       // attach page images when pages are served.
       const useImages = pagesAvailable && (hasKey ? window.RAG.supportsVision(model) : true);
       if (useImages) live(() => setStatus(hasKey ? "Reading the retrieved page images…" : "Free demo model is reading the retrieved pages…"));
-      const messages = await window.RAG.buildMessages(priorTurns, q, results, useImages, figures);
+      const { messages, injected } = await window.RAG.buildMessages(priorTurns, q, results, useImages, figures);
+      if (injected && injected.length) upd({ injected });
       const tGen = performance.now();
       const onDelta = (delta) => upd((prev) => ({ answer: prev.answer + delta }));
       const { text, usage } = hasKey

web/app/styles.css

@@ -611,6 +611,7 @@ body {
 .cand-score { margin-left: auto; font-family: "IBM Plex Mono", monospace; font-size: 11px; color: var(--text); font-weight: 500; }
 .cand-quote { font-family: "IBM Plex Serif", serif; font-size: 12.5px; line-height: 1.55; color: var(--text-dim); margin: 6px 0 8px; padding-left: 9px; border-left: 2px solid var(--border); }
 .cand-meta { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
+.pin-note { font-size: 10.5px; color: var(--text-faint); line-height: 1.45; white-space: normal; }
 .cand-status { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: .04em; }
 .cand-status.kept { color: var(--good); }
 .cand-status.dropped { color: var(--text-faint); }