Upload app.py

Impr layout + instruction

app.py

@@ -173,48 +173,68 @@ def main() -> None:
             "### Получите атрибуты товара\n"
             "Вставьте ссылку на карточку товара, чтобы извлечь структурированные данные."
         )
-
         with gr.Row():
-            url_input = gr.Textbox(
-                label="Target URL",
-                placeholder="https://example.com/product/123",
-                lines=1,
-            )
-            submit_btn = gr.Button("Извлечь атрибуты", variant="primary")
-
-        results_table = gr.Dataframe(
-            label="Результаты атрибутов",
-            interactive=False,
-            wrap=True,
-            type="pandas",
-            elem_id="results-table",
-        )
-
-        gau_dropdown = gr.Dropdown(
-            label="Вероятные ГАУ (выберите наиболее подходящий)",
-            choices=[],
-            interactive=True,
-        )
-
-        clipboard_box = gr.Textbox(
-            label=None,
-            interactive=False,
-            lines=1,
-            elem_id="tsv-output",
-            elem_classes=["tsv-hidden"],
-            container=False,
-        )
-        gr.HTML(
-            """
-            <button onclick="
-                navigator.clipboard.writeText(
-                    document.querySelector('#tsv-output textarea').value || ''
-                );
-            " style="width: 100%; padding: 8px; margin-top: -8px;">
-                📋 Скопировать атрибуты карточки
-            </button>
-            """
-        )
+            with gr.Column(scale=2):
+                url_input = gr.Textbox(
+                    label="Target URL",
+                    placeholder="https://example.com/product/123",
+                    lines=1,
+                )
+                submit_btn = gr.Button("Извлечь атрибуты", variant="primary")
+
+                gau_dropdown = gr.Dropdown(
+                    label="Вероятные ГАУ (выберите наиболее подходящий)",
+                    choices=[],
+                    interactive=True,
+                )
+
+                results_table = gr.Dataframe(
+                    label="Результаты атрибутов",
+                    interactive=False,
+                    wrap=True,
+                    type="pandas",
+                    elem_id="results-table",
+                )
+
+                clipboard_box = gr.Textbox(
+                    label=None,
+                    interactive=False,
+                    lines=1,
+                    elem_id="tsv-output",
+                    elem_classes=["tsv-hidden"],
+                    container=False,
+                )
+                gr.HTML(
+                    """
+                    <button onclick="
+                        navigator.clipboard.writeText(
+                            document.querySelector('#tsv-output textarea').value || ''
+                        );
+                    " style="width: 100%; padding: 8px; margin-top: -8px;">
+                        📋 Скопировать атрибуты карточки
+                    </button>
+                    """
+                )
+
+            with gr.Column(scale=1):
+                gr.Markdown(
+                    """
+                    ### 📚 Как пользоваться инструментом
+
+                    Этот сервис помогает автоматически собрать характеристики товара по ссылке и подготовить их для Excel.
+
+                    #### 🛠 Пошаговая инструкция:
+                    1. **Найдите товар**: Откройте страницу товара в интернет-магазине и скопируйте ссылку из адресной строки.
+                    2. **Вставьте ссылку**: Поместите её в поле **Target URL** слева.
+                    3. **Запустите поиск**: Нажмите кнопку **"Извлечь атрибуты"**.
+                    4. **Проверьте данные**:
+                       - Результаты появятся в таблице ниже.
+                       - Если система найдет несколько вариантов **ГАУ**, выберите нужный в выпадающем списке над таблицей.
+                    5. **Сохраните**: Нажмите кнопку **"📋 Скопировать атрибуты"** под таблицей, затем перейдите в Excel и нажмите `Ctrl+V` (Вставить).
+
+                    > **💡 Совет:** Если возникла ошибка, убедитесь, что ссылка ведет на карто��ку конкретного товара, а не на общий каталог.
+                    """
+                )
 
         submit_btn.click(
             fn=extract_attributes,