feat(ui): implement suggested UI improvements

app/main.py

@@ -116,6 +116,9 @@ def handle_page_load(username, session_state):
 # Main UI
 with gr.Blocks(
     css="""
+    body {
+      --font: 'Optima', 'Candara', 'Noto Sans', 'source-sans-pro', sans-serif;
+    }
     .full-height {height: 100%}
 
     /* 🤖 AUTOMATION-FRIENDLY CSS */
@@ -140,7 +143,7 @@ with gr.Blocks(
             const label = el.closest('label');
             if (label && label.textContent.includes('使用者名稱')) {
                 el.setAttribute('data-testid', 'textbox');
-            } else if (label && (label.textContent.includes('用戶需求') || label.textContent.includes('prompt'))) {
+            } else if (label && (label.textContent.includes('對話輸入區') || label.textContent.includes('prompt'))) {
                 el.setAttribute('data-testid', 'textbox');
             } else if (!el.getAttribute('data-testid')) {
                 el.setAttribute('data-testid', 'textbox');

app/ui/components.py

@@ -22,7 +22,7 @@ def create_textbox() -> gr.Textbox:
 def create_prompt_input() -> gr.Textbox:
     """Create the user prompt input component."""
     return gr.Textbox(
-        label="用戶需求",
+        label="用戶輸入區",
         submit_btn=True,
         render=False,
         scale=1,