0.2.16

- replace question marks in score panel with underscores
- add option to toggle incorrect guess history display in settings (enabled by default)
- game over popup updated to ensure it is fully visible on screen

README.md

@@ -106,6 +106,11 @@ docker run -p 8501:8501 battlewords
 
 ## Changelog
 
+-0.2.16
+  - replace question marks in score panel with underscores
+  - add option to toggle incorrect guess history display in settings (enabled by default)
+  - game over popup updated to ensure it is fully visible on screen
+  
 -0.2.15
   - fix music playing after game end
   - change incorrect guesses icon

battlewords/__init__.py

@@ -1,2 +1,2 @@
-__version__ = "0.2.15"
+__version__ = "0.2.16"
 __all__ = ["models", "generator", "logic", "ui"]

battlewords/logic.py

@@ -143,9 +143,9 @@ def compute_tier(score: int) -> str:
         return "Good"
     return "Keep practicing"
 
-def hidden_word_display(letters_display: int) -> str:
-    """Return a string of '?' of length letters_display."""
-    return "?" * letters_display
+def hidden_word_display(letters_display: int, character: str = "?") -> str:
+    """Return a string of characters of length letters_display."""
+    return character * letters_display
 
 def auto_mark_completed_words(state: GameState) -> bool:
     """Automatically mark words as found when all their letters are revealed.

battlewords/ui.py

@@ -1021,10 +1021,13 @@ def _render_guess_form(state: GameState):
 
     # Prepare tooltip text for native browser tooltip
     recent_incorrect = st.session_state.incorrect_guesses[-10:]
-    if recent_incorrect:
-        tooltip_text = "Recent incorrect guesses:\n" + "\n".join(recent_incorrect)
+    if st.session_state.get("show_incorrect_guesses", True) and recent_incorrect:
+        if recent_incorrect:
+            tooltip_text = "Recent incorrect guesses:\n" + "\n".join(recent_incorrect)
+        else:
+            tooltip_text = "No incorrect guesses yet"
     else:
-        tooltip_text = "No incorrect guesses yet"
+        tooltip_text = None
     
     # Add CSS for the incorrect guesses display
     st.markdown(
@@ -1037,30 +1040,30 @@ def _render_guess_form(state: GameState):
             font-style: italic;
         }
         /* Reposition tooltip anchor under the input */
-        .stTooltipIcon {
+        .st-key-guess_input .stTooltipIcon {
             position: absolute;
             left: 0;
             bottom: -22px;
             width: auto !important;
         }
         /* Hide the default SVG info icon */
-        .stTooltipIcon svg.icon {
+        .st-key-guess_input .stTooltipIcon svg.icon {
             display: none !important;
         }
         /* Make the tooltip trigger look like a link reading "incorrect guesses" */
-        .stTooltipIcon .stTooltipHoverTarget {
+        .st-key-guess_input .stTooltipIcon .stTooltipHoverTarget {
             display: inline-flex;
             align-items: center;
             width: auto;
         }
-        .stTooltipIcon .stTooltipHoverTarget::after {
+        .st-key-guess_input .stTooltipIcon .stTooltipHoverTarget::after {
             content: "incorrect guesses";
             color: #FFFFFF;
             text-decoration: underline;
             font-size: 0.8rem;
             cursor: help;
         }
-        .stTooltipIcon .stTooltipHoverTarget:hover::after {
+        .st-key-guess_input .stTooltipIcon .stTooltipHoverTarget:hover::after {
             color: #ff9999;
         }
 
@@ -1091,7 +1094,7 @@ def _render_guess_form(state: GameState):
             submitted = st.form_submit_button("OK", disabled=not state.can_guess, width=100, key="guess_submit")
         
         # Show compact list below input if setting is enabled
-        #if st.session_state.get("show_incorrect_guesses", False) and recent_incorrect:
+        #if st.session_state.get("show_incorrect_guesses", True) and recent_incorrect:
         #    st.markdown(
         #        f'<div class="bw-incorrect-guesses">Recent: {", ".join(recent_incorrect)}</div>',
         #        unsafe_allow_html=True,
@@ -1144,9 +1147,9 @@ def _render_score_panel(state: GameState):
             # Hide unguessed words in classic mode
             row_html = (
                 "<tr>"
-                f"<td class=\"blue-background \">{hidden_word_display(letters_display)}</td>"
+                f"<td class=\"blue-background \">{hidden_word_display(letters_display,'_')}</td>"
                 f"<td class=\"blue-background \">{letters_display}</td>"
-                f"<td class=\"blue-background \">?</td>"
+                f"<td class=\"blue-background \">_</td>"
                 "</tr>"
             )
             rows_html.append(row_html)
@@ -1336,6 +1339,28 @@ def _game_over_content(state: GameState) -> None:
         unsafe_allow_html=True,
     )
 
+    # Ensure the popup is in view by scrolling the parent window to the main anchor (or top as fallback)
+    components.html(
+        """
+        <script>
+        (function() {
+          try {
+            var parentDoc = window.parent && window.parent.document ? window.parent.document : document;
+            var anchor = parentDoc.getElementById('bw-main-anchor');
+            if (anchor && anchor.scrollIntoView) {
+              anchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            } else if (window.parent && window.parent.scrollTo) {
+              window.parent.scrollTo({ top: 0, behavior: 'smooth' });
+            } else {
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }
+          } catch (e) { /* no-op */ }
+        })();
+        </script>
+        """,
+        height=0,
+    )
+
     # Dialog actions
     if st.button("Close", key="close_game_over"):
         st.session_state["show_gameover_overlay"] = False