Update app.py

app.py

@@ -1,5 +1,4 @@
 # app.py
-# app.py
 import json
 from pathlib import Path
 import threading, time
@@ -34,11 +33,11 @@ hr{ border-color:var(--border); }
   width:100%; padding:10px 12px; border-radius:12px;
   border:1px solid var(--border); background:#fff; color:var(--text);
   display:flex; justify-content:flex-start; align-items:center;
-  text-align:left;
+  text-align:left; cursor:pointer;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   letter-spacing:.2px;
 }
-.rowbtn:hover{ background:#f7fbff; border-color:#c3e8fb; cursor:pointer; }
+.rowbtn:hover{ background:#f7fbff; border-color:#c3e8fb; }
 """
 
 # ------------------ App state ------------------
@@ -71,7 +70,7 @@ def display_token_from_id(tid: int) -> str:
     """Readable label for a single token id (no leading tokenizer markers)."""
     toks = tokenizer.convert_ids_to_tokens([int(tid)], skip_special_tokens=True)
     t = toks[0] if toks else ""
-    for lead in ("▁", "Ġ"):  # common leading markers
+    for lead in ("▁", "Ġ"):
         if t.startswith(lead):
             t = t[len(lead):]
     t = t.replace("\n", "↵")
@@ -214,7 +213,7 @@ def AutoPredictWatcher():
     solara.use_effect(effect, [text, auto])
     return solara.Text("", style={"display": "none"})
 
-# ------------------ UI: custom clickable/hoverable list ------------------
+# ------------------ UI: clickable + hoverable list ------------------
 @solara.component
 def PredictionsList():
     df = preds_rx.value
@@ -233,15 +232,16 @@ def PredictionsList():
             tok_disp = display_token_from_id(tid)
             label = fmt_row(i, prob, tid, tok_disp)
 
-            # Use Div instead of Button so hover works everywhere
+            # Use Div so hover works across Solara versions; note (event, ...) signatures
             with solara.Div(
                 classes=["rowbtn"],
                 style={"justifyContent": "flex-start"},
-                on_click=lambda tid=tid: append_token(tid),
-                on_mouse_enter=lambda tid=tid: preview_token(tid),
-                on_mouse_over=lambda tid=tid: preview_token(tid),
-                on_focus=lambda tid=tid: preview_token(tid),
-                attributes={"tabindex": "0"},  # keyboard focusable
+                attributes={"tabindex": "0", "role": "button"},
+                on_click=lambda e=None, tid=tid: append_token(tid),
+                on_mouse_enter=lambda e=None, tid=tid: preview_token(tid),
+                on_mouse_over=lambda e=None, tid=tid: preview_token(tid),
+                on_mouse_move=lambda e=None, tid=tid: preview_token(tid),
+                on_focus=lambda e=None, tid=tid: preview_token(tid),
             ):
                 solara.Text(label)