fix(pos): reemplazar datos demo con datos reales del empleado logueado

- Nuevo app-init.js: auth check, inyecta nombre/rol real del empleado
  en sidebar, header, y status bar de TODAS las páginas
- Eliminados 6 productos demo hardcodeados del catálogo
- Sidebar muestra nombre real del usuario logueado
- Links de navegación marcan la página activa correctamente
- Función posLogout() global para cerrar sesión

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

pos/templates/accounting.html

@@ -2249,6 +2249,7 @@
     </main>
   </div><!-- /app-shell -->
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/accounting.js"></script>
 
 </body>

pos/templates/catalog.html

@@ -1890,206 +1890,9 @@
           </div>
         </div>
 
-        <!-- Product grid -->
+        <!-- Product grid — populated dynamically by catalog.js -->
         <div class="product-grid" id="productGrid" role="list" aria-label="Resultados del catálogo">
-
-          <!-- Card 1: Pastillas de Freno -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.5" fill="currentColor"/><path d="M12 3v2M12 19v2M3 12h2M19 12h2"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-ok" role="status" aria-label="En stock">En stock</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Frenos</div>
-              <div class="product-card__name">Pastillas de Freno Delanteras Cerámicas</div>
-              <div class="product-card__oem" title="Número OEM">OEM: 04465-02260</div>
-              <div class="product-card__brand">
-                <span>Akebono</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">Japón</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2018–2022">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2018–2022
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$485.00</div>
-                <div class="product-card__price-unit">MXN / juego</div>
-              </div>
-              <button class="btn-add" aria-label="Agregar Pastillas de Freno Delanteras al carrito">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
-                Agregar
-              </button>
-            </div>
-          </article>
-
-          <!-- Card 2: Amortiguador -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><line x1="12" y1="2" x2="12" y2="22"/><path d="M8 6h8M8 10h8M6 14h12M7 18h10"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-ok" role="status" aria-label="En stock">En stock</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Suspensión</div>
-              <div class="product-card__name">Amortiguador Delantero Gas KYB Excel-G</div>
-              <div class="product-card__oem" title="Número OEM">OEM: 339175</div>
-              <div class="product-card__brand">
-                <span>KYB</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">Japón</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2014–2019">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2014–2019
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$1,250.00</div>
-                <div class="product-card__price-unit">MXN / pieza</div>
-              </div>
-              <button class="btn-add" aria-label="Agregar Amortiguador KYB al carrito">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
-                Agregar
-              </button>
-            </div>
-          </article>
-
-          <!-- Card 3: Sensor de Oxígeno -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M12 22V12M12 12C12 8 8 6 8 6s4-2 4 2M12 12c0-4 4-6 4-6s-4-2-4 2"/><circle cx="12" cy="5" r="2"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-low" role="status" aria-label="Stock bajo">Últimas 3</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Eléctrico</div>
-              <div class="product-card__name">Sensor de Oxígeno Aguas Arriba Denso</div>
-              <div class="product-card__oem" title="Número OEM">OEM: 234-4209</div>
-              <div class="product-card__brand">
-                <span>Denso</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">Japón</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2009–2019">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2009–2019
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$890.00</div>
-                <div class="product-card__price-unit">MXN / pieza</div>
-              </div>
-              <button class="btn-add" aria-label="Agregar Sensor de Oxígeno Denso al carrito">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
-                Agregar
-              </button>
-            </div>
-          </article>
-
-          <!-- Card 4: Filtro de Aceite -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M4 4h16v4L12 20 4 8z"/><path d="M4 8h16"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-ok" role="status" aria-label="En stock">En stock</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Motor</div>
-              <div class="product-card__name">Filtro de Aceite Motor Toyota Original</div>
-              <div class="product-card__oem" title="Número OEM">OEM: 90915-YZZE1</div>
-              <div class="product-card__brand">
-                <span>Toyota Genuine</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">OEM</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2014–2024">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2014–2024
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$145.00</div>
-                <div class="product-card__price-unit">MXN / pieza</div>
-              </div>
-              <button class="btn-add" aria-label="Agregar Filtro de Aceite Toyota al carrito">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
-                Agregar
-              </button>
-            </div>
-          </article>
-
-          <!-- Card 5: Banda de Distribución Kit -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><circle cx="7" cy="17" r="3"/><circle cx="17" cy="7" r="3"/><path d="M7 14V10a2 2 0 012-2h6"/><path d="M17 10v4a2 2 0 01-2 2H9"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-ok" role="status" aria-label="En stock">En stock</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Motor</div>
-              <div class="product-card__name">Kit Banda de Distribución con Bomba de Agua Gates</div>
-              <div class="product-card__oem" title="Número OEM">OEM: TCK328B</div>
-              <div class="product-card__brand">
-                <span>Gates</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">EUA</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2009–2020">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2009–2020
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$2,380.00</div>
-                <div class="product-card__price-unit">MXN / kit</div>
-              </div>
-              <button class="btn-add" aria-label="Agregar Kit Banda de Distribución Gates al carrito">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
-                Agregar
-              </button>
-            </div>
-          </article>
-
-          <!-- Card 6: Disco de Freno -->
-          <article class="product-card" role="listitem">
-            <div class="product-card__image">
-              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="4"/><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/></svg>
-              <span class="product-card__image-label" aria-hidden="true">IMG</span>
-              <div class="stock-badge stock-out" role="status" aria-label="Sin stock">Agotado</div>
-            </div>
-            <div class="product-card__body">
-              <div class="product-card__category">Frenos</div>
-              <div class="product-card__name">Disco de Freno Ventilado Delantero Brembo</div>
-              <div class="product-card__oem" title="Número OEM">OEM: 09.9807.11</div>
-              <div class="product-card__brand">
-                <span>Brembo</span>
-                <div class="product-card__brand-dot" aria-hidden="true"></div>
-                <span style="color:var(--color-text-muted);">Italia</span>
-              </div>
-              <div class="product-card__compatibility" aria-label="Compatible con Toyota Corolla 2014–2022">
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="20,6 9,17 4,12"/></svg>
-                Compatible con: Toyota Corolla 2014–2022
-              </div>
-            </div>
-            <div class="product-card__footer">
-              <div class="product-card__pricing">
-                <div class="product-card__price">$1,940.00</div>
-                <div class="product-card__price-unit">MXN / pieza</div>
-              </div>
-              <button class="btn-add" aria-label="Producto agotado" disabled style="opacity:0.45;cursor:not-allowed;">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M4.93 4.93l14.14 14.14"/></svg>
-                Agotado
-              </button>
-            </div>
-          </article>
+          <!-- Cards loaded from API -->
 
         </div>
         <!-- /product-grid -->
