Update app.py

app.py

@@ -1,4 +1,3 @@
-# -*- coding: utf-8 -*-
 import gradio as gr
 from huggingface_hub import hf_hub_download
 from llama_cpp import Llama
@@ -39,6 +38,7 @@ def chat_response(user_input, history_pairs):
     """
     history_pairs: [(user, bot), ...] 형태로 받아서 llama_cpp messages로 변환
     """
+    history_pairs = history_pairs or []
     clean_input = (user_input or "").replace(" ", "")
 
     greeting_words = ["안녕", "ㅎㅇ", "하이", "반가", "접속"]
@@ -60,7 +60,7 @@ def chat_response(user_input, history_pairs):
         final_instruction = user_input
 
     messages = [{"role": "system", "content": SYSTEM_PROMPT}]
-    for u, b in (history_pairs or []):
+    for u, b in history_pairs:
         if u is None or b is None:
             continue
         messages.append({"role": "user", "content": str(u)})
@@ -185,19 +185,8 @@ button.primary:hover { background: var(--pc-white) !important; }
 }
 #clear-btn:hover { color: var(--pc-white) !important; border-color: var(--pc-white) !important; }
 
-.examples {
-  margin-top: 20px !important;
-  border-top: 1px dashed var(--pc-grey);
-  padding-top: 10px;
-}
-.examples .label { display: none !important; }
-.examples div.gallery {
-  display: flex !important;
-  flex-direction: row !important;
-  gap: 10px !important;
-  flex-wrap: wrap !important;
-}
-.examples button {
+/* 수동 예시 버튼 스타일 */
+.example-btn {
   background: transparent !important;
   color: var(--pc-cyan) !important;
   border: 1px solid var(--pc-cyan) !important;
@@ -205,19 +194,25 @@ button.primary:hover { background: var(--pc-white) !important; }
   padding: 5px 15px !important;
   font-size: 16px !important;
   font-family: 'NeoDunggeunmo', monospace !important;
+  margin-right: 8px !important;
+  margin-bottom: 8px !important;
+}
+.example-btn:hover {
+  background: var(--pc-cyan) !important;
+  color: #000 !important;
+  cursor: pointer !important;
 }
 
 footer { display: none !important; }
 """
 
 # ------------------------------------------------------------------
-# 5. App (가로 배치 + API 엔드포인트 생성)
+# 5. App (안정화 버전: Queue OFF, Examples 수동 구현)
 # ------------------------------------------------------------------
 with gr.Blocks(theme=gr.themes.Base(), css=PC_COM_CSS, title="CHOLLIAN 98") as demo:
     gr.Markdown("# ≪ 십 리 안 ≫")
     gr.Markdown(">> 01410 접속 성공... [대화실]에 입장하셨습니다.")
 
-    # ✅ Chatbot은 4.36.1에서 list-of-lists 포맷이 제일 안전
     chatbot = gr.Chatbot(show_label=False, elem_classes="chatbot")
 
     with gr.Row(elem_classes="input-container"):
@@ -229,22 +224,18 @@ with gr.Blocks(theme=gr.themes.Base(), css=PC_COM_CSS, title="CHOLLIAN 98") as d
 
     clear = gr.Button("[ 화면 지우기 ]", elem_id="clear-btn")
 
-    gr.Examples(
-        examples=[
-            "하이 방가방가",
-            "밸런스게임 ㄱㄱ",
-            "오늘 기분 꿀꿀하네..",
-            "야 밥 뭐먹지 추천좀",
-        ],
-        inputs=msg,
-        label="빠른 입력",
-        cache_examples=False
-    )
+    # ------------------------------------------------------
+    # [수정] gr.Examples 대신 수동 버튼 사용 (버그 회피)
+    # ------------------------------------------------------
+    gr.Markdown(">> 빠른 명령어 입력 (클릭)", elem_id="example-label")
+    with gr.Row():
+        btn1 = gr.Button("하이 방가방가", elem_classes="example-btn")
+        btn2 = gr.Button("밸런스게임 ㄱㄱ", elem_classes="example-btn")
+        btn3 = gr.Button("오늘 기분 꿀꿀하네..", elem_classes="example-btn")
+        btn4 = gr.Button("야 밥 뭐먹지 추천좀", elem_classes="example-btn")
 
     def predict(user_input, history):
         history = history or []
-
-        # 모델로 넘길 히스토리: [(u,b), ...]
         hist_pairs = []
         for u, b in history:
             if u is None or b is None:
@@ -252,28 +243,25 @@ with gr.Blocks(theme=gr.themes.Base(), css=PC_COM_CSS, title="CHOLLIAN 98") as d
             hist_pairs.append((u, b))
 
         bot_out = chat_response(user_input, hist_pairs)
-
-        # Gradio Chatbot 출력: [[u,b], ...]
         new_history = [list(x) for x in history] + [[user_input, bot_out]]
         return "", new_history
 
-    # ✅ 이 api_name 때문에 API 문서에 엔드포인트가 생김 -> "No API found" 사라짐
-    msg.submit(
-        predict,
-        inputs=[msg, chatbot],
-        outputs=[msg, chatbot],
-        queue=True,
-        api_name="chat"
-    )
-    submit_btn.click(
-        predict,
-        inputs=[msg, chatbot],
-        outputs=[msg, chatbot],
-        queue=True,
-        api_name="chat"
-    )
-    clear.click(lambda: [], None, chatbot, queue=False, api_name="clear")
+    # 이벤트 핸들러: queue=False 설정으로 'No API found' 방지
+    msg.submit(predict, [msg, chatbot], [msg, chatbot], queue=False)
+    submit_btn.click(predict, [msg, chatbot], [msg, chatbot], queue=False)
+    clear.click(lambda: [], None, chatbot, queue=False)
+
+    # 예시 버튼 클릭 로직 연결
+    for btn, text in [
+        (btn1, "하이 방가방가"), 
+        (btn2, "밸런스게임 ㄱㄱ"), 
+        (btn3, "오늘 기분 꿀꿀하네.."), 
+        (btn4, "야 밥 뭐먹지 추천좀")
+    ]:
+        btn.click(lambda: text, None, msg, queue=False).then(
+            predict, [msg, chatbot], [msg, chatbot], queue=False
+        )
 
 if __name__ == "__main__":
-    # Spaces면 보통 포트 지정 안 하는 게 안전함 (지정해도 되는데, 이게 덜 말썽남)
-    demo.queue().launch(server_name="0.0.0.0")
+    # queue() 메서드 삭제 및 HTTP 모드 실행
+    demo.launch(server_name="0.0.0.0", server_port=7860)