Implement tooltip-based market item collection

index.html

@@ -48,7 +48,7 @@
             <div>
               <p class="eyebrow">Образец интерфейса</p>
               <h2 id="calibration-title">Калибровка</h2>
-              <p>Сначала отметь небольшой неизменяемый якорь, затем области с названием и ценой.</p>
+              <p>Отметь окно продажи, верхнее имя торговца и точные строки всплывающего описания предмета.</p>
             </div>
             <div class="button-row">
               <select id="calibration-source" aria-label="Окно для снимка"></select>
@@ -73,20 +73,16 @@
               <div class="field-stack">
                 <label for="region-type">Что выделяем</label>
                 <select id="region-type">
-                  <option value="anchor">Якорь окна торговли</option>
-                  <option value="item">Название предмета</option>
-                  <option value="price">Цена</option>
-                  <option value="quantity">Количество</option>
-                  <option value="text">Другой текст</option>
+                  <option value="saleAnchor">Маркер продажи</option>
+                  <option value="merchant">Имя торговца</option>
+                  <option value="tooltipSearch">Зона поиска tooltip</option>
+                  <option value="tooltipAnchor">Якорь Price :</option>
+                  <option value="itemName">Название предмета</option>
+                  <option value="itemPrice">Строка цены</option>
                 </select>
               </div>
 
-              <div class="field-stack">
-                <label for="region-label">Подпись поля</label>
-                <input id="region-label" type="text" placeholder="Например, Цена 1" />
-              </div>
-
-              <p id="draw-hint" class="hint">Протяни рамку вокруг небольшого постоянного элемента торгового окна.</p>
+              <p id="draw-hint" class="hint">Выдели постоянный нижний фрагмент окна продажи, например подпись Adena и кнопку Confirm. Числа лучше не включать.</p>
 
               <div class="field-stack">
                 <div class="range-label">
@@ -116,12 +112,13 @@
           <div class="section-heading">
             <div>
               <p class="eyebrow">Проверка пайплайна</p>
-              <h2 id="results-title">Распознанные данные</h2>
-              <p>Для каждого окна ищется якорь, затем OCR читает откалиброванные области.</p>
+              <h2 id="results-title">Собранные предметы</h2>
+              <p>Запусти сбор и наведи мышь на предметы в игре. Каждый новый tooltip будет добавлен в таблицу.</p>
             </div>
             <div class="button-row">
               <button id="copy-results" class="button" type="button" disabled>Копировать JSON</button>
-              <button id="recognize-all" class="button button--primary" type="button">Распознать все</button>
+              <button id="clear-results" class="button button--quiet" type="button">Очистить</button>
+              <button id="recognize-all" class="button button--primary" type="button">Начать сбор</button>
             </div>
           </div>
           <div id="results-list" class="results-list"></div>