@@ -2334,6 +2137,7 @@
     <button class="banner__dismiss" onclick="document.getElementById('offlineBanner').style.display='none'" aria-label="Cerrar">&times;</button>
   </div>
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/catalog.js"></script>
   <script src="/pos/static/js/offline-banner.js"></script>
 </body>

pos/templates/config.html

@@ -1820,6 +1820,7 @@
     </main>
   </div><!-- /app-shell -->
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/config.js"></script>
 
 </body>

pos/templates/customers.html

@@ -2144,6 +2144,7 @@
     </div>
   </div>
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/customers.js"></script>
   <script src="/pos/static/js/offline-banner.js"></script>
 </body>

pos/templates/dashboard.html

@@ -1948,6 +1948,7 @@
   </div><!-- end app-shell -->
 
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/dashboard.js"></script>
 
 </body>

pos/templates/inventory.html

@@ -2522,6 +2522,7 @@
     <button class="banner__dismiss" onclick="document.getElementById('offlineBanner').style.display='none'" aria-label="Cerrar">&times;</button>
   </div>
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/inventory.js"></script>
   <script src="/pos/static/js/offline-banner.js"></script>
 </body>

pos/templates/invoicing.html

@@ -2698,6 +2698,7 @@
     </div>
   </div>
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/invoicing.js"></script>
 
 </body>

pos/templates/pos.html

@@ -1472,6 +1472,7 @@
   <!-- ================================================================
        JAVASCRIPT
        ================================================================ -->
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/pos.js"></script>
 
   <script>

pos/templates/reports.html

@@ -2914,6 +2914,7 @@
   </div>
   <!-- End app-shell -->
 
+  <script src="/pos/static/js/app-init.js"></script>
   <script src="/pos/static/js/reports.js"></script>
 
 </body>