diff --git a/agent.md b/agent.md
index 95553dc..433734e 100644
--- a/agent.md
+++ b/agent.md
@@ -54,6 +54,7 @@ This project replaces the Excel/VBA workflow named `Catalog maker - 20` with a N
 - Custom select controls may use a native select as an interaction layer, but the native label must be visually transparent when a separate display label is rendered; never show the same control text twice.
 - Runtime button labels must update the existing direct child label span instead of replacing `button.textContent`; state changes must never remove the button icon.
 - Parser tools are always visible in the left panel. Do not hide, collapse or replace the parser action buttons with a toggle; the user must see the complete parser action set at all times.
+- Mapping status and mapping source details belong directly with the parser action group, because mapping is parser output; keep the existing mapping behavior and only change its placement when refining the sidebar.
 
 ## TypeScript workflow
 
diff --git a/public/index.html b/public/index.html
index 826b9aa..d46f145 100644
--- a/public/index.html
+++ b/public/index.html
@@ -39,6 +39,15 @@
             <button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#eye"></use></svg><span>Preview parsed data</span></button>
             <button class="action-button" type="button" disabled><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#save"></use></svg><span>Apply / Save</span></button>
           </div>
+          <div class="mapping-box parser-mapping-box" id="mappingBox">
+            <details class="mapping-details" id="mappingDetails">
+              <summary>
+                <span class="mapping-state is-missing" id="mappingState">Mapping not loaded</span>
+                <span class="mapping-toggle" aria-hidden="true"></span>
+              </summary>
+              <div class="mapping-list" id="mappingList"></div>
+            </details>
+          </div>
         </div>
 
         <button class="action-button" id="loadProductButton" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#info"></use></svg><span>Get product info - 00</span></button>
@@ -78,16 +87,6 @@
           </select>
         </div>
 
-        <div class="mapping-box" id="mappingBox">
-          <details class="mapping-details" id="mappingDetails">
-            <summary>
-              <span class="mapping-state is-missing" id="mappingState">Mapping not loaded</span>
-              <span class="mapping-toggle" aria-hidden="true"></span>
-            </summary>
-            <div class="mapping-list" id="mappingList"></div>
-          </details>
-        </div>
-
         <button class="action-button primary" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#menu"></use></svg><span>Show menu (20)</span></button>
         <button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#scan"></use></svg><span>Scraper - 03</span></button>
         <button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#erase"></use></svg><span>BG remover - 04</span></button>