From 65039d44a53fbddf3748c1e1784c9c35f357a444 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Thu, 11 Jun 2026 08:37:45 -0400
Subject: [PATCH] Show expandable definitions in word study suggestion list

Lets users preview a word's full Strong's definition before
deciding whether to add it.
---
 src/App.jsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index bac241f..cf2e5d0 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3573,6 +3573,20 @@ const restoreRemoteProject = async (id) => {
                         {w.translit && <span className="text-xs text-slate-400 italic">{w.translit}</span>}
                         <span className="text-xs font-mono text-slate-300">{w.strongKey}</span>
                       </div>
+                      {w.entry && (w.entry.strongs_def || w.entry.kjv_def || w.entry.derivation) && (
+                        <details className="mt-1">
+                          <summary
+                            className="cursor-pointer text-xs font-medium text-sky-600 hover:text-sky-700"
+                            onClick={(e) => e.stopPropagation()}
+                          >
+                            Definition
+                          </summary>
+                          <div
+                            className="mt-1 text-xs leading-5 text-slate-600"
+                            dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(buildGreekDefinitionHtml(w.strongKey, w.entry)) }}
+                          />
+                        </details>
+                      )}
                     </div>
                   </label>
                 </li>