Update app.py

app.py

@@ -81,8 +81,9 @@ def generate_machine(user_prompt, temperature=0.7, max_tokens=4096):
             )
             
             for chunk in stream:
-                if chunk.choices[0].delta.content:
-                    response += chunk.choices[0].delta.content
+                if chunk.choices and len(chunk.choices) > 0:
+                    if chunk.choices[0].delta and chunk.choices[0].delta.content:
+                        response += chunk.choices[0].delta.content
                     
         except Exception as api_error:
             error_msg = str(api_error)
@@ -106,7 +107,19 @@ def generate_machine(user_prompt, temperature=0.7, max_tokens=4096):
                     "Trying backup models automatically...\n\n"
                     f"Error details: {error_msg}"
                 )
-            raise
+            elif "list index out of range" in error_msg:
+                return "", "", (
+                    "❌ API Response Error!\n\n"
+                    "The model returned an unexpected response format.\n"
+                    "This might be due to:\n"
+                    "- Model is still loading\n"
+                    "- Temporary API issue\n"
+                    "- Rate limiting\n\n"
+                    "Please try again in a moment.\n\n"
+                    f"Error details: {error_msg}"
+                )
+            else:
+                return "", "", f"❌ API Error: {error_msg}"
         
         # Try to convert to XML
         try:
@@ -118,8 +131,17 @@ def generate_machine(user_prompt, temperature=0.7, max_tokens=4096):
             
     except ValueError as e:
         return "", "", str(e)
+    except IndexError as e:
+        return "", "", (
+            "❌ Response parsing error!\n\n"
+            "The API response format was unexpected.\n"
+            "Please try again. If this persists, the model may be temporarily unavailable.\n\n"
+            f"Error: {str(e)}"
+        )
     except Exception as e:
-        return "", "", f"❌ Generation failed: {str(e)}"
+        import traceback
+        error_details = traceback.format_exc()
+        return "", "", f"❌ Generation failed: {str(e)}\n\nDetails:\n{error_details}"
 
 def convert_json_to_xml(json_input):
     """
@@ -378,17 +400,26 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(), title="🎮 BesiegeField
     with gr.Tabs():
         # Tab 1: AI Generation
         with gr.Tab("AI Generation"):
-            gr.HTML("""
-                <div class="info-box">
-                    <h4>💡 How to Use</h4>
-                    <ul>
-                        <li>Describe the machine you want to create</li>
-                        <li>Click "Generate Machine"</li>
-                        <li>Wait for AI to generate (30-120 seconds)</li>
-                        <li>Download the generated .bsg file</li>
-                    </ul>
-                </div>
-            """)
+            with gr.Row():
+                with gr.Column(scale=5):
+                    gr.HTML("""
+                        <div class="info-box">
+                            <h4>💡 How to Use</h4>
+                            <ul>
+                                <li>Describe the machine you want to create</li>
+                                <li>Click "Generate Machine"</li>
+                                <li>Wait for AI to generate (30-120 seconds)</li>
+                                <li>Download the generated .bsg file</li>
+                            </ul>
+                        </div>
+                    """)
+                with gr.Column(scale=1):
+                    help_video = gr.Video(
+                        label="📖 Help Tutorial",
+                        value="help.mp4" if os.path.exists("help.mp4") else None,
+                        autoplay=False,
+                        visible=os.path.exists("help.mp4")
+                    )
             
             with gr.Row():
                 with gr.Column():
@@ -424,9 +455,7 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(), title="🎮 BesiegeField
                             info="Maximum length of generation"
                         )
                     
-                    with gr.Row():
-                        generate_btn = gr.Button("🚀 Generate Machine", variant="primary", size="lg")
-                        help_btn = gr.Button("📖 Help Video", variant="secondary")
+                    generate_btn = gr.Button("🚀 Generate Machine", variant="primary", size="lg")
             
             status_output = gr.Markdown(label="Status")
             
@@ -455,96 +484,6 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(), title="🎮 BesiegeField
                 file_path = save_xml_to_file(xml_str) if xml_str else None
                 return ai_resp, xml_str, status, file_path
             
-            # Help Modal
-            help_modal = gr.HTML(visible=False, value="""
-                <div id="help-modal" style="
-                    position: fixed;
-                    z-index: 2000;
-                    left: 0;
-                    top: 0;
-                    width: 100%;
-                    height: 100%;
-                    background-color: rgba(0, 0, 0, 0.8);
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                ">
-                    <div style="
-                        background: white;
-                        border-radius: 15px;
-                        width: 90%;
-                        max-width: 900px;
-                        padding: 30px;
-                    ">
-                        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
-                            <h2 style="color: #333; margin: 0;">📖 Help Tutorial</h2>
-                            <button onclick="this.closest('#help-modal').style.display='none'" style="
-                                background: none;
-                                border: none;
-                                font-size: 30px;
-                                color: #666;
-                                cursor: pointer;
-                                width: 40px;
-                                height: 40px;
-                                border-radius: 50%;
-                            ">&times;</button>
-                        </div>
-                        <div style="position: relative; width: 100%; padding-bottom: 56.25%; background: #000; border-radius: 10px; overflow: hidden;">
-                            <video controls style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
-                                <source src="help.mp4" type="video/mp4">
-                                Your browser does not support video playback.
-                            </video>
-                        </div>
-                    </div>
-                </div>
-            """)
-            
-            def show_help():
-                return gr.HTML(visible=True, value="""
-                    <div id="help-modal" style="
-                        position: fixed;
-                        z-index: 2000;
-                        left: 0;
-                        top: 0;
-                        width: 100%;
-                        height: 100%;
-                        background-color: rgba(0, 0, 0, 0.8);
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                    ">
-                        <div style="
-                            background: white;
-                            border-radius: 15px;
-                            width: 90%;
-                            max-width: 900px;
-                            padding: 30px;
-                        ">
-                            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
-                                <h2 style="color: #333; margin: 0;">📖 Help Tutorial</h2>
-                                <button onclick="this.closest('#help-modal').style.display='none'" style="
-                                    background: none;
-                                    border: none;
-                                    font-size: 30px;
-                                    color: #666;
-                                    cursor: pointer;
-                                    width: 40px;
-                                    height: 40px;
-                                    border-radius: 50%;
-                                ">&times;</button>
-                            </div>
-                            <div style="position: relative; width: 100%; padding-bottom: 56.25%; background: #000; border-radius: 10px; overflow: hidden;">
-                                <video controls autoplay style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
-                                    <source src="help.mp4" type="video/mp4">
-                                    Your browser does not support video playback.
-                                </video>
-                            </div>
-                        </div>
-                    </div>
-                """)
-            
-            help_btn.click(fn=show_help, outputs=help_modal)
-            
             generate_btn.click(
                 fn=generate_and_save,
                 inputs=[user_input, temperature, max_tokens],