feat(ui): add closed game message display

Replace the 'hide board' behavior with a 'GAME CLOSED' message displayed in the same space.
This provides better visual feedback to users when the game is closed.

- Add new constants for closed message text and color
- Create new build_closed_message function that displays large text
- Update close_game and sync_board_state to show message instead of hiding board

Author: jonathan-irvin

src/config/constants.py

@@ -6,6 +6,8 @@
 HEADER_TEXT = "COMMIT !BINGO"
 HEADER_TEXT_COLOR = "#0CB2B3"
 CLOSED_HEADER_TEXT = "Bingo Is Closed"
+CLOSED_MESSAGE_TEXT = "GAME CLOSED"
+CLOSED_MESSAGE_COLOR = "#FF7f33"
 
 # Free space settings
 FREE_SPACE_TEXT = "FREE MEAT"

src/core/game_logic.py

@@ -255,7 +255,7 @@ def generate_new_board(phrases):
 
 def close_game():
     """
-    Close the game - hide the board and update the header text.
+    Close the game - show closed message instead of the board and update the header text.
     This function is called when the close button is clicked.
     """
     global is_game_closed, header_label
@@ -266,9 +266,14 @@ def close_game():
         header_label.set_text(CLOSED_HEADER_TEXT)
         header_label.update()
 
-    # Hide all board views (both home and stream)
+    # Show closed message in board containers
+    from src.config.constants import CLOSED_MESSAGE_COLOR, CLOSED_MESSAGE_TEXT
+    from src.ui.board_builder import build_closed_message
+
+    # Replace board with closed message in all views
     for view_key, (container, tile_buttons_local) in board_views.items():
-        container.style("display: none;")
+        container.clear()
+        build_closed_message(container)
         container.update()
 
     # Modify the controls row to only show the New Board button

src/ui/board_builder.py

@@ -9,10 +9,13 @@
     BOARD_TILE_FONT_STYLE,
     BOARD_TILE_FONT_WEIGHT,
     CARD_CLASSES,
+    CLOSED_MESSAGE_COLOR,
+    CLOSED_MESSAGE_TEXT,
     FREE_SPACE_TEXT,
     FREE_SPACE_TEXT_COLOR,
     GRID_CLASSES,
     GRID_CONTAINER_CLASS,
+    HEADER_FONT_FAMILY,
     LABEL_CLASSES,
     LABEL_SMALL_CLASSES,
     TILE_CLICKED_BG_COLOR,
@@ -23,6 +26,38 @@
 from src.utils.text_processing import get_line_style_for_lines, split_phrase_into_lines
 
 
+def build_closed_message(parent):
+    """
+    Build a message indicating the game is closed, to be displayed in place of the board.
+
+    Args:
+        parent: The parent UI element to build the message in
+    """
+    import logging
+
+    with parent:
+        with ui.element("div").classes(GRID_CONTAINER_CLASS):
+            with ui.element("div").classes(
+                "flex justify-center items-center h-full w-full"
+            ):
+                ui.label(CLOSED_MESSAGE_TEXT).classes("text-center fit-header").style(
+                    f"font-family: {HEADER_FONT_FAMILY}; color: {CLOSED_MESSAGE_COLOR}; font-size: 6rem;"
+                )
+
+    # Run JavaScript to ensure text is resized properly
+    try:
+        js_code = """
+            setTimeout(function() {
+                if (typeof fitty !== 'undefined') {
+                    fitty('.fit-header', { multiLine: true, minSize: 10, maxSize: 2000 });
+                }
+            }, 50);
+        """
+        ui.run_javascript(js_code)
+    except Exception as e:
+        logging.debug(f"JavaScript execution failed: {e}")
+
+
 def build_board(parent, tile_buttons_dict: dict, on_tile_click, board, clicked_tiles):
     """
     Build the common Bingo board in the given parent element.

src/ui/sync.py

@@ -24,9 +24,12 @@ def sync_board_state():
                 header_label.set_text(CLOSED_HEADER_TEXT)
                 header_label.update()
 
-            # Hide all board views
+            # Show closed message in all board views
+            from src.ui.board_builder import build_closed_message
+
             for view_key, (container, _) in board_views.items():
-                container.style("display: none;")
+                container.clear()
+                build_closed_message(container)
                 container.update()
 
             # Make sure controls row is showing only the Start New Game button