feat: deploy latest SNAP Gradio SDK demo connected to snap_cpp

app.py

@@ -136,7 +136,7 @@ def run_inference(text: str, lang: str):
         err = f"Inference Error: {str(e)}"
         return err, err, err
 
-# Clean, Refined Minimal Dark Theme CSS
+# Clean Blue-themed Custom CSS
 CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
 
@@ -193,6 +193,18 @@ body, .gradio-container {
     background: #388bfd !important;
 }
 
+/* Radio button active/selected state in Blue theme */
+.gradio-container input[type="radio"]:checked,
+.gradio-container label.selected {
+    background-color: rgba(31, 111, 235, 0.2) !important;
+    border-color: #388bfd !important;
+    color: #58a6ff !important;
+}
+
+.gradio-container label input[type="radio"]:checked {
+    accent-color: #1f6feb !important;
+}
+
 .mono-output textarea {
     font-family: 'JetBrains Mono', monospace !important;
     background: #0d1117 !important;
@@ -209,7 +221,7 @@ body, .gradio-container {
     text-align: left !important;
     font-size: 12px !important;
     padding: 8px 10px !important;
-    margin-bottom: 4px !important;
+    margin-bottom: 6px !important;
     width: 100% !important;
 }
 
@@ -285,32 +297,34 @@ with gr.Blocks(css=CSS, title="SNAP Semantic Text Normalization Live Demo") as d
                 show_copy_button=True
             )
 
-    # Bottom Full-Width Panel: Quick Test Cases (3 Columns: KO / EN / JA)
+    # Bottom Full-Width Panel: Quick Test Cases Split 3-Columns (KO / JA / EN)
     with gr.Column(elem_classes=["section-card"]):
-        gr.Markdown("### 💡 Quick Test Cases")
+        gr.Markdown("### 💡 Quick Test Cases (Semantic Context & Heteronym Examples)")
         
         with gr.Row():
-            # Column 1: Korean
+            # 1. Korean Column
             with gr.Column(scale=1):
                 gr.Markdown("**🇰🇷 한국어 (KO)**")
                 ex_k1 = gr.Button("• 100달러를 환전하고 3.5km를 걸었습니다.", elem_classes=["example-btn"])
-                ex_k2 = gr.Button("• 2024년 5월 28일 오후 3시에 만납시다.", elem_classes=["example-btn"])
-                ex_k3 = gr.Button("• 서울시 강남구 테헤란로 123번지 402호", elem_classes=["example-btn"])
-                ex_k4 = gr.Button("• 제12회 국제학술대회 참가비는 50,000원입니다.", elem_classes=["example-btn"])
-
-            # Column 2: English
-            with gr.Column(scale=1):
-                gr.Markdown("**🇺🇸 영어 (EN)**")
-                ex_e1 = gr.Button("• It costs $50.75 for 3 items on Jan 15th, 2025.", elem_classes=["example-btn"])
-                ex_e2 = gr.Button("• Flight AA123 arrives at 10:45 AM on Gate B12.", elem_classes=["example-btn"])
-                ex_e3 = gr.Button("• The temperature dropped to -5.5°C with 80% humidity.", elem_classes=["example-btn"])
-                ex_e4 = gr.Button("• Call us at +1 (555) 019-2834 or visit room 404.", elem_classes=["example-btn"])
+                ex_k2 = gr.Button("• 2월 2일 2시에 2번 출구에서 2명과 만남.", elem_classes=["example-btn"])
+                ex_k3 = gr.Button("• 사과 3개와 차 2대를 사서 101호로 갔다.", elem_classes=["example-btn"])
+                ex_k4 = gr.Button("• 길가에 피어난 꽃을 보고 눈물을 흘렸다.", elem_classes=["example-btn"])
 
-            # Column 3: Japanese
+            # 2. Japanese Column
             with gr.Column(scale=1):
                 gr.Markdown("**🇯🇵 일본어 (JA)**")
                 ex_j1 = gr.Button("• 昭和58年4月15日, 東京ディズニーランドが開業した。", elem_classes=["example-btn"])
-                ex_j2 = gr.Button("• 午後7時30分に渋谷駅ハチ公前で会いましょう。", elem_classes=["example-btn"])
+                ex_j2 = gr.Button("• 1日と2日に1人で9日間旅行した。", elem_classes=["example-btn"])
+                ex_j3 = gr.Button("• 角を曲がると角が生えた鬼がいた。", elem_classes=["example-btn"])
+                ex_j4 = gr.Button("• 午後7時30分に渋谷駅ハチ公前で会いましょう。", elem_classes=["example-btn"])
+
+            # 3. English Column
+            with gr.Column(scale=1):
+                gr.Markdown("**🇺🇸 영어 (EN)**")
+                ex_e1 = gr.Button("• I read the book yesterday and read it again today.", elem_classes=["example-btn"])
+                ex_e2 = gr.Button("• The lead pipe was used to lead the team.", elem_classes=["example-btn"])
+                ex_e3 = gr.Button("• It costs $50.75 for 3 items on Jan 15th, 2025.", elem_classes=["example-btn"])
+                ex_e4 = gr.Button("• Flight AA123 arrives at 10:45 AM on Gate B12.", elem_classes=["example-btn"])
 
     # Event Handlers
     btn_submit.click(
@@ -321,17 +335,19 @@ with gr.Blocks(css=CSS, title="SNAP Semantic Text Normalization Live Demo") as d
     
     # Test Case Wire-up
     ex_k1.click(lambda: ("100달러를 환전하고 3.5km를 걸었습니다.", "ko"), outputs=[input_text, language])
-    ex_k2.click(lambda: ("2024년 5월 28일 오후 3시에 만납시다.", "ko"), outputs=[input_text, language])
-    ex_k3.click(lambda: ("서울시 강남구 테헤란로 123번지 402호", "ko"), outputs=[input_text, language])
-    ex_k4.click(lambda: ("제12회 국제학술대회 참가비는 50,000원입니다.", "ko"), outputs=[input_text, language])
+    ex_k2.click(lambda: ("2월 2일 2시에 2번 출구에서 2명과 만남.", "ko"), outputs=[input_text, language])
+    ex_k3.click(lambda: ("사과 3개와 차 2대를 사서 101호로 갔다.", "ko"), outputs=[input_text, language])
+    ex_k4.click(lambda: ("길가에 피어난 꽃을 보고 눈물을 흘렸다.", "ko"), outputs=[input_text, language])
     
-    ex_e1.click(lambda: ("It costs $50.75 for 3 items on Jan 15th, 2025.", "en"), outputs=[input_text, language])
-    ex_e2.click(lambda: ("Flight AA123 arrives at 10:45 AM on Gate B12.", "en"), outputs=[input_text, language])
-    ex_e3.click(lambda: ("The temperature dropped to -5.5°C with 80% humidity.", "en"), outputs=[input_text, language])
-    ex_e4.click(lambda: ("Call us at +1 (555) 019-2834 or visit room 404.", "en"), outputs=[input_text, language])
-
     ex_j1.click(lambda: ("昭和58年4月15日, 東京ディズニーランドが開業した。", "ja"), outputs=[input_text, language])
-    ex_j2.click(lambda: ("午後7時30分に渋谷駅ハチ公前で会いましょう。", "ja"), outputs=[input_text, language])
+    ex_j2.click(lambda: ("1日と2日に1人で9日間旅行した。", "ja"), outputs=[input_text, language])
+    ex_j3.click(lambda: ("角を曲がると角が生えた鬼がいた。", "ja"), outputs=[input_text, language])
+    ex_j4.click(lambda: ("午後7時30分に渋谷駅ハチ公前で会いましょう。", "ja"), outputs=[input_text, language])
+
+    ex_e1.click(lambda: ("I read the book yesterday and read it again today.", "en"), outputs=[input_text, language])
+    ex_e2.click(lambda: ("The lead pipe was used to lead the team.", "en"), outputs=[input_text, language])
+    ex_e3.click(lambda: ("It costs $50.75 for 3 items on Jan 15th, 2025.", "en"), outputs=[input_text, language])
+    ex_e4.click(lambda: ("Flight AA123 arrives at 10:45 AM on Gate B12.", "en"), outputs=[input_text, language])
 
     # Footer
     gr.HTML("""