From 21065959769b26356b8a6d5b14e36a9f602cdc9b Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Thu, 20 Aug 2026 10:40:47 -0400
Subject: [PATCH] Show passage text in inline Ink Notes canvas

Passes selectedChunkVerses as headerContent to the inline DrawCanvas so
highlights overlay the actual scripture text, matching annotate mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/StudyPage.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/pages/StudyPage.jsx b/src/pages/StudyPage.jsx
index 94dfd9f..9868f13 100644
--- a/src/pages/StudyPage.jsx
+++ b/src/pages/StudyPage.jsx
@@ -533,6 +533,24 @@ export default function StudyPage() {
                       <DrawCanvas
                         strokes={selectedChunk.inkStrokes ?? []}
                         onStrokesChange={(s) => updateChunk(selectedChunk.id, { inkStrokes: s })}
+                        headerContent={
+                          selectedChunkVerses.length > 0 && (
+                            <>
+                              <div className="mb-2 flex items-center justify-between gap-2">
+                                <span className="text-xs font-semibold uppercase tracking-[0.18em] text-slate-400">Scripture · draw on me</span>
+                                <span className="rounded-full bg-slate-200 px-2.5 py-0.5 text-xs font-semibold text-slate-600">
+                                  {formatChunkReference(project, selectedChunkChapterIndex, selectedChunk, '–')}
+                                </span>
+                              </div>
+                              {selectedChunkVerses.map((verse) => (
+                                <p key={`${verse.chapter}-${verse.number}`} className="mb-1">
+                                  <span className="font-semibold text-slate-900">{verse.chapter}:{verse.number}.</span>{' '}
+                                  {verse.text}
+                                </p>
+                              ))}
+                            </>
+                          )
+                        }
                       />
                     </div>
                   )}