Update app.py

app.py

@@ -682,8 +682,8 @@ def get_demo_path(filename):
 with gr.Blocks(title="AI 剧本视频工厂") as demo:
     gr.Markdown("# 🎬 ScriptAgent & Sora/Veo 视频生成工坊 ")
     
-    # 🔥 关键修改：给 Tabs 组件添加变量引用
-    with gr.Tabs() as tabs:
+    # 🔥 给 Tabs 添加 elem_id
+    with gr.Tabs(elem_id="main_tabs") as tabs:
         # --- TAB 1: 剧本创作 ---
         with gr.Tab("📝 第一步：剧本创作", id=0):
             with gr.Row():
@@ -717,7 +717,7 @@ with gr.Blocks(title="AI 剧本视频工厂") as demo:
             with gr.Accordion("💻 本地部署完整代码（点击展开查看）", open=False):
                 gr.Markdown("""
                 ### 📦 完整部署步骤
-                以下代码可在本地完整运行,获得最佳性能和输出质量：
+                以下代码可在本地完整运行，获得最佳性能和输出质量：
                 """)
                 
                 deployment_code = '''import os
@@ -771,6 +771,12 @@ print(response.choices[0].message.content)'''
                 - 显存: 16GB+ (推荐 24GB)
                 - 内存: 32GB+
                 ```
+                
+                ### ⚡ 本地部署优势
+                - ✅ 完整精度模型，无量化损失
+                - ✅ 更快的推理速度
+                - ✅ 无网络限制，支持离线运行
+                - ✅ 可自定义参数（temperature, max_tokens等）
                 """)
         
         # --- TAB 2: 视频生成 ---
@@ -833,7 +839,7 @@ print(response.choices[0].message.content)'''
                     gr.Markdown("### 🎬 最终成片")
                     final_video = gr.Video(label="成片输出")
 
-                    # Demo 展示区（保持不变）
+                    # Demo 展示区
                     gr.Markdown("---")
                     gr.Markdown("### 🌟 精选成片案例 (Demo Showcase)")
                     
@@ -845,10 +851,8 @@ print(response.choices[0].message.content)'''
                                 if idx < len(DEMO_DATA):
                                     item = DEMO_DATA[idx]
                                     with gr.Column():
-                                        # 使用 Group 制造卡片效果
                                         with gr.Group():
                                             gr.Video(value=get_demo_path(item["file"]), label=item["title"], interactive=False)
-                                            # 使用 Accordion 折叠剧本
                                             with gr.Accordion(f"📄 查看剧本: {item['title']}", open=False):
                                                 gr.Textbox(
                                                     value=item["script"], 
@@ -858,17 +862,26 @@ print(response.choices[0].message.content)'''
                                                     interactive=False
                                                 )
     
-    # 🔥 页面底部警告提示（标红显示）
+    # 🔥 页面底部警告提示
     gr.HTML('<p style="color: red; font-weight: bold; text-align: center; margin-top: 20px; font-size: 16px;">⚠️ 注意：仅供简单测试，由于成本问题在线平台内存只有18G，我们量化了模型，性能效果并不能保证，如果需要最准确的输出请自行部署即可</p>')
 
     # --- 逻辑绑定 ---
     llm_btn.click(chat_with_scriptagent, llm_input, llm_output)
     
-    # 🔥 关键修改：返回 (剧本内容, 标签页索引)
+    # 🔥 关键修改：使用 _js 参数执行 JavaScript 切换标签页
     to_video_btn.click(
-        lambda x: (x, 1),  # 1 表示切换到第二个标签页（索引从0开始）
-        inputs=llm_output, 
-        outputs=[video_script_input, tabs]  # 输出到文本框和标签页切换器
+        fn=lambda x: x,  # 只返回剧本内容
+        inputs=llm_output,
+        outputs=video_script_input,
+        _js="""
+        () => {
+            // 查找第二个标签页按钮并点击
+            const tabs = document.querySelectorAll('#main_tabs button[role="tab"]');
+            if (tabs && tabs.length > 1) {
+                tabs[1].click();  // 点击第二个标签页
+            }
+        }
+        """
     )
     
     model_sel.change(