Update app.py

app.py

@@ -1,33 +1,38 @@
 import gradio as gr
-import base64
-import requests
-import time
-from io import BytesIO
-from PIL import Image
 
-# 圖片處理函數 (保持原始文字內容)
-def process_image(url):
-    try:
-        response = requests.get(url, timeout=10)
-        img = Image.open(BytesIO(response.content))
-        img.thumbnail((300, 300))
-        buffered = BytesIO()
-        img.save(buffered, format="PNG")
-        return f"data:image/png;base64,{base64.b64encode(buffered.getvalue()).decode()}"
-    except:
-        return None
-
-# 嚴格保持桌遊原始資料
+# Replace the CSV data loading with in-memory data
 data = [
-    {"蛛絲馬跡": 1, "嫌疑犯": "5冰淇淋師傅", "直接證據": "SAS", "間接證據": "RHS SSS", "嫌疑犯圖片": "https://huggingface.co/spaces/Lashtw/Judge_system/resolve/main/5%E5%86%B0%E6%B7%87%E6%B7%8B%E5%B8%AB%E5%82%85.png"},
-    # 完整28筆資料保持原始桌遊內容...
+    {"蛛絲馬跡": 1, "嫌疑犯": "5冰淇淋師傅", "直接證據": "SAS", "間接證據": "RHS SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/5JLMDX.png"},
+    {"蛛絲馬跡": 2, "嫌疑犯": "7候選人", "直接證據": "SSS", "間接證據": "SAS ASA AAS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/WmOolp.png"},
+    {"蛛絲馬跡": 3, "嫌疑犯": "8列車長", "直接證據": "SAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/Fk6fHM.png"},
+    {"蛛絲馬跡": 4, "嫌疑犯": "2農夫", "直接證據": "SSS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/9z0FQ1.png"},
+    {"蛛絲馬跡": 5, "嫌疑犯": "1漁夫", "直接證據": "RHS", "間接證據": "SAS SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/91iAHn.png"},
+    {"蛛絲馬跡": 6, "嫌疑犯": "4廚師", "直接證據": "ASA", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/pSbKqG.png"},
+    {"蛛絲馬跡": 7, "嫌疑犯": "3女僕", "直接證據": "RHS", "間接證據": "SAS SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/XGoFYq.png"},
+    {"蛛絲馬跡": 8, "嫌疑犯": "6棋士", "直接證據": "AAS", "間接證據": "ASA", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/dMZ4I8.png"},
+    {"蛛絲馬跡": 9, "嫌疑犯": "10芭蕾舞者", "直接證據": "SSS", "間接證據": "SAS AAS ASA", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/nFohKW.png"},
+    {"蛛絲馬跡": 10, "嫌疑犯": "9 DJ", "直接證據": "SAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/5fwCDV.png"},
+    {"蛛絲馬跡": 11, "嫌疑犯": "16造型師", "直接證據": "RHS", "間接證據": "SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/zd4iXu.png"},
+    {"蛛絲馬跡": 12, "嫌疑犯": "12教宗", "直接證據": "SSS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/3q4ICp.png"},
+    {"蛛絲馬跡": 13, "嫌疑犯": "14音樂家", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/CIKmMs.png"},
+    {"蛛絲馬跡": 14, "嫌疑犯": "13軍人", "直接證據": "ASA", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/BfGyn5.png"},
+    {"蛛絲馬跡": 15, "嫌疑犯": "17和尚", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/prwQVq.png"},
+    {"蛛絲馬跡": 16, "嫌疑犯": "18歌手", "直接證據": "AAS", "間接證據": "ASA", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/mtBa2p.png"},
+    {"蛛絲馬跡": 17, "嫌疑犯": "11醫生", "直接證據": "SAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/T8kgnq.png"},
+    {"蛛絲馬跡": 18, "嫌疑犯": "15壽司師傅", "直接證據": "SAS", "間接證據": "AAS ASA SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/fWMhki.png"},
+    {"蛛絲馬跡": 19, "嫌疑犯": "21郵差", "直接證據": "RHS", "間接證據": "SAS SSS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/kUuriv.png"},
+    {"蛛絲馬跡": 20, "嫌疑犯": "19籃球員", "直接證據": "RHS", "間接證據": "SSS SAS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/uhman9.png"},
+    {"蛛絲馬跡": 21, "嫌疑犯": "22法官", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/R1ZipX.png"},
+    {"蛛絲馬跡": 22, "嫌疑犯": "20漫畫家", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/yaZhP7.png"},
+    {"蛛絲馬跡": 23, "嫌疑犯": "25殺手", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/5dVfQW.png"},
+    {"蛛絲馬跡": 24, "嫌疑犯": "28科學家", "直接證據": "ASA AAS", "間接證據": "無", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/Vj8MfX.png"},
+    {"蛛絲馬跡": 25, "嫌疑犯": "27太空人", "直接證據": "SSS", "間接證據": "ASA AAS RHS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/hdso0N.png"},
+    {"蛛絲馬跡": 26, "嫌疑犯": "23酒保", "直接證據": "AAS", "間接證據": "ASA", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/UFJMlD.png"},
+    {"蛛絲馬跡": 27, "嫌疑犯": "24魔術師", "直接證據": "ASA", "間接證據": "AAS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/jEAikS.png"},
+    {"蛛絲馬跡": 28, "嫌疑犯": "26保全", "直接證據": "ASA", "間接證據": "AAS", "嫌疑犯圖片": "https://upload.cc/i1/2024/12/24/zh7qco.png"}
 ]
 
-# 預處理圖片（保持原文字不變）
-print("初始化犯罪資料庫...")
-for item in data:
-    item["嫌疑犯圖片"] = process_image(item["嫌疑犯圖片"])
-
+# To store the indirect evidence dynamically
 indirect_evidence_store = ""
 
 def query_data(clue_number):
@@ -36,24 +41,28 @@ def query_data(clue_number):
         clue_number = int(clue_number)
         row = next((item for item in data if item['蛛絲馬跡'] == clue_number), None)
         if row:
-            indirect_evidence_store = row['間接證據'] if row['間接證據'] != "無" else "無間接證據"
+            suspect = row['嫌疑犯']
+            direct_evidence = row['直接證據']
+            indirect_evidence_store = row['間接證據'] if row['間接證據'] else "無間接證據"
+            image_url = row['嫌疑犯圖片'] if row['嫌疑犯圖片'] else None
             return (
-                f"嫌疑犯: {row['嫌疑犯']}\n直接證據: {row['直接證據']}",  # 保持原始格式
+                f"嫌疑犯: {suspect}\n直接證據: {direct_evidence}",
                 gr.update(visible=True),
+                gr.update(value="", visible=False),
+                image_url if image_url else None
+            )
+        else:
+            return (
+                "未找到相關資料，請檢查蛛絲馬跡號碼是否正確。",
                 gr.update(visible=False),
-                row['嫌疑犯圖片']
+                gr.update(value="", visible=False),
+                None
             )
-        return (
-            "未找到相關資料，請檢查蛛絲馬跡號碼是否正確。",  # 原始錯誤訊息
-            gr.update(visible=False),
-            gr.update(visible=False),
-            None
-        )
     except ValueError:
         return (
-            "請輸入有效的數字。",  # 原始錯誤格式提示
-            gr.update(visible=False),
+            "請輸入有效的數字。",
             gr.update(visible=False),
+            gr.update(value="", visible=False),
             None
         )
 
@@ -67,46 +76,31 @@ def reset_fields():
     return (
         "",
         gr.update(visible=False),
-        gr.update(visible=False),
-        gr.update(value=None)
+        gr.update(value="", visible=False),
+        gr.update(value="", visible=True),
+        None
     )
 
-# 嚴格保持原始介面文字
+# Create the Gradio interface
 with gr.Blocks() as demo:
-    gr.Markdown("<h1 style='text-align: center; font-family: \"Microsoft JhengHei\"'>嫌疑犯ABC的現身</h1>")
-    gr.Markdown("<h3 style='text-align: center; font-family: \"Microsoft JhengHei\"'>法官系統</h3>")
+    gr.Markdown("<h1>嫌疑犯ABC的現身</h1>")
+    gr.Markdown("<h3>法官系統</h3>")
     
     with gr.Row():
-        input_box = gr.Textbox(
-            label="請輸入蛛絲馬跡號碼",  # 原始輸入提示
-            placeholder="例如: 11",
-            lines=1,
-            elem_classes="clue-input"
-        )
+        input_box = gr.Textbox(label="請輸入蛛絲馬跡號碼", placeholder="例如: 11", lines=1)
         query_button = gr.Button("查詢")
     
     with gr.Row():
         with gr.Column(scale=1):
-            output_box = gr.Textbox(
-                label="查詢結果",  # 原始結果標題
-                interactive=False,
-                elem_classes="result-box"
-            )
+            output_box = gr.Textbox(label="查詢結果", interactive=False)
         with gr.Column(scale=1):
-            image_output = gr.Image(
-                label="嫌疑犯圖片",  # 原始圖片標題
-                elem_id="suspect-image",
-                show_label=True
-            )
+            image_output = gr.Image(label="嫌疑犯圖片", visible=True, elem_id="suspect-image")
     
     indirect_button = gr.Button("間接證據", visible=False)
-    indirect_output = gr.Textbox(
-        label="間接證據內容",  # 原始間接證據標題
-        interactive=False, 
-        visible=False
-    )
+    indirect_output = gr.Textbox(label="間接證據內容", interactive=False, visible=False)
     reset_button = gr.Button("重新查詢")
 
+    # Bind actions to functions
     query_button.click(
         query_data,
         inputs=input_box,
@@ -114,26 +108,22 @@ with gr.Blocks() as demo:
     )
     indirect_button.click(
         show_indirect_evidence,
+        inputs=None,
         outputs=indirect_output
     )
     reset_button.click(
         reset_fields,
-        outputs=[input_box, indirect_button, indirect_output, image_output]
+        inputs=None,
+        outputs=[input_box, indirect_button, indirect_output, output_box, image_output]
     )
 
-    demo.css = """
-    #suspect-image {
-        max-width: 250px;
-        border: 2px solid #3A3B3C;
-        border-radius: 8px;
-    }
-    .clue-input textarea {
-        font-family: "Microsoft JhengHei";
-    }
-    .result-box textarea {
-        font-family: "Microsoft JhengHei";
-        background-color: #F0F2F6;
-    }
-    """
+# Add inline CSS to adjust image size
+demo.css = """
+#suspect-image img {
+    max-width: 150px;
+    max-height: 150px;
+}
+"""
 
+# Launch the Gradio app
 demo.launch()