Update app.py

app.py

@@ -1,33 +1,18 @@
 import gradio as gr
 
-# Функция для обновления интерфейса и передачи JS для перехода на следующую вкладку
-def next_tab():
-    return gr.update(), """
-    <script>
-    // Получаем активную вкладку
-    let activeTab = document.querySelector('.tabs .tabitem.selected');
-    if (activeTab) {
-        // Определяем следующую вкладку
-        let nextTab = activeTab.nextElementSibling;
-        if (nextTab) {
-            // Симулируем клик на следующей вкладке
-            nextTab.click();
-        }
-    }
-    </script>
-    """
+# Функция для смены активной вкладки
+def change_tab(id):
+    return gr.Tabs.update(selected=id)
 
 with gr.Blocks() as demo:
-    with gr.Tabs():
-        with gr.Tab("Вкладка 1"):
-            gr.Markdown("Это первая вкладка")
-            btn1 = gr.Button("Перейти на следующую вкладку")
-            btn1.click(fn=next_tab, inputs=None, outputs=None)
-        with gr.Tab("Вкладка 2"):
-            gr.Markdown("Это вторая вкладка")
-            btn2 = gr.Button("Перейти на следующую вкладку")
-            btn2.click(fn=next_tab, inputs=None, outputs=None)
-        with gr.Tab("Вкладка 3"):
-            gr.Markdown("Это третья вкладка")
+    with gr.Tabs() as tabs:
+        with gr.TabItem("Первая вкладка", id=0):
+            gr.Markdown("Содержимое первой вкладки")
+        with gr.TabItem("Вторая вкладка", id=1):
+            gr.Markdown("Содержимое второй вкладки")
+    
+    # Кнопка, переключающая на вкладку с индексом 1
+    btn = gr.Button("Переключиться на вторую вкладку")
+    btn.click(fn=change_tab, inputs=[gr.Number(value=1, visible=False)], outputs=tabs)
 
 demo.launch()