From 347599e06b8045f748634d99eee32bf399fc7e4a Mon Sep 17 00:00:00 2001
From: Michael Chus <mike@mchus.pro>
Date: Sat, 21 Feb 2026 17:13:49 +0300
Subject: [PATCH] ui: add format hint to BOM vendor paste area

Show supported column formats and auto-detection rules so users
know what to copy from Excel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/templates/index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/templates/index.html b/web/templates/index.html
index b97e5d5..0f1015e 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -256,8 +256,14 @@
     <!-- Top-tab section: BOM вендора -->
     <div id="top-section-bom" class="hidden">
         <div class="bg-white rounded-lg shadow p-4">
-            <div class="mb-4 flex items-center gap-3">
-                <span class="text-sm text-gray-600">Вставьте таблицу из Excel (Ctrl+V в область ниже):</span>
+            <div class="mb-3">
+                <p class="text-sm font-medium text-gray-700 mb-2">Вставьте таблицу из Excel (Ctrl+V в область ниже)</p>
+                <div class="bg-gray-50 border border-gray-200 rounded p-3 text-xs text-gray-500 space-y-1">
+                    <p class="font-medium text-gray-600">Поддерживаемые форматы:</p>
+                    <p><span class="font-mono bg-white border border-gray-200 rounded px-1">PN</span> <span class="font-mono bg-white border border-gray-200 rounded px-1">Кол-во</span> — минимальный (2 колонки)</p>
+                    <p><span class="font-mono bg-white border border-gray-200 rounded px-1">PN</span> <span class="font-mono bg-white border border-gray-200 rounded px-1">Описание</span> <span class="font-mono bg-white border border-gray-200 rounded px-1">Кол-во</span> <span class="font-mono bg-white border border-gray-200 rounded px-1">Цена ед.</span> — расширенный</p>
+                    <p class="text-gray-400">Строка-заголовок определяется автоматически (пропускается если первая ячейка — текст). Порядок колонок: первая текстовая = PN, первая числовая = Кол-во, следующая числовая = Цена.</p>
+                </div>
             </div>
             <div id="bom-paste-area"
                  contenteditable="true"