Update app.py

app.py

@@ -2,43 +2,44 @@ import openai
 import gradio as gr
 import os
 
-# OpenAI APIキーの取得
+# OpenAI APIキーを取得
 api_key = os.getenv("OPENAI_API_KEY")
 if api_key is None:
-    raise ValueError("ERROR: OpenAI APIキーが設定されていません。Hugging FaceのSettings > SecretsでAPIキーを追加してください。")
+    raise ValueError("ERROR: OpenAI APIキーが設定されていません。")
 
 client = openai.OpenAI(api_key=api_key)
 
 def chat_with_model(user_input):
     try:
         response = client.chat.completions.create(
-            model="ft:gpt-4o-mini-2024-07-18:personal:enjphsr:AukEoAFZ",
+            model="ft:gpt-4o-mini-2024-07-18:personal:enjphsr:AukEoAFZ",  
             messages=[{"role": "user", "content": user_input}]
         )
-        output_text = response.choices[0].message.content.strip()
-        if not output_text:
-            return "エラー: モデルからの応答がありません。"
-        return output_text
+        return response.choices[0].message.content
     except Exception as e:
-        return f"エラー: {e}"
+        return f"エラーが発生しました: {e}"
 
-# 事前入力するテキスト
+# 事前入力するテキスト（変更可能）
 default_text = "以下の英語を日本語に翻訳してください"
 
-with gr.Blocks() as interface:
-    gr.Markdown("# ファインチューニングモデルチャット")
-
-    # ✅ 入力エリア
-    gr.Markdown("**入力:**")  # 普通のテキスト
-    user_input = gr.Textbox(lines=1, value=default_text, interactive=True)  # ✅ 1行固定の入力欄（高さ自動調整なし）
-
-    # ✅ 送信ボタン（入力と出力の間に配置）
-    btn = gr.Button("送信")
-
-    # ✅ 出力エリア
-    gr.Markdown("**出力:**")  # 普通のテキスト
-    output = gr.Textbox(lines=10, interactive=True)  # 出力欄
-
-    btn.click(chat_with_model, inputs=user_input, outputs=output)
+# カスタムCSSを追加
+custom_css = """
+body {
+    overflow: auto !important;
+}
+.gradio-container {
+    max-height: 100vh;
+    overflow-y: auto;
+}
+"""
+
+interface = gr.Interface(
+    fn=chat_with_model,
+    inputs=gr.Textbox(lines=5, value=default_text),  
+    outputs=gr.Textbox(lines=10, interactive=True),  
+    title="英→日 スタレ翻訳bot",
+    description="ver3.0までのテキストを学習済み",
+    css=custom_css  # カスタムCSSを適用
+)
 
 interface.launch()