From 9f3cd46f9c2734f1bab4820a75d7088d2e4c589e Mon Sep 17 00:00:00 2001
From: Rene Fichtmueller <renefichtmueller@MacStudio-von-Rene-8.local>
Date: Mon, 20 Apr 2026 21:44:33 +0200
Subject: [PATCH] ui: mark Top Sellers widget data as DEMO (synthetic seed
 data, not real sales)

---
 packages/dashboard/index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/dashboard/index.html b/packages/dashboard/index.html
index bf0133e..610029b 100644
--- a/packages/dashboard/index.html
+++ b/packages/dashboard/index.html
@@ -1786,16 +1786,17 @@
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem">
       <!-- Top Sellers -->
       <div class="card" style="overflow:hidden">
-        <div style="padding:0.75rem 1rem;border-bottom:1px solid var(--border);font-size:0.85rem;font-weight:600;color:var(--text-bright)">🔥 Top Sellers (by units sold)</div>
+        <div style="padding:0.75rem 1rem;border-bottom:1px solid var(--border);font-size:0.85rem;font-weight:600;color:var(--text-bright);display:flex;align-items:center;gap:0.5rem">🔥 Top Sellers (by units sold) <span style="font-size:0.65rem;font-weight:700;background:#f59e0b22;color:#f59e0b;border:1px solid #f59e0b66;border-radius:3px;padding:1px 6px;letter-spacing:0.05em">DEMO DATA</span></div>
+        <div style="padding:0.35rem 1rem;background:#f59e0b11;border-bottom:1px solid #f59e0b33;font-size:0.7rem;color:#f59e0b">⚠ Verkauft-Zahlen sind synthetische Seed-Daten — keine echten Flexoptix-Verkaufszahlen</div>
         <div style="overflow-x:auto">
           <table style="width:100%;border-collapse:collapse;font-size:0.75rem" id="stock-top-sellers">
             <thead>
               <tr style="background:var(--surface2)">
                 <th style="padding:6px 8px;text-align:left;color:var(--text-dim);font-weight:500">Part Number</th>
                 <th style="padding:6px 8px;text-align:left;color:var(--text-dim);font-weight:500">Form Factor</th>
-                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">Verkauft</th>
-                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">DE-Lager</th>
-                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">Global-Lager</th>
+                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">Verkauft <span style="font-size:0.6rem;color:#f59e0b;opacity:0.8">[DEMO]</span></th>
+                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">DE-Lager <span style="font-size:0.6rem;color:#f59e0b;opacity:0.8">[DEMO]</span></th>
+                <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">Global-Lager <span style="font-size:0.6rem;color:#f59e0b;opacity:0.8">[DEMO]</span></th>
                 <th style="padding:6px 8px;text-align:right;color:var(--text-dim);font-weight:500">Preis (net)</th>
               </tr>
             </thead>
@@ -6696,9 +6697,9 @@ async function loadStock() {
           return '<tr style="border-bottom:1px solid var(--border)">'
             + '<td style="padding:5px 8px">' + pn + '</td>'
             + '<td style="padding:5px 8px;color:var(--text-dim)">' + esc(r.form_factor || '—') + '</td>'
-            + '<td style="padding:5px 8px;text-align:right;color:#f59e0b;font-weight:600">' + Number(r.units_sold || 0).toLocaleString() + '</td>'
-            + '<td style="padding:5px 8px;text-align:right;color:#6366f1">' + (r.warehouse_de_qty != null ? Number(r.warehouse_de_qty).toLocaleString() : '—') + '</td>'
-            + '<td style="padding:5px 8px;text-align:right;color:#06b6d4">' + (r.warehouse_global_qty != null ? Number(r.warehouse_global_qty).toLocaleString() : '—') + '</td>'
+            + '<td style="padding:5px 8px;text-align:right;color:#f59e0b;font-weight:600">' + Number(r.units_sold || 0).toLocaleString() + ' <span style="font-size:0.6rem;opacity:0.6;font-weight:400">demo</span></td>'
+            + '<td style="padding:5px 8px;text-align:right;color:#6366f1">' + (r.warehouse_de_qty != null ? Number(r.warehouse_de_qty).toLocaleString() + ' <span style="font-size:0.6rem;opacity:0.5;font-weight:400">demo</span>' : '—') + '</td>'
+            + '<td style="padding:5px 8px;text-align:right;color:#06b6d4">' + (r.warehouse_global_qty != null ? Number(r.warehouse_global_qty).toLocaleString() + ' <span style="font-size:0.6rem;opacity:0.5;font-weight:400">demo</span>' : '—') + '</td>'
             + '<td style="padding:5px 8px;text-align:right">' + fmtPrice(r.price_net, r.price_currency) + '</td>'
             + '</tr>';
         }).join('');