Update app.py

app.py

@@ -338,8 +338,151 @@ with gr.Blocks(
 
               """
            )
-    
-    
+
+
+# Launch the interface
+if __name__ == "__main__":
+    with gr.Blocks(
+        theme=gr.themes.Soft(primary_hue="teal", secondary_hue="slate", neutral_hue="neutral"),
+        css="""
+            .chatbot-wrapper .message {
+                white-space: pre-wrap;
+                word-wrap: break-word;
+            }
+        """
+    ) as demo:
+        demo.load(lambda: None, _js="""
+            () => {
+                const style = document.createElement('style');
+                style.textContent = `
+                    .chatbot-wrapper .message {
+                        white-space: pre-wrap;
+                        word-wrap: break-word;
+                    }
+                `;
+                document.head.appendChild(style);
+            }
+        """)
+        
+        gr.Markdown("# 💭 PharmAI: 추론 기반 약리학 전문 AI 서비스 💭")
+
+        gr.HTML("""<a href="https://visitorbadge.io/status?path=https%3A%2F%2Faiqcamp-Gemini2-Flash-Thinking.hf.space">
+                <img src="https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Faiqcamp-Gemini2-Flash-Thinking.hf.space&countColor=%23263759" />
+                </a>""")
+        
+        with gr.Tabs() as tabs:
+           with gr.TabItem("대화", id="chat_tab"):
+              chatbot = gr.Chatbot(
+                 type="messages",
+                 label="PharmAI 챗봇 (스트리밍 출력)", # 스트리밍임을 나타내는 레이블
+                 render_markdown=True,
+                 scale=1,
+                 avatar_images=(None,"https://lh3.googleusercontent.com/oxz0sUBF0iYoN4VvhqWTmux-cxfD1rxuYkuFEfm1SFaseXEsjjE4Je_C_V3UQPuJ87sImQK3HfQ3RXiaRnQetjaZbjJJUkiPL5jFJ1WRl5FKJZYibUA=w214-h214-n-nu"),
+                 elem_classes="chatbot-wrapper"  # 사용자 정의 스타일용 클래스 추가
+              )
+              
+              with gr.Row(equal_height=True):
+                 input_box = gr.Textbox(
+                     lines=1,
+                     label="대화 메시지",
+                     placeholder="여기에 메시지를 입력하세요...",
+                     scale=4
+                 )
+        
+                 clear_button = gr.Button("대화 초기화", scale=1)
+              
+              # 예제 프롬프트 추가 - 파일 업로드 예제 제거. 텍스트 중심 예제 유지.
+              example_prompts = [
+                    ["CYP450 효소와 약물 대사 간의 상호 작용을 설명하고, 특히 효소 유도 또는 억제가 와파린과 같은 약물의 치료 효능에 어떻게 영향을 미칠 수 있는지에 중점을 두십시오."],
+                    ["만성 신장 질환 환자에서 빈혈 치료를 위해 사용하는 에리스로포이에틴 제제의 약동학적 및 약력학적 특성을 상세히 분석하고, 투여 용량 및 투여 간격 결정에 영향을 미치는 요인들을 설명해 주십시오."],
+                    ["간경변 치료(간 섬유화 해소)를 위한 신약 개발을 위한 '천연 식물'들을 추출하고 이에 대한 구체적인 약리기전과 그 이유, 그리고 어떻게 조합해야 최상의 효과가 있을지 추론하여 한방(한의학)적 관점에서 최적의 답변을 하라"],                
+                    ["알츠하이머병 치료에 효과적인 천연 식물 물질과 약리기전 등을 한방(한의학)적 관점에서 설명하고 알려줘"],
+                     ["고혈압 치료 및 증상 완화에 효과적인 신약 개발을 위해 가능성이 매우 높은 천연 식물 물질과 약리기전 등을 한방(한의학)적 관점에서 설명하고 알려줘"],
+                    ["고혈압 관리에서 ACE 억제제와 ARB의 작용 메커니즘을 비교하고 대조하여 레닌-안지오텐신-알도스테론 시스템에 미치는 영향을 고려하십시오."],
+                    ["제2형 당뇨병의 병태 생리학을 설명하고 메트포르민이 어떻게 혈당 강하 효과를 달성하는지, 신장 장애 환자에 대한 주요 고려 사항을 포함하여 설명하십시오."],
+                    ["심부전 치료에서 베타 차단제의 작용 메커니즘과 임상적 중요성에 대해 논의하고, 특정 베타 수용체 아형과 심혈관계에 미치는 영향에 대해 참조하십시오."],
+                     ["알츠하이머병의 병태생리학적 기전을 설명하고, 현재 사용되는 약물들이 작용하는 주요 타겟을 상세히 기술하십시오. 특히, 아세틸콜린에스테라제 억제제와 NMDA 수용체 길항제의 작용 방식과 임상적 의의를 비교 분석해 주십시오."]
+        
+               ]
+               
+              gr.Examples(
+                    examples=example_prompts,
+                    inputs=input_box,
+                    label="예제: Gemini의 생각을 보려면 다음 프롬프트를 사용해 보세요!",
+                    examples_per_page=3 # 필요�� 따라 조정
+               )
+               
+               
+              # 이벤트 핸들러 설정
+              msg_store = gr.State("")  # 사용자 메시지를 보존하기 위한 저장소
+              
+              input_box.submit(
+                    lambda msg: (msg, msg, ""),  # 메시지를 저장하고 입력을 지웁니다.
+                    inputs=[input_box],
+                    outputs=[msg_store, input_box, input_box],
+                    queue=False
+               ).then(
+                    user_message,  # 사용자 메시지를 대화에 추가합니다.
+                    inputs=[msg_store, chatbot],
+                    outputs=[input_box, chatbot],
+                    queue=False
+               ).then(
+                    stream_gemini_response,  # 응답을 생성하고 스트리밍합니다.
+                    inputs=[msg_store, chatbot],
+                    outputs=chatbot
+                )
+               
+              clear_button.click(
+                    lambda: ([], "", ""),
+                    outputs=[chatbot, input_box, msg_store],
+                    queue=False
+               )
+            
+           with gr.TabItem("사용 방법", id="instructions_tab"):
+              gr.Markdown(
+                 """
+                 ## PharmAI: 당신의 전문 약리학 어시스턴트
+
+                 PharmAI에 오신 것을 환영합니다. PharmAI는 광범위한 약학 지식 데이터("PharmKG")와 FDA 등의 전문 데이터를 학습하여 약리학 주제에 대한 전문가 수준의 정보를 제공하도록 설계되었습니다.
+
+                 **주요 기능:**
+
+                 *   **고급 약리학 통찰력**: PharmAI는 광범위한 약리학 지식 그래프를 기반으로 구조화되고 상세한 답변을 제공합니다.
+                 *   **추론 및 추론**: 챗봇은 복잡하고 다면적인 질문을 처리하여 사용 가능한 정보로부터 추론하고 추론하는 능력을 보여줍니다.
+                 *   **구조화된 응답**: 응답은 정의, 작용 메커니즘, 적응증, 투여량, 부작용, 약물 상호 작용, 약동학 및 해당되는 경우 참조 문헌을 포함하도록 논리적으로 구성됩니다.
+                 *   **사고 과정 표시**: 모델이 응답을 생성할 때 모델의 사고 과정을 관찰할 수 있습니다(실험적 기능).
+                 *   **대화 기록**: PharmAI는 이전 대화 부분을 기억하여 여러 번에 걸쳐 더 정확하고 관련성 있는 정보를 제공합니다.
+                 *   **스트리밍 출력**: 챗봇은 대화형 경험을 위해 응답을 스트리밍합니다.
+
+                 **PharmAI 사용 방법:**
+
+                 1.  **대화 시작**: "대화" 탭 아래의 입력 상자에 약리학 질문을 입력합니다. 챗봇은 특히 복잡한 약리학 질문을 처리하도록 설계되었습니다.
+
+                 2.  **예제 프롬프트 사용**: 제공된 예제 질문을 사용하여 모델 작동 방식을 확인할 수 있습니다. 이러한 예제는 챗봇이 전문 지식을 보여주도록 하기 위해 고안되었습니다.
+                 
+                 3. **예제 프롬프트 지침**:
+                    * **작용 메커니즘**: 특정 약물이 분자 수준에서 어떻게 작용하는지 물어보세요. 예: "메트포르민의 작용 메커니즘을 설명하십시오."
+                    * **약물 대사**: 신체가 약물을 어떻게 처리하는지 문의하십시오. 예: "CYP450 효소와 약물 대사 간의 상호 작용을 설명하십시오..."
+                    * **임상적 의미**: 특정 질병을 치료하는 데 있어 약물의 임상적 사용에 대한 질문을 제기하십시오. 예: "심부전 치료에서 베타 차단제의 작용 메커니즘과 임상적 중요성에 대해 논의하십시오..."
+                    * **병태생리학 및 약물 표적**: 질병, 원인 및 약물이 질병을 치료할 수 있는 방법에 대해 문의하십시오. 예: "제2형 당뇨병의 병태 생리학을 설명하고 메트포르민이 어떻게 작용하는지 설명하십시오..."
+                    *   **복합 다중 약물 상호 작용**: 신체에서 하나의 약물이 다른 약물에 어떻게 영향을 미칠 수 있는지에 대한 질문을 제기하십시오.
+                    *   **전통 의학 관점**: 질병 및 치료에 대한 전통 의학(한방과 같은) 접근 방식에 대해 문의하십시오. 예: "한방적 관점에서 알츠하이머병 치료에 효과적인 천연 식물 물질과 그 메커니즘을 설명하십시오."
+                    
+
+                 4. **응답 검토**: 챗봇은 내부 처리 과정을 보여주는 "생각 중" 섹션과 함께 응답을 제시합니다. 그런 다음 정의, 작용 메커니즘, 적응증 등을 포함한 섹션과 함께 보다 구조화된 응답을 제공합니다.
+
+                 5. **대화 초기화**: "대화 초기화" 버튼을 사용하여 새 세션을 시작합니다.
+
+                 **주의 사항:**
+
+                 *  '생각 중' 기능은 실험적이지만 응답을 생성할 때 모델이 수행한 단계를 보여줍니다.
+                 *  응답의 품질은 사용자 프롬프트에 따라 크게 달라집니다. 최상의 결과를 얻으려면 질문할 때 가능한 한 자세하게 설명하십시오.
+                 *   이 모델은 특히 약리학 정보에 초점을 맞추고 있으므로 이 범위를 벗어난 질문에는 관련성 있는 답변을 얻지 못할 수 있습니다.
+                 *   이 챗봇은 정보 제공용 리소스로 제공되며 의료 진단 또는 치료 권장 사항에 사용해서는 안 됩니다. 의료 상담이 필요한 경우 항상 의료 전문가와 상담하십시오.
+
+                  """
+               )
+
 
 # Launch the interface
 if __name__ == "__main__":