Update app.py

app.py

@@ -22,9 +22,12 @@ def create_gauge(value):
         },
         number={'font': {'size': 48}}  # Размер шрифта числа
     ))
-    fig.update_layout(paper_bgcolor="#f8f9fa",
-                      font={'color': "#2d3436", 'family': "Arial"},
-                      width=200, height=150, margin=dict(l=20, r=20, t=20, b=20))
+    # Изменение размеров спидометра и центровка
+    fig.update_layout(paper_bgcolor="#f8f9fa",  # Цвет фона
+                      font={'color': "#2d3436", 'family': "Arial"},  # Цвет текста
+                      width=250,  # Уменьшенная ширина
+                      height=150,  # Уменьшенная высота
+                      margin=dict(l=20, r=180, t=20, b=20))  # Отступы для центровки
     return fig
 
 # Значения для спидометров
@@ -44,41 +47,86 @@ def change_tab(id):
 with gr.Blocks() as demo:
     with gr.Tabs() as tabs:
         
+        # Вкладка 1: Исходные данные
+        with gr.TabItem("Исходные данные", id=0):
+            with gr.Row():
+                with gr.Column():
+                    desc = gr.Textbox(label="Описание предложения", lines=5)  # Увеличенная высота
+                    benefits = gr.Textbox(label="Преимущества", lines=5)  # Увеличенная высота
+                    key_message = gr.Textbox(label="Ключевое сообщение", lines=5)  # Увеличенная высота
+                with gr.Column():
+                    gender = gr.Dropdown(label="Пол", choices=["Мужчина", "Женщина", "Не указан"])
+                    generation = gr.Dropdown(label="Поколение", choices=["Поколение Z", "Миллениалы", "Поколение X", "Бэби-бумеры"])
+                    psychotype = gr.Textbox(label="Психотип")
+                    business_stage = gr.Textbox(label="Стадия бизнеса")
+                    industry = gr.Textbox(label="Отрасль")
+                    opf = gr.Textbox(label="ОПФ")
+
+            btn_to_prompts = gr.Button("Создать")
+            btn_to_prompts.click(fn=change_tab, inputs=[gr.Number(value=1, visible=False)], outputs=tabs)
+        
+        # Вкладка 2: Промпты
+        with gr.TabItem("Ассистент", id=1):
+            with gr.Row():
+                with gr.Column():
+                    non_personalized_prompt = gr.Textbox(label="Задание для копирайтера", lines=25)  # Увеличенная высота
+                with gr.Column():
+                    personalized_prompt = gr.Textbox(label="Задание для редактора", lines=25)  # Увеличенная высота
+            
+        # Вкладка 3: Сообщения
+        with gr.TabItem("Сообщения", id=2):
+
+            # Заголовки столбцов
+            with gr.Row():
+                gr.Markdown("### Копирайтер")  # Название для столбца "Копирайтер"
+                gr.Markdown("### Редактор")  # Название для столбца "Редактор"
+                
+            # Первый ряд
+            with gr.Row():
+                non_personalized_1 = gr.Textbox(label="Стандартное сообщение 1", lines=4, interactive=False)
+                personalized_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=4, interactive=False)
+
+            # Второй ряд
+            with gr.Row():
+                non_personalized_2 = gr.Textbox(label="Стандартное сообщение 2", lines=4, interactive=False)
+                personalized_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=4, interactive=False)
+
+            # Третий ряд
+            with gr.Row():
+                non_personalized_3 = gr.Textbox(label="Стандартное сообщение 3", lines=4, interactive=False)
+                personalized_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=4, interactive=False)
+
+            # Четвертый ряд
+            with gr.Row():
+                btn_check = gr.Button("Проверить", elem_id="check3")
+                btn_check.click(fn=change_tab, inputs=[gr.Number(value=3, visible=False)], outputs=tabs)
+
         # Вкладка 4: Проверка
         with gr.TabItem("Проверка", id=3):
             
             # Заголовки столбцов
             with gr.Row():
                 gr.Markdown("")
-                gr.Markdown("### Корректор")
-                gr.Markdown("### Аналитик")
+                gr.Markdown("### Корректор")  # Название для столбца "Копирайтер"
+                gr.Markdown("### Ан��литик")  # Название для столбца "Редактор"
                 
             # Первый ряд
             with gr.Row():
-                # Увеличиваем ширину колонок "Персонализированное сообщение" и "Проверка сообщения"
-                with gr.Column(scale=3):  # Увеличенная ширина для персонализированного сообщения
-                    personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=4)
-                with gr.Column(scale=3):  # Увеличенная ширина для проверки сообщения
-                    check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=4)
-                with gr.Column(scale=1):  # Обычная ширина для графика
-                    success_forecast_1 = gr.Plot(value=get_success_forecast_1(), label="Прогноз успешности сообщения 1")
+                personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=5)
+                check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=5)
+                success_forecast_1 = gr.Plot(value=get_success_forecast_1(), label="Прогноз успешности сообщения 1") # Спидометр 1
             
             # Второй ряд
             with gr.Row():
-                with gr.Column(scale=3):
-                    personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=4)
-                with gr.Column(scale=3):
-                    check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=4)
-                with gr.Column(scale=1):
-                    success_forecast_2 = gr.Plot(value=get_success_forecast_2(), label="Прогноз успешности сообщения 2")
+                personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=5)
+                check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=5)
+                success_forecast_2 = gr.Plot(value=get_success_forecast_2(), label="Прогноз успешности сообщения 2")  # Спидометр 2
             
             # Третий ряд
             with gr.Row():
-                with gr.Column(scale=3):
-                    personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=4)
-                with gr.Column(scale=3):
-                    check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=4)
-                with gr.Column(scale=1):
-                    success_forecast_3 = gr.Plot(value=get_success_forecast_3(), label="Прогноз успешности сообщения 3")
+                personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=5)
+                check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=5)
+                success_forecast_3 = gr.Plot(value=get_success_forecast_3(), label="Прогноз успешности сообщения 3")  # Спидометр 3
+
 
 demo.launch()