Capitalize

gradio-web/config.py

@@ -40,9 +40,9 @@ DEMO_VIDEO_ENV_IDS = [
 
 UI_TEXT = {
     "log": {
-        "action_selection_prompt": "please select the action in the left 👈,\nsome actions also need to select keypoint",
-        "keypoint_selection_prompt": "current action needs location input, please click on the image to select key pixel",
-        "demo_video_prompt": 'press "Watch Video Input🎬" to watch a video\nNote: you can only watch the video once',
+        "action_selection_prompt": "Please select the action in the left 👈,\nSome actions also need to select keypoint",
+        "keypoint_selection_prompt": "Current action needs location input, please click on the image to select key pixel",
+        "demo_video_prompt": 'Press "Watch Video Input🎬" to watch a video\nNote: you can only watch the video once',
         "session_error": "Session Error",
         "reference_action_error": "Ground Truth Action Error: {error}",
         "reference_action_message": "Ground Truth Action: {option_label}. {option_action}",
@@ -54,11 +54,11 @@ UI_TEXT = {
     },
     "coords": {
         "not_needed": "No need for coordinates",
-        "select_keypoint": "please click the keypoint selection image",
-        "select_keypoint_before_execute": "please click the keypoint selection image before execute!",
+        "select_keypoint": "Please click the keypoint selection image",
+        "select_keypoint_before_execute": "Please click the keypoint selection image before execute!",
     },
     "actions": {
-        "keypoint_required_suffix": "🎯",
+        "keypoint_required_suffix": " 🎯",
     },
     "errors": {
         "load_missing_task": "Error loading task: missing current_task",

gradio-web/test/test_ui_native_layout_contract.py

@@ -70,6 +70,14 @@ def test_extract_last_goal_prefers_last_list_item(reload_module):
     assert ui_layout.extract_last_goal("['goal a', 'goal b']") == "goal b"
 
 
+def test_render_header_goal_capitalizes_display_value(reload_module):
+    ui_layout = reload_module("ui_layout")
+
+    assert ui_layout.render_header_goal("place cube on target") == "Place cube on target"
+    assert ui_layout.render_header_goal("['goal a', 'goal b']") == "Goal b"
+    assert ui_layout.render_header_goal("") == "—"
+
+
 def test_native_ui_config_contains_phase_machine_and_precheck_chain(reload_module):
     ui_layout = reload_module("ui_layout")
     demo = ui_layout.create_ui_blocks()

gradio-web/test/test_ui_phase_machine_runtime_e2e.py

@@ -87,6 +87,19 @@ def _read_header_task_value(page) -> str | None:
     )
 
 
+def _read_header_goal_value(page) -> str | None:
+    return page.evaluate(
+        """() => {
+            const root = document.getElementById('header_goal');
+            if (!root) return null;
+            const field = root.querySelector('textarea, input');
+            if (!field) return null;
+            const value = typeof field.value === 'string' ? field.value.trim() : '';
+            return value || null;
+        }"""
+    )
+
+
 def _read_coords_box_value(page) -> str | None:
     return page.evaluate(
         """() => {
@@ -1552,6 +1565,77 @@ def test_header_task_shows_env_after_init(monkeypatch):
                 timeout=5000,
             )
             assert _read_header_task_value(page) == "PickXtimes"
+            assert _read_header_goal_value(page) == "Goal"
+            browser.close()
+    finally:
+        server.should_exit = True
+        thread.join(timeout=10)
+        demo.close()
+
+
+def test_header_goal_capitalizes_displayed_value_after_init(monkeypatch):
+    ui_layout = importlib.reload(importlib.import_module("ui_layout"))
+
+    fake_obs = np.zeros((24, 24, 3), dtype=np.uint8)
+    fake_obs_img = Image.fromarray(fake_obs)
+
+    def fake_init_app(request=None):
+        _ = request
+        return (
+            "uid-auto",
+            gr.update(visible=True),  # main_interface
+            gr.update(value=fake_obs_img, interactive=False),  # img_display
+            "ready",  # log_output
+            gr.update(choices=[("pick", 0)], value=None),  # options_radio
+            "place cube on target",  # goal_box
+            "No need for coordinates",  # coords_box
+            gr.update(value=None, visible=False),  # video_display
+            gr.update(visible=False, interactive=False),  # watch_demo_video_btn
+            "PickXtimes (Episode 1)",  # task_info_box
+            "Completed: 0",  # progress_info_box
+            gr.update(interactive=True),  # restart_episode_btn
+            gr.update(interactive=True),  # next_task_btn
+            gr.update(interactive=True),  # exec_btn
+            gr.update(visible=False),  # video_phase_group
+            gr.update(visible=True),  # action_phase_group
+            gr.update(visible=True),  # control_panel_group
+            gr.update(value="hint"),  # task_hint_display
+            gr.update(visible=False),  # loading_overlay
+            gr.update(interactive=True),  # reference_action_btn
+        )
+
+    monkeypatch.setattr(ui_layout, "init_app", fake_init_app)
+
+    demo = ui_layout.create_ui_blocks()
+
+    port = _free_port()
+    host = "127.0.0.1"
+    root_url = f"http://{host}:{port}/"
+
+    app = FastAPI(title="header-goal-capitalization-test")
+    app = gr.mount_gradio_app(app, demo, path="/")
+
+    config = uvicorn.Config(app, host=host, port=port, log_level="error")
+    server = uvicorn.Server(config)
+    thread = threading.Thread(target=server.run, daemon=True)
+    thread.start()
+    _wait_http_ready(root_url)
+
+    try:
+        with sync_playwright() as p:
+            browser = p.chromium.launch(headless=True)
+            page = browser.new_page(viewport={"width": 1280, "height": 900})
+            page.goto(root_url, wait_until="domcontentloaded")
+            page.wait_for_selector("#main_interface_root", state="visible", timeout=15000)
+            page.wait_for_function(
+                """() => {
+                    const root = document.getElementById('header_goal');
+                    const input = root ? root.querySelector('textarea, input') : null;
+                    return !!input && input.value.trim() === 'Place cube on target';
+                }""",
+                timeout=5000,
+            )
+            assert _read_header_goal_value(page) == "Place cube on target"
             browser.close()
     finally:
         server.should_exit = True

gradio-web/ui_layout.py

@@ -391,6 +391,23 @@ def extract_last_goal(goal_text):
     return text.split("\n")[0].strip()
 
 
+def capitalize_first_letter(text):
+    """Uppercase only the first character for display."""
+    if not text:
+        return text
+    if len(text) == 1:
+        return text.upper()
+    return text[0].upper() + text[1:]
+
+
+def render_header_goal(goal_text):
+    """Render header goal from raw goal text using display-only normalization."""
+    last_goal = extract_last_goal(goal_text or "")
+    if not last_goal:
+        return "—"
+    return capitalize_first_letter(last_goal)
+
+
 def _phase_from_updates(main_interface_update, video_phase_update):
     if isinstance(main_interface_update, dict) and main_interface_update.get("visible") is False:
         return PHASE_INIT
@@ -442,10 +459,6 @@ def create_ui_blocks():
             clean_task = clean_task.split(marker, 1)[0].strip()
         return " ".join(clean_task.splitlines()).strip() or None
 
-    def render_header_goal(goal_text):
-        last_goal = extract_last_goal(goal_text or "")
-        return last_goal if last_goal else "—"
-
     with gr.Blocks(title="Oracle Planner Interface") as demo:
         demo.css = CSS