📊

D2C France — E-commerce Dashboard

Haier · Candy · Hoover — you are signed out.

\nLog in\n

`;\n}\n\nfunction deniedPage(user: any): string {\n return `Access denied\n\n\n\n

🔒

Access restricted

Signed in as ${user?.username ?? \"?\"}.

This account is not on the allowed list. Ask the dashboard owner to add your email.

\n\n

`;\n}\n\nexport default oauthMiddleware(app.fetch);\n",[],[567],"15a1c742-863a-4f5b-a798-69abdc2b9a04","history.ts","01a038e7-814e-767d-b08a-cd44fa387823",["D",1787661091162],"// Daily per-SKU snapshots (price, cumulative sales, stock) in SQLite,\n// powering the trend charts. One row per (date, sku); re-runs overwrite.\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst T = \"snapshots\";\n\nexport async function ensureTable() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${T} (\n date TEXT NOT NULL,\n sku INTEGER NOT NULL,\n brand TEXT,\n grp TEXT,\n price REAL,\n sales INTEGER,\n stock INTEGER,\n PRIMARY KEY (date, sku)\n )`);\n}\n\n/** Record today's snapshot from the catalog blob (+ overlay already merged upstream). */\nexport async function recordSnapshot(products: any[]) {\n await ensureTable();\n const date = new Date().toISOString().slice(0, 10);\n // Batch inserts (100 rows per statement)\n for (let i = 0; i < products.length; i += 100) {\n const chunk = products.slice(i, i + 100);\n const values = chunk.map(() => \"(?,?,?,?,?,?,?)\").join(\",\");\n const args: any[] = [];\n for (const p of chunk) {\n args.push(date, p.code, p.brand ?? null, p.grp ?? null,\n p.price ?? null, p.sales ?? null, p.s48 ?? null);\n }\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO ${T} (date, sku, brand, grp, price, sales, stock) VALUES ${values}`,\n args,\n });\n }\n // Retention: keep 180 days\n await sqlite.execute({\n sql: `DELETE FROM ${T} WHERE date < ?`,\n args: [new Date(Date.now() - 180 * 864e5).toISOString().slice(0, 10)],\n });\n}\n\n/** Aggregated daily series by category group (sales cumulative + revenue estimate). */\nexport async function getTrends(days = 30) {\n await ensureTable();\n const since = new Date(Date.now() - days * 864e5).toISOString().slice(0, 10);\n const res = await sqlite.execute({\n sql: `SELECT date, grp,\n SUM(sales) AS sales,\n SUM(CASE WHEN price IS NOT NULL THEN price * sales ELSE 0 END) AS revenue\n FROM ${T} WHERE date >= ? GROUP BY date, grp ORDER BY date`,\n args: [since],\n });\n return res.rows.map((r: any) => ({ date: r[0], grp: r[1], sales: r[2], revenue: r[3] }));\n}\n\n/** Per-SKU price/sales history (for future product detail view). */\nexport async function getSkuHistory(sku: number, days = 90) {\n await ensureTable();\n const since = new Date(Date.now() - days * 864e5).toISOString().slice(0, 10);\n const res = await sqlite.execute({\n sql: `SELECT date, price, sales, stock FROM ${T} WHERE sku = ? AND date >= ? ORDER BY date`,\n args: [sku, since],\n });\n return res.rows.map((r: any) => ({ date: r[0], price: r[1], sales: r[2], stock: r[3] }));\n}\n",[],[575],"5092815c-2435-4b57-8112-9d705096c5d5","feeds.ts","01a038e7-814e-767d-b08a-cb14e7bcdaf2",["D",1787661091162],"// Résolution des URLs d'export Matrixify.\n//\n// Ces URLs ne demandent aucune authentification : quiconque les possède peut\n// télécharger le carnet de commandes ou le catalogue. Elles ne doivent donc jamais\n// figurer dans le code, qui est lisible publiquement.\n// Elles vivent dans les variables d'environnement du val, chiffrées et invisibles\n// depuis la page publique du projet :\n//\n// FEED_ORDERS_{HOOVER|HAIER|CANDY} export « Orders »\n// FEED_CATALOG_{HOOVER|HAIER|CANDY} export « Products » (prix, stock, statut)\n//\n// Pour régénérer une URL compromise : la recréer côté Matrixify, puis mettre à jour\n// la variable — aucune modification de code n'est nécessaire.\n\nexport const BRANDS = [\"HOOVER\", \"HAIER\", \"CANDY\"] as const;\nexport type Brand = typeof BRANDS[number];\n\nexport interface Feed {\n brand: Brand;\n url: string | null;\n /** Nom de la variable attendue, pour un message d'erreur exploitable. */\n varName: string;\n}\n\n/** Les trois flux d'un type donné, dans l'ordre des marques. */\nexport function feeds(kind: \"ORDERS\" | \"CATALOG\"): Feed[] {\n return BRANDS.map((brand) => {\n const varName = `FEED_${kind}_${brand}`;\n const url = (Deno.env.get(varName) ?? \"\").trim();\n return { brand, varName, url: url || null };\n });\n}\n",[],[582],"f1d44bc5-17d3-4d4b-9510-5d4517bc7817","cron.ts","01a038e7-814e-767d-b08a-c47069cb30bc",["D",1787661091162],"interval","// Synchronisation des flux Matrixify (produits + commandes) + instantané quotidien.\n//\n// Planification : toutes les 3 heures (`0 */3 * * *`). Val Town exécute les crons en\n// UTC : une heure fixe dériverait de deux heures entre l'hiver et l'été à Paris, et\n// c'est exactement ce qui avait fait croire à un import « de 7h » alors qu'il tournait\n// à 9h. Une cadence régulière supprime le problème et garantit de récupérer chaque\n// export Matrixify (programmé toutes les 6 h) au plus tard 3 heures après sa création.\n//\n// Fraîcheur des données : les exports Matrixify sont filtrés sur « Created At –\n// Last: 2160 hours » (90 jours). L'unité compte — en JOURS, Matrixify ne retient que\n// les journées calendaires révolues et les commandes du jour même n'apparaissent\n// jamais ; en HEURES, la fenêtre s'arrête à l'heure ronde précédente et la journée en\n// cours est bien couverte. Ne pas repasser ce filtre en jours (corrigé le 31/07/2026).\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { syncCms } from \"./cms_sync.ts\";\nimport { syncOrders } from \"./orders_sync.ts\";\nimport { recordSnapshot } from \"./history.ts\";\nimport { verifyChanges } from \"./changes.ts\";\n\nexport default async function () {\n const cms = await syncCms();\n console.log(\"CMS sync:\", JSON.stringify(cms));\n\n // Confirm queued changes actually landed in Shopify\n const check = await verifyChanges();\n console.log(\"Change verification:\", JSON.stringify(check));\n\n const orders = await syncOrders();\n console.log(\"Orders sync:\", JSON.stringify(orders));\n\n // Daily snapshot (catalog with fresh overlay prices) → trends\n try {\n const catalog = await blob.getJSON(\"catalog\");\n const overlay = await blob.getJSON(\"cms_overlay\");\n const products = (catalog?.products ?? []).map((p: any) => {\n const o = overlay?.items?.[String(p.code)];\n return o?.price ? { ...p, price: o.price } : p;\n });\n if (products.length) {\n await recordSnapshot(products);\n console.log(`Snapshot: ${products.length} products recorded`);\n }\n } catch (e) {\n console.error(\"Snapshot failed:\", e);\n }\n}\n",[],[589],"b8176037-9743-4140-bfd7-8a1f479492d4","cms_sync.ts","01a038e7-814e-767d-b08a-c1220fb617c5",["D",1787661091162],"// Fetches the daily Matrixify CSV exports (stable URLs) and stores a per-SKU\n// overlay (price / site stock / status / image) in blob \"cms_overlay\".\n// The overlay is merged into the catalog by /api/data at read time.\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { feeds } from \"./feeds.ts\";\n\n// Les URLs viennent des variables d'environnement — voir feeds.ts.\n\n/** Minimal CSV parser handling quoted fields, commas and newlines in quotes. */\nfunction parseCSV(text: string): string[][] {\n const rows: string[][] = [];\n let row: string[] = [], field = \"\", inQ = false;\n for (let i = 0; i < text.length; i++) {\n const c = text[i];\n if (inQ) {\n if (c === '\"') {\n if (text[i + 1] === '\"') { field += '\"'; i++; }\n else inQ = false;\n } else field += c;\n } else if (c === '\"') inQ = true;\n else if (c === \",\") { row.push(field); field = \"\"; }\n else if (c === \"\\n\" || c === \"\\r\") {\n if (c === \"\\r\" && text[i + 1] === \"\\n\") i++;\n row.push(field); field = \"\";\n if (row.length > 1 || row[0] !== \"\") rows.push(row);\n row = [];\n } else field += c;\n }\n if (field !== \"\" || row.length) { row.push(field); rows.push(row); }\n return rows;\n}\n\nfunction statusMap(raw: string): string {\n const s = (raw ?? \"\").trim().toLowerCase();\n if (s === \"active\") return \"Active\";\n if ([\"draft\", \"archived\", \"inactive\"].includes(s)) return \"Inactive\";\n return \"Not listed\";\n}\n\nexport interface OverlayItem {\n brand: string; price?: number | null; sstock?: number | null;\n ss?: string; img?: string | null; title?: string | null; handle?: string | null;\n}\n\nexport async function syncCms(): Promise<{ ok: boolean; feeds: Record; total: number }> {\n const items: Record = {};\n const feedResults: Record = {};\n\n for (const { brand, url, varName } of feeds(\"CATALOG\")) {\n if (!url) { feedResults[brand] = `variable ${varName} non renseignée`; continue; }\n try {\n const res = await fetch(url, { redirect: \"follow\" });\n if (!res.ok) { feedResults[brand] = `HTTP ${res.status}`; continue; }\n const text = await res.text();\n const rows = parseCSV(text);\n if (rows.length < 2) { feedResults[brand] = \"empty file\"; continue; }\n\n const header = rows[0].map((h) => h.trim().toLowerCase());\n const idx = (...names: string[]) => {\n for (const n of names) { const i = header.indexOf(n); if (i !== -1) return i; }\n return -1;\n };\n const iSku = idx(\"variant sku\");\n const iPrice = idx(\"variant price\");\n const iQty = idx(\"variant inventory qty\");\n const iStatus = idx(\"status\");\n const iImg = idx(\"image src\");\n const iTitle = idx(\"title\");\n const iHandle = idx(\"handle\");\n if (iSku === -1) { feedResults[brand] = \"no 'Variant SKU' column\"; continue; }\n\n let count = 0;\n for (let r = 1; r < rows.length; r++) {\n const row = rows[r];\n const sku = (row[iSku] ?? \"\").trim();\n if (!sku || !/^\\d+$/.test(sku)) continue;\n const existing = items[sku] ?? { brand } as OverlayItem;\n const price = iPrice !== -1 ? parseFloat(row[iPrice]) : NaN;\n if (!isNaN(price) && price > 0 && existing.price == null) existing.price = price;\n const qty = iQty !== -1 ? parseInt(row[iQty]) : NaN;\n if (!isNaN(qty) && existing.sstock == null) existing.sstock = qty;\n if (iStatus !== -1 && row[iStatus]?.trim() && !existing.ss) existing.ss = statusMap(row[iStatus]);\n const img = iImg !== -1 ? (row[iImg] ?? \"\").trim() : \"\";\n if (img.startsWith(\"http\") && !existing.img) existing.img = img;\n if (iTitle !== -1 && row[iTitle]?.trim() && !existing.title) existing.title = row[iTitle].trim();\n if (iHandle !== -1 && row[iHandle]?.trim() && !existing.handle) existing.handle = row[iHandle].trim();\n if (!items[sku]) { items[sku] = existing; count++; }\n }\n feedResults[brand] = count;\n } catch (e) {\n feedResults[brand] = String(e);\n }\n }\n\n const total = Object.keys(items).length;\n if (total > 0) {\n await blob.setJSON(\"cms_overlay\", { updated_at: new Date().toISOString(), feeds: feedResults, items });\n }\n return { ok: total > 0, feeds: feedResults, total };\n}\n",[],[597],"1aca58a8-4e54-4a3f-a117-e9b38b487916","changes.ts","01a038e7-814e-767d-b08a-bd82894a1999",["D",1787661091162],"// Pending product changes (price / status) with audit trail, and the\n// Matrixify import feeds that deliver them to Shopify.\n// Storage: blob \"changes_log\" = { entries: ChangeEntry[] } (newest first, capped).\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nexport interface ChangeEntry {\n id: string;\n at: string; // ISO timestamp (created)\n user: string; // pseudo Val Town (voir auditName dans main.tsx) — jamais\n // une adresse complète pour les entrées récentes ; les\n // anciennes sont masquées à l'affichage par displayUser()\n code: number; // SKU\n brand: string;\n handle?: string | null; // Shopify handle (needed for Matrixify import)\n name?: string | null;\n field: \"price\" | \"status\";\n oldValue: string | number | null;\n newValue: string | number;\n status: \"pending\" | \"sent\" | \"applied\" | \"cancelled\";\n sentAt?: string | null;\n appliedAt?: string | null; // confirmed live in Shopify by the CMS sync\n applyAt?: string | null; // ISO — do not deliver to Matrixify before this time\n}\n\n/** Sent changes keep being served this long, so a Matrixify retry or a\n * double-fetch still receives them. All operations are idempotent. */\nconst GRACE_HOURS = 12;\n\nconst MAX_ENTRIES = 2000;\n\nasync function load(): Promise {\n const data = await blob.getJSON(\"changes_log\");\n return data?.entries ?? [];\n}\n\nasync function save(entries: ChangeEntry[]) {\n await blob.setJSON(\"changes_log\", { entries: entries.slice(0, MAX_ENTRIES) });\n}\n\nexport async function addChanges(\n user: string,\n changes: { code: number; field: \"price\" | \"status\"; newValue: string | number; oldValue?: string | number | null; applyAt?: string | null }[],\n): Promise<{ ok: boolean; added: number; errors: string[] }> {\n const errors: string[] = [];\n const entries = await load();\n\n // Resolve brand/handle/name from overlay + catalog\n const overlay = await blob.getJSON(\"cms_overlay\");\n const catalog = await blob.getJSON(\"catalog\");\n const catByCode: Record = {};\n for (const p of catalog?.products ?? []) catByCode[String(p.code)] = p;\n\n let added = 0;\n for (const ch of changes) {\n const codeStr = String(ch.code);\n const o = overlay?.items?.[codeStr];\n const p = catByCode[codeStr];\n if (!o?.handle) {\n errors.push(`${codeStr}: Shopify handle unknown (add 'Handle' column to Matrixify exports)`);\n continue;\n }\n if (ch.field === \"price\") {\n const v = Number(ch.newValue);\n if (!isFinite(v) || v <= 0) { errors.push(`${codeStr}: invalid price`); continue; }\n }\n if (ch.field === \"status\" && ![\"Active\", \"Draft\"].includes(String(ch.newValue))) {\n errors.push(`${codeStr}: status must be Active or Draft`); continue;\n }\n // Supersede any pending change on the same SKU+field\n for (const e of entries) {\n if (e.code === ch.code && e.field === ch.field && e.status === \"pending\") e.status = \"cancelled\";\n }\n entries.unshift({\n id: crypto.randomUUID().slice(0, 8),\n at: new Date().toISOString(),\n user,\n code: ch.code,\n brand: o.brand ?? p?.brand ?? \"?\",\n handle: o.handle,\n name: p?.name ?? o.title ?? null,\n field: ch.field,\n oldValue: ch.oldValue ?? (ch.field === \"price\" ? (o.price ?? p?.price ?? null) : (o.ss ?? p?.ss ?? null)),\n newValue: ch.newValue,\n status: \"pending\",\n applyAt: ch.applyAt ?? null,\n });\n added++;\n }\n await save(entries);\n return { ok: errors.length === 0, added, errors };\n}\n\nexport async function listChanges(limit = 200): Promise {\n return (await load()).slice(0, limit);\n}\n\n/** Confirm against reality: compare sent changes with the live CMS overlay.\n * Called after each CMS sync. Marks entries \"applied\" once Shopify agrees. */\nexport async function verifyChanges(): Promise<{ checked: number; applied: number }> {\n const entries = await load();\n const overlay = await blob.getJSON(\"cms_overlay\");\n const items = overlay?.items ?? {};\n const syncedAt = overlay?.updated_at ?? \"\";\n let checked = 0, applied = 0;\n\n for (const e of entries) {\n if (e.status !== \"sent\" || !e.sentAt) continue;\n if (syncedAt <= e.sentAt) continue; // site data older than the change\n const o = items[String(e.code)];\n if (!o) continue;\n checked++;\n const ok = e.field === \"price\"\n ? (o.price != null && Math.abs(Number(o.price) - Number(e.newValue)) < 0.02)\n : (String(o.ss ?? \"\") === (String(e.newValue) === \"Draft\" ? \"Inactive\" : \"Active\"));\n if (ok) { e.status = \"applied\"; e.appliedAt = syncedAt; applied++; }\n }\n if (applied > 0) await save(entries);\n return { checked, applied };\n}\n\nexport async function cancelChange(id: string, user: string): Promise {\n const entries = await load();\n const e = entries.find((x) => x.id === id && x.status === \"pending\");\n if (!e) return false;\n e.status = \"cancelled\";\n e.user = `${e.user} (cancelled by ${user})`;\n await save(entries);\n return true;\n}\n\n/** Build the Matrixify import CSV for one brand and mark those changes as sent.\n * Grouped per product (handle): one row per product with the fields to update. */\nexport async function buildFeed(brand: string, consume = true): Promise {\n const entries = await load();\n const now = Date.now();\n const nowISO = new Date(now).toISOString();\n const graceISO = new Date(now - GRACE_HOURS * 3600_000).toISOString();\n const sameBrand = (e: ChangeEntry) => e.brand.toUpperCase() === brand.toUpperCase();\n const due = (e: ChangeEntry) => !e.applyAt || e.applyAt <= nowISO;\n\n // Serve pending changes AND recently-sent ones (idempotent replay window),\n // so a retry or a preview fetch by Matrixify cannot silently swallow them.\n const pending = entries.filter((e) => sameBrand(e) && due(e) && (\n e.status === \"pending\" ||\n (e.status === \"sent\" && (e.sentAt ?? \"\") >= graceISO)\n ));\n\n // Group by handle\n const byHandle: Record = {};\n for (const e of pending) {\n const g = byHandle[e.handle!] ?? { sku: String(e.code) };\n if (e.field === \"price\") g.price = Number(e.newValue);\n if (e.field === \"status\") g.status = String(e.newValue);\n byHandle[e.handle!] = g;\n }\n\n const esc = (v: string | number | undefined | null) => {\n const s = v == null ? \"\" : String(v);\n return /[\",\\n]/.test(s) ? `\"${s.replace(/\"/g, '\"\"')}\"` : s;\n };\n\n // Matrixify rule: identifying a variant (Variant SKU + Variant Command) forces a\n // price — \"Price can't be blank\". So the variant columns are only filled when a\n // price change is actually queued; a status-only row carries product columns alone.\n // An empty Status is simply ignored by Matrixify, so price-only rows are safe.\n const header = \"Handle,Command,Variant SKU,Variant Command,Variant Price,Status\";\n const lines = [header];\n for (const [handle, g] of Object.entries(byHandle)) {\n const hasPrice = g.price != null;\n lines.push([\n esc(handle), \"UPDATE\",\n hasPrice ? esc(g.sku) : \"\",\n hasPrice ? \"MERGE\" : \"\",\n hasPrice ? String(g.price) : \"\",\n g.status ?? \"\",\n ].join(\",\"));\n }\n\n if (consume && pending.length > 0) {\n for (const e of pending) {\n if (e.status === \"pending\") { e.status = \"sent\"; e.sentAt = nowISO; }\n }\n await save(entries);\n }\n return lines.join(\"\\n\") + \"\\n\";\n}\n",[],[604],"70d15d53-4b0c-4c6c-87a2-e2b6b82aac98","campaigns.ts","01a038e7-814e-767d-b08a-ba887974e8c5",["D",1787661091162],"// Campagnes de forecast — mémorisation des arbitrages, une campagne par fichier DP.\n//\n// POURQUOI UNE CAMPAGNE PLUTÔT QU'UN SIMPLE ENREGISTREMENT\n// L'équipe demand planning fait évoluer son fichier régulièrement, et rien ne garantit\n// qu'elle retienne la prévision proposée. Si les corrections saisies au mois M se\n// réappliquaient silencieusement au fichier du mois M+1, l'outil afficherait comme\n// acquis des chiffres qui ont pu être refusés — exactement le contraire de ce qu'on\n// attend d'un outil de décision.\n//\n// Chaque dépôt de fichier ouvre donc une campagne identifiée par ce fichier et son\n// premier mois à prévoir. Une nouvelle campagne démarre VIDE. Reprendre les saisies de\n// la précédente reste possible, mais c'est un geste explicite, et la reprise se fait par\n// MOIS CALENDAIRE et non par position : le mois +1 d'août n'est pas le mois +1 de\n// septembre.\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nexport interface Campaign {\n id: string;\n source_file: string;\n /** Mois prévus par cette campagne, dans l'ordre. */\n months: string[];\n /** Corrections manuelles, clé `${code}|${index de mois}`. */\n overrides: Record;\n /** Objectif de CA par mois, aligné sur `months`. null = pas d'objectif. */\n revTarget: (number | null)[];\n /** Réglages du moteur au moment de la saisie. */\n params: Record;\n created_at: string;\n updated_at: string;\n updated_by: string | null;\n /** Dernier export vers le demand planning — trace de ce qui a réellement été envoyé. */\n exported_at: string | null;\n}\n\nconst KEY = \"forecast_campaigns\";\nconst MAX = 12; // un an d'historique mensuel\n\ntype Store = Record;\n\nasync function load(): Promise {\n const s = (await blob.getJSON(KEY)) as Store | null;\n return s && typeof s === \"object\" ? s : {};\n}\n\nasync function save(store: Store) {\n // On ne garde que les campagnes les plus récentes : le blob doit rester petit, il est\n // relu à chaque ouverture de l'onglet.\n const kept = Object.values(store)\n .sort((a, b) => (b.created_at ?? \"\").localeCompare(a.created_at ?? \"\"))\n .slice(0, MAX);\n await blob.setJSON(KEY, Object.fromEntries(kept.map((c) => [c.id, c])));\n}\n\nexport async function listCampaigns(): Promise<\n Pick[]\n> {\n const store = await load();\n return Object.values(store)\n .map(({ overrides: _o, revTarget: _r, params: _p, ...meta }) => meta)\n .sort((a, b) => (b.created_at ?? \"\").localeCompare(a.created_at ?? \"\"));\n}\n\nexport async function getCampaign(id: string): Promise {\n return (await load())[id] ?? null;\n}\n\nexport async function saveCampaign(\n user: string,\n input: {\n id: string; source_file: string; months: string[];\n overrides?: Record;\n revTarget?: (number | null)[];\n params?: Record;\n exported?: boolean;\n },\n): Promise {\n const store = await load();\n const now = new Date().toISOString();\n const prev = store[input.id];\n\n const c: Campaign = {\n id: input.id,\n source_file: input.source_file,\n months: input.months,\n overrides: input.overrides ?? prev?.overrides ?? {},\n revTarget: input.revTarget ?? prev?.revTarget ?? [],\n params: input.params ?? prev?.params ?? {},\n created_at: prev?.created_at ?? now,\n updated_at: now,\n updated_by: user,\n exported_at: input.exported ? now : (prev?.exported_at ?? null),\n };\n store[input.id] = c;\n await save(store);\n return c;\n}\n\n/** Reprend les saisies d'une campagne dans une autre, en réalignant sur les mois.\n *\n * Le réalignement par mois calendaire est le cœur de l'affaire : une correction posée\n * sur « novembre » doit rester sur novembre, même si novembre est passé du 4ᵉ au 3ᵉ mois\n * de l'horizon. Les mois qui ne font plus partie de l'horizon sont abandonnés, et on\n * renvoie leur nombre pour pouvoir le dire à l'utilisateur plutôt que de le taire. */\nexport function remapOverrides(\n overrides: Record,\n fromMonths: string[],\n toMonths: string[],\n): { overrides: Record; carried: number; dropped: number } {\n const out: Record = {};\n let carried = 0, dropped = 0;\n for (const [key, value] of Object.entries(overrides)) {\n const [code, idxRaw] = key.split(\"|\");\n const month = fromMonths[Number(idxRaw)];\n const target = month ? toMonths.indexOf(month) : -1;\n if (target === -1) { dropped++; continue; }\n out[`${code}|${target}`] = value;\n carried++;\n }\n return { overrides: out, carried, dropped };\n}\n\n/** Idem pour les objectifs de CA. */\nexport function remapTargets(\n targets: (number | null)[],\n fromMonths: string[],\n toMonths: string[],\n): (number | null)[] {\n return toMonths.map((m) => {\n const i = fromMonths.indexOf(m);\n return i === -1 ? null : (targets[i] ?? null);\n });\n}\n",[],[611],["D",1787661091162],[],[18,102],["D",1787661091162],[],[18,114],["D",1787661091162],[],[18,120],["D",1787661091162],[],[18,126],["D",1787661091162],[],[18,132],["D",1787661091162],[],[18,138],["D",1787661091162],[],[18,144],["D",1787661091162],[],[18,150],["D",1787661091162],[],[18,156],["D",1787661091162],[],[18,162],["D",1787661091162],[],[18,168],["D",1787661091162],[],[18,174],["D",1787661091162],[],[18,180],["D",1787661091162],[],[18,186],["D",1787661091162],[],[18,192],["D",1787661091162],[],[18,198],["D",1787661091162],[],[18,204],["D",1787661091162],[],[18,210],["D",1787661091162],[],[18,216],["D",1787661091162],[],[18,222],["D",1787661091162],[],[18,228],["D",1787661091162],[],[18,234],["D",1787661091162],[],[18,240],["D",1787661091162],[],[18,246],["D",1787661091162],[],[18,252],["D",1787661091162],[],[18,258],["D",1787661091162],[],[18,263],["D",1787661091162],[515,516,517,518,519,520,521,522,523,524,525,526,527,528,529,530,531,532,533,534,535,536,537,538,539,540,541],[18],"c87919f7-b00c-4dfc-962f-f7a3f09bc15d","pricing.ts","01a038e7-814e-767d-b08a-429035577554","01a038e7-814e-767d-b08a-44705641e7eb",["D",1787661091162],"// Pricing model — a faithful port of the Python pipeline (push_dashboard.py) and of the\n// \"Parameters\" sheet of the Excel workbook.\n//\n// Les valeurs ci-dessous ne sont plus que le repli : la source de vérité est le blob\n// `params` (voir params.ts), édité depuis l'onglet Parameters et lu par le pipeline\n// Python. `applyParams()` recharge PARAMS à l'ouverture du dashboard ; si l'appel API\n// échoue, on garde ces constantes plutôt que de calculer avec des valeurs vides.\n//\n// PARAMS reste un objet muté sur place, et non remplacé : les fonctions ci-dessous le\n// capturent par référence, et une réaffectation les laisserait sur l'ancien objet.\n\nexport const PARAMS = {\n OPEX: 0.086, // B5 — operating expenses, % of price excl. VAT\n MKTG: 0.10, // B15 — marketing, % of price excl. VAT\n VAT: 0.20, // B16\n WEEE_GROSS: 10.584, // B11 — gross WEEE take-back cost\n TAKEBACK: 0.15, // B12 — share of units actually taken back\n RET_MDA: 0.037, // B13 — return rate, large appliances (CCV)\n RET_SDA: 0.10, // B14 — return rate, small appliances (DPD)\n SHIP_SDA: 6.49, // B17 — delivery charged to the customer, incl. VAT (DPD)\n SHIP_MDA: 27.31, // B18 — delivery charged to the customer, incl. VAT (CCV)\n};\n\n/** Applique les paramètres enregistrés. Seules les clés connues et numériques sont\n * reprises : une réponse partielle ou abîmée ne doit pas introduire de NaN dans le\n * breakeven, où il se propagerait silencieusement à toutes les marges. */\nexport function applyParams(values: Partial>): void {\n for (const k of Object.keys(PARAMS) as (keyof typeof PARAMS)[]) {\n const v = values?.[k];\n if (typeof v === \"number\" && isFinite(v)) PARAMS[k] = v;\n }\n}\n\n/** DPD rate per kg bracket (index = ceil(weight)), incl. VAT. Above 30 kg → CCV. */\nexport const DPD_RATES: Record = {\n 1: 5.49, 2: 5.49, 3: 5.79, 4: 6.09, 5: 6.39, 6: 6.69, 7: 6.99, 8: 7.29, 9: 7.59, 10: 7.89,\n 11: 8.29, 12: 8.69, 13: 9.09, 14: 9.49, 15: 9.89, 16: 10.29, 17: 10.69, 18: 11.09,\n 19: 11.49, 20: 11.89, 21: 12.29, 22: 12.69, 23: 13.09, 24: 13.49, 25: 13.89, 26: 14.29,\n 27: 14.69, 28: 15.09, 29: 15.49, 30: 15.89,\n};\n\n/** CCV rate by weight bracket: [min kg, rate]. The last bracket ≤ weight wins. */\nexport const CCV_BRACKETS: [number, number][] = [\n [0, 36.66], [30, 42.63], [40, 48.60], [50, 54.08], [60, 59.84], [70, 67.76],\n [80, 75.69], [90, 83.62], [100, 91.55], [110, 99.47], [120, 107.40], [130, 115.32],\n [140, 123.25], [150, 131.17], [160, 139.10], [170, 147.03],\n];\n\n/** Categories shipped by DPD when light enough. Everything else goes CCV. */\nexport const DPD_CATEGORIES = new Set([\n \"Blender\", \"Kettle\", \"Toaster\", \"Food Chopper\", \"Hot Beverage Machine\",\n \"Hand Blender\", \"Coffee Machine\", \"Air Fryer\",\n \"Stick Vacuum\", \"Cylinder Vacuum\", \"Handheld Vacuum\", \"Wet & Dry\",\n \"Robot Vacuum\", \"Steam Cleaner\", \"Air Treatment\",\n \"Consumable\", \"Microwave\",\n]);\n\n/** Every category known to the pipeline, grouped for the simulator's dropdown. */\nexport const CATEGORIES: { grp: string; cats: string[] }[] = [\n { grp: \"Cooling\", cats: [\"Refrigerator / Fridge-Freezer\", \"Built-in Refrigerator\", \"Freezer\", \"Built-in Freezer\", \"Wine Cellar\"] },\n { grp: \"Washing\", cats: [\"Washing Machine\", \"Built-in Washing Machine\", \"Tumble Dryer\", \"Built-in Tumble Dryer\", \"Dishwasher\", \"Built-in Dishwasher\", \"Drying Cabinet\"] },\n { grp: \"Cooking\", cats: [\"Cooker\", \"Built-in Oven\", \"Hob\", \"Hood\", \"Microwave\", \"Built-in Microwave\", \"Steam Drawer / Specialties\"] },\n { grp: \"Floorcare\", cats: [\"Stick Vacuum\", \"Cylinder Vacuum\", \"Handheld Vacuum\", \"Robot Vacuum\", \"Wet & Dry\", \"Steam Cleaner\", \"Air Treatment\"] },\n { grp: \"KSDA\", cats: [\"Coffee Machine\", \"Hot Beverage Machine\", \"Air Fryer\", \"Blender\", \"Hand Blender\", \"Kettle\", \"Toaster\", \"Food Chopper\"] },\n { grp: \"TV\", cats: [\"TV\"] },\n { grp: \"Consumable\", cats: [\"Consumable\"] },\n];\n\nexport type Carrier = \"DPD\" | \"CCV\";\n\n/** DPD only for small-appliance categories up to 30 kg — same rule as the pipeline. */\nexport function carrierFor(weight: number | null, category: string): Carrier {\n if (DPD_CATEGORIES.has(category) && (weight ?? 0) <= 30) return \"DPD\";\n return \"CCV\";\n}\n\n/** Outbound logistics cost per unit. Returns null when out of the DPD grid (>30 kg). */\nexport function logisticsCost(weight: number | null, carrier: Carrier): number | null {\n if (weight == null) return null;\n if (carrier === \"DPD\") return DPD_RATES[Math.ceil(weight)] ?? null;\n let rate = CCV_BRACKETS[0][1];\n for (const [kgMin, r] of CCV_BRACKETS) if (weight >= kgMin) rate = r;\n return rate + PARAMS.WEEE_GROSS * PARAMS.TAKEBACK;\n}\n\n/** Breakeven price INCL. VAT, rounded up to the next €10 — identical to the pipeline. */\nexport function breakeven(cost: number | null, logi: number | null, carrier: Carrier): number | null {\n if (!cost || logi == null) return null;\n const { RET_MDA, RET_SDA, SHIP_MDA, SHIP_SDA, OPEX, MKTG, VAT } = PARAMS;\n const ret = carrier === \"CCV\" ? RET_MDA : RET_SDA;\n const ship = carrier === \"CCV\" ? SHIP_MDA : SHIP_SDA;\n const be = (cost + logi * (1 + ret) - ship / (1 + VAT)) / (1 - OPEX - MKTG) * (1 + VAT);\n return Math.ceil(be / 10) * 10;\n}\n\n/** Gross margin = (excl. VAT price − standard cost − eco-participation) / excl. VAT price.\n * This is the \"Margin\" shown everywhere else in the dashboard. It deliberately ignores\n * logistics, returns, OPEX and marketing — so it is NOT zero at the breakeven price. */\nexport function grossMargin(priceIncl: number | null, cost: number | null, deee: number): number | null {\n if (!priceIncl || cost == null) return null;\n const ht = priceIncl / (1 + PARAMS.VAT);\n return ht > 0 ? (ht - cost - deee) / ht : null;\n}\n\n/** Price incl. VAT that yields a given gross margin. */\nexport function priceForGrossMargin(margin: number, cost: number | null, deee: number): number | null {\n if (cost == null || margin >= 1) return null;\n return ((cost + deee) / (1 - margin)) * (1 + PARAMS.VAT);\n}\n\n/** Full contribution margin: what actually remains once every variable cost is deducted —\n * logistics (grossed up for returns), the delivery the customer pays back, OPEX and\n * marketing. Zero (by construction) at the unrounded breakeven price. */\nexport function contributionMargin(\n priceIncl: number | null, cost: number | null, deee: number,\n logi: number | null, carrier: Carrier,\n): { amount: number; rate: number } | null {\n if (!priceIncl || cost == null || logi == null) return null;\n const { RET_MDA, RET_SDA, SHIP_MDA, SHIP_SDA, OPEX, MKTG, VAT } = PARAMS;\n const ret = carrier === \"CCV\" ? RET_MDA : RET_SDA;\n const ship = carrier === \"CCV\" ? SHIP_MDA : SHIP_SDA;\n const ht = priceIncl / (1 + VAT);\n const amount = ht - cost - deee - logi * (1 + ret) + ship / (1 + VAT) - ht * (OPEX + MKTG);\n return { amount, rate: ht > 0 ? amount / ht : 0 };\n}\n\n/** True breakeven, incl. VAT, once the eco-participation is also covered.\n * The catalogue formula (above) omits the DEEE, so it sits slightly BELOW the price at\n * which contribution actually reaches zero. Unrounded, to show the real threshold. */\nexport function breakevenWithDeee(\n cost: number | null, deee: number, logi: number | null, carrier: Carrier,\n): number | null {\n if (!cost || logi == null) return null;\n const { RET_MDA, RET_SDA, SHIP_MDA, SHIP_SDA, OPEX, MKTG, VAT } = PARAMS;\n const ret = carrier === \"CCV\" ? RET_MDA : RET_SDA;\n const ship = carrier === \"CCV\" ? SHIP_MDA : SHIP_SDA;\n return (cost + deee + logi * (1 + ret) - ship / (1 + VAT)) / (1 - OPEX - MKTG) * (1 + VAT);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Official eco-participation scale — ecosystem, \"Barème EEE ménagers\",\n// version 27/03/2026, amounts applicable from 1 January 2026. Amounts are EXCL. VAT.\n// Where the scale offers eco-modulated variants (HFC gas, removable battery, RFB),\n// we take the standard case — the penalty variants are noted in `note`.\n// CAVEAT: the scale brackets are on NET weight, while the catalogue often carries\n// packaged weight. Near a bracket boundary, check the net weight.\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DeeeBracket {\n /** Upper bound of the bracket, on the driver's unit. Last bracket has none. */\n upTo?: number;\n value: number;\n label: string;\n code: string;\n}\n\nexport interface DeeeTariff {\n /** What the amount depends on: net weight (kg), screen size (inches), or nothing. */\n driver: \"weight\" | \"screen\" | \"none\";\n /** ecosystem equipment family this catalogue category maps to. */\n family: string;\n brackets: DeeeBracket[];\n note?: string;\n}\n\n/** Catalogue category → official tariff. */\nexport const DEEE_SCALE: Record = {\n // ── Gros électroménager produisant du froid (Cat. 01) — one weight scale ──\n ...Object.fromEntries(\n [\"Refrigerator / Fridge-Freezer\", \"Built-in Refrigerator\", \"Freezer\",\n \"Built-in Freezer\", \"Wine Cellar\"].map((c) => [c, {\n driver: \"weight\" as const,\n family: \"Réfrigérateur / Congélateur / Cave à vin\",\n brackets: [\n { upTo: 40, value: 12.23, label: \"≤ 40 kg\", code: \"11023\" },\n { upTo: 80, value: 20.20, label: \"40–80 kg\", code: \"11013\" },\n { value: 25.17, label: \"> 80 kg\", code: \"11083\" },\n ],\n }]),\n ),\n\n // ── Lave-linge / lave-vaisselle / sèche-linge (Cat. 04) ──\n ...Object.fromEntries(\n [\"Washing Machine\", \"Built-in Washing Machine\", \"Dishwasher\",\n \"Built-in Dishwasher\", \"Tumble Dryer\", \"Built-in Tumble Dryer\"].map((c) => [c, {\n driver: \"none\" as const,\n family: \"Lave-linge / Lave-vaisselle / Sèche-linge\",\n brackets: [{ value: 12.85, label: \"absence de gaz HFC\", code: \"14013\" }],\n note: \"Avec gaz HFC : 14,48 € (lave-linge, séchant) ou 13,93 € (lave-vaisselle combiné).\",\n }]),\n ),\n\n // ── Autre gros électroménager hors froid ──\n \"Cooker\": {\n driver: \"none\", family: \"Cuisinière\",\n brackets: [{ value: 12.20, label: \"forfait\", code: \"14020\" }],\n },\n \"Drying Cabinet\": {\n driver: \"none\", family: \"Appareil de séchage\",\n brackets: [{ value: 12.20, label: \"forfait\", code: \"14020\" }],\n },\n \"Built-in Oven\": {\n driver: \"weight\", family: \"Four encastrable\",\n brackets: [\n { upTo: 30, value: 7.13, label: \"≤ 30 kg\", code: \"14160\" },\n { value: 12.20, label: \"> 30 kg\", code: \"14170\" },\n ],\n },\n \"Microwave\": {\n driver: \"none\", family: \"Four micro-ondes\",\n brackets: [{ value: 3.17, label: \"forfait\", code: \"15120\" }],\n },\n \"Built-in Microwave\": {\n driver: \"none\", family: \"Four micro-ondes\",\n brackets: [{ value: 3.17, label: \"forfait\", code: \"15120\" }],\n },\n ...Object.fromEntries(\n [\"Hood\", \"Hob\", \"Steam Drawer / Specialties\"].map((c) => [c, {\n driver: \"none\" as const,\n family: \"Hotte / Table de cuisson / Tiroir chauffe-plat\",\n brackets: [{ value: 3.90, label: \"forfait\", code: \"14030\" }],\n }]),\n ),\n\n // ── Électronique grand public — TV, driven by SCREEN SIZE, not weight ──\n \"TV\": {\n driver: \"screen\", family: \"TV\",\n brackets: [\n { upTo: 32, value: 5.08, label: \"≤ 32\\\"\", code: \"42093\" },\n { upTo: 50, value: 9.26, label: \"32–50\\\"\", code: \"42083\" },\n { value: 12.64, label: \"> 50\\\"\", code: \"42073\" },\n ],\n note: \"Présence de RFB : +1,92 € (7,00 / 11,18 / 14,56 €).\",\n },\n\n // ── Aspirateurs (Cat. 05) ──\n \"Cylinder Vacuum\": {\n driver: \"none\", family: \"Aspirateur traîneau\",\n brackets: [{ value: 1.45, label: \"filaire, absence de RFB\", code: \"25013\" }],\n note: \"Présence de RFB : 2,45 €. Non filaire à batterie non séparable : 2,24 €.\",\n },\n \"Stick Vacuum\": {\n driver: \"none\", family: \"Aspirateur balai\",\n brackets: [{ value: 1.87, label: \"batterie séparable\", code: \"25074\" }],\n note: \"Batterie non séparable : 2,66 €. Filaire avec RFB : 2,87 €.\",\n },\n \"Robot Vacuum\": {\n driver: \"none\", family: \"Aspirateur robot\",\n brackets: [{ value: 2.83, label: \"batterie séparable\", code: \"25080\" }],\n note: \"Batterie non séparable : 3,62 €.\",\n },\n \"Handheld Vacuum\": {\n driver: \"none\", family: \"Aspirateur à main\",\n brackets: [{ value: 0.30, label: \"forfait\", code: \"25150\" }],\n },\n \"Wet & Dry\": {\n driver: \"none\", family: \"Aspirateur balai\",\n brackets: [{ value: 1.87, label: \"filaire, absence de RFB\", code: \"25073\" }],\n note: \"Le catalogue applique encore 1,86 € (barème antérieur). Si l'appareil relève plutôt \"\n + \"de « Nettoyage sols », le montant est de 1,71 €.\",\n },\n \"Consumable\": {\n driver: \"none\", family: \"Autre petit PEM / accessoire\",\n brackets: [{ value: 0.30, label: \"forfait\", code: \"25150\" }],\n note: \"Beaucoup d'accessoires ne sont pas des EEE et ne supportent aucune éco-participation.\",\n },\n \"Steam Cleaner\": {\n driver: \"none\", family: \"Nettoyeur vapeur portatif\",\n brackets: [{ value: 0.35, label: \"portatif\", code: \"25040\" }],\n note: \"Repasseuse / centrale vapeur : 1,71 €.\",\n },\n\n // ── Petit électroménager cuisine ──\n \"Coffee Machine\": {\n driver: \"none\", family: \"Cafetière expresso\",\n brackets: [{ value: 1.14, label: \"expresso\", code: \"25100\" }],\n note: \"Cafetière à broyeur : 1,74 €. Cafetière filtre : 0,34 €.\",\n },\n \"Hot Beverage Machine\": {\n driver: \"none\", family: \"Cafetière filtre / Bouilloire / Théière\",\n brackets: [{ value: 0.34, label: \"forfait\", code: \"25033\" }],\n },\n \"Kettle\": {\n driver: \"none\", family: \"Bouilloire\",\n brackets: [{ value: 0.34, label: \"forfait\", code: \"25033\" }],\n },\n \"Toaster\": {\n driver: \"none\", family: \"Grille-pain\",\n brackets: [{ value: 0.35, label: \"forfait\", code: \"25040\" }],\n },\n \"Air Fryer\": {\n driver: \"none\", family: \"Friteuse\",\n brackets: [{ value: 0.35, label: \"forfait\", code: \"25040\" }],\n },\n ...Object.fromEntries(\n [\"Blender\", \"Hand Blender\", \"Food Chopper\"].map((c) => [c, {\n driver: \"none\" as const,\n family: \"Blender / Centrifugeuse / Mixeur\",\n brackets: [{ value: 0.33, label: \"forfait\", code: \"25140\" }],\n note: \"Robot pâtissier : 1,83 €. Robot chauffant : 2,05 €.\",\n }]),\n ),\n\n // ── Génie climatique ──\n \"Air Treatment\": {\n driver: \"weight\", family: \"Traitement de l'air\",\n brackets: [\n { upTo: 5, value: 0.91, label: \"≤ 5 kg\", code: \"15050\" },\n { value: 1.81, label: \"> 5 kg, sans fluide\", code: \"14040\" },\n ],\n note: \"Avec fluide frigorigène, l'appareil bascule sur le barème du froid (12,23 € ≤ 40 kg).\",\n },\n};\n\n/** The official eco-participation for a category, given weight (kg) or screen size (inches). */\nexport function officialDeee(\n category: string,\n weight: number | null,\n screenInches: number | null = null,\n): { value: number; bracket: DeeeBracket; tariff: DeeeTariff } | null {\n const t = DEEE_SCALE[category];\n if (!t) return null;\n const driverValue = t.driver === \"screen\" ? screenInches : t.driver === \"weight\" ? weight : null;\n if (t.driver !== \"none\" && driverValue == null) {\n // No driver value yet — fall back to the first bracket so the field is never empty\n return { value: t.brackets[0].value, bracket: t.brackets[0], tariff: t };\n }\n for (const b of t.brackets) {\n if (b.upTo == null || (driverValue ?? 0) <= b.upTo) return { value: b.value, bracket: b, tariff: t };\n }\n const last = t.brackets[t.brackets.length - 1];\n return { value: last.value, bracket: last, tariff: t };\n}\n\n/** Flags a driver value close enough to a bracket boundary to be worth checking.\n * The window is asymmetric on weight: the scale is on NET weight while catalogue weights\n * are usually PACKAGED, so a product sitting just ABOVE a boundary is the risky case —\n * measured on the catalogue, 40–47 kg fridges carry the ≤ 40 kg amount. */\nexport function nearBracketBoundary(\n category: string, weight: number | null, screenInches: number | null = null,\n): number | null {\n const t = DEEE_SCALE[category];\n if (!t || t.driver === \"none\") return null;\n const v = t.driver === \"screen\" ? screenInches : weight;\n if (v == null) return null;\n const above = t.driver === \"weight\" ? 0.25 : 0.1; // packaging overhead only applies to weight\n for (const b of t.brackets) {\n if (b.upTo == null) continue;\n if (v > b.upTo && v <= b.upTo * (1 + above)) return b.upTo;\n if (v <= b.upTo && v >= b.upTo * 0.9) return b.upTo;\n }\n return null;\n}\n\n/** One observed eco-participation value within a category, with the weights it covers. */\nexport interface DeeeBand {\n value: number;\n count: number;\n minWt: number | null;\n maxWt: number | null;\n}\n\n/** The eco-participation values actually used in a category, heaviest last.\n * On cooling appliances the amount follows a weight scale (12,23 € / 20,20 € / 25,17 €),\n * on most other categories a single value applies — this surfaces both cases. */\nexport function deeeBands(\n products: { cat?: string | null; deee?: number | null; wt?: number | null }[],\n category: string,\n): DeeeBand[] {\n const byValue = new Map();\n for (const p of products) {\n if (p.cat !== category || !p.deee || p.deee <= 0) continue;\n const k = p.deee.toFixed(2);\n const e = byValue.get(k) ?? { count: 0, wts: [] };\n e.count++;\n if (p.wt != null) e.wts.push(p.wt);\n byValue.set(k, e);\n }\n return [...byValue.entries()]\n .map(([k, e]) => ({\n value: parseFloat(k),\n count: e.count,\n minWt: e.wts.length ? Math.min(...e.wts) : null,\n maxWt: e.wts.length ? Math.max(...e.wts) : null,\n }))\n .sort((a, b) => a.value - b.value);\n}\n\n/** Best guess for a new product's eco-participation: the value used by the catalogue\n * products of the same category whose weight is closest. Falls back to the most common\n * value in the category when no weight is available. Returns null if the category has none. */\nexport function suggestDeee(\n products: { cat?: string | null; deee?: number | null; wt?: number | null }[],\n category: string,\n weight: number | null,\n neighbours = 7,\n): number | null {\n const pool = products.filter((p) => p.cat === category && p.deee && p.deee > 0);\n if (pool.length === 0) return null;\n\n const withWt = pool.filter((p) => p.wt != null);\n if (weight != null && withWt.length > 0) {\n const near = [...withWt]\n .sort((a, b) => Math.abs((a.wt ?? 0) - weight) - Math.abs((b.wt ?? 0) - weight))\n .slice(0, Math.min(neighbours, withWt.length));\n // Modal value among the nearest neighbours — robust to a stray outlier\n const tally = new Map();\n for (const p of near) {\n const k = (p.deee ?? 0).toFixed(2);\n tally.set(k, (tally.get(k) ?? 0) + 1);\n }\n let best = \"\", bestN = -1;\n for (const [k, n] of tally) if (n > bestN) { best = k; bestN = n; }\n return parseFloat(best);\n }\n\n const tally = new Map();\n for (const p of pool) {\n const k = (p.deee ?? 0).toFixed(2);\n tally.set(k, (tally.get(k) ?? 0) + 1);\n }\n let best = \"\", bestN = -1;\n for (const [k, n] of tally) if (n > bestN) { best = k; bestN = n; }\n return parseFloat(best);\n}\n\n/** Psychological rounding used by the pipeline for the recommended price: x9.99 */\nexport function roundPsy(v: number): number {\n return Math.ceil(v / 10) * 10 - 0.01;\n}\n",[],[709,702],"frontend","3dc73ebb-0c9a-480f-a425-aaa24c8dd6c7","ordersStore.ts","01a038e7-814e-767d-b08a-3e8be0f1f579",["D",1787661091162],"// Chargement MUTUALISÉ des lignes de commandes.\n//\n// `/api/business` renvoie l'intégralité du blob des commandes — près de 7 Mo. Quatre\n// onglets en ont besoin (Overview, Scorecards, Business, Logistic) et chacun le\n// téléchargeait pour son propre compte : quatre requêtes, ~28 Mo, plusieurs secondes\n// d'attente, et surtout des écrans qui affichaient des chiffres différents selon\n// l'ordre d'arrivée des réponses.\n//\n// Ici la requête est lancée UNE fois et sa promesse est conservée. Tout composant qui\n// la demande ensuite reçoit la même donnée, immédiatement si elle est déjà là. Les\n// quatre onglets sont donc toujours d'accord entre eux, par construction.\n\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport interface OrdersPayload {\n updated_at?: string;\n retention_days?: number;\n feeds?: Record;\n lines: any[];\n orphan_refunds?: any[];\n}\n\n/** null = le flux a répondu mais n'est pas exploitable (non configuré, erreur HTTP). */\ntype Loaded = OrdersPayload | null;\n\nlet inflight: Promise | null = null;\nlet settled: Loaded | undefined = undefined;\n\n/** Lance la requête si besoin, sinon rend la promesse en cours ou le résultat déjà là. */\nexport function loadOrders(): Promise {\n if (settled !== undefined) return Promise.resolve(settled);\n if (!inflight) {\n inflight = fetch(\"/api/business\")\n .then((r) => (r.ok ? r.json() : null))\n .then((d: Loaded) => {\n // Un payload sans tableau `lines` est inutilisable : on le ramène à null pour\n // que les écrans affichent leur message de configuration plutôt qu'un vide.\n settled = d && Array.isArray((d as OrdersPayload).lines) ? d : null;\n return settled;\n })\n .catch(() => {\n settled = null;\n return settled;\n });\n }\n return inflight;\n}\n\n/** Force un rechargement au prochain appel — utile après une synchro manuelle. */\nexport function invalidateOrders() {\n inflight = null;\n settled = undefined;\n}\n\n/**\n * `undefined` tant que la donnée n'est pas arrivée, `null` si elle est absente,\n * sinon le payload. Cette distinction est importante : elle permet aux écrans de\n * montrer un état de chargement au lieu d'un chiffre de repli qui ressemble à un\n * résultat définitif — c'est exactement ce qui faisait diverger Overview et Business.\n */\nexport function useOrders(): OrdersPayload | null | undefined {\n const [state, setState] = useState(settled);\n useEffect(() => {\n let alive = true;\n loadOrders().then((d) => { if (alive) setState(d); });\n return () => { alive = false; };\n }, []);\n return state;\n}\n",[],[709,711],"294849fe-1f54-47ea-9c43-3716b8cfdf23","index.tsx","01a038e7-814e-767d-b08a-38f6987734af",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport App from \"/frontend/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[709,718],"744396fd-fa97-4ed9-824c-99aba0685dc7","index.html","01a038e7-814e-767d-b08a-347ee2b04820",["D",1787661091162],"\n\n\n \n \n D2C France — E-commerce Dashboard\n \n \n \n \n \n\n\n

\n \n\n\n",[],[709,725],"5b9a47bd-cfa9-4ed2-8da1-12c7d3a87ff4","helpers.ts","01a038e7-814e-767d-b08a-338532de3bd9",["D",1787661091162],"// Shared helpers: formatting, filtering, aggregation, CSV export.\n\nexport interface Product {\n brand: string; code: number; ean?: string | null; name: string;\n cat?: string | null; grp: string; wt?: number | null; carrier?: string | null;\n lc: string; ss: string; sstock?: number | null; s48: number; s47p: number; s47d: number;\n cost?: number | null; pvc?: number | null; deee?: number | null; logi?: number | null;\n be?: number | null; mip?: number | null; rsp?: number | null; mrsp?: number | null;\n price?: number | null; mcur?: number | null; comp?: number | null; compname?: string | null;\n gap?: number | null; pos?: string | null; fc: number; cov?: number | null;\n sales: number; rev?: number | null; revPre?: number | null; salesPre?: number | null;\n spw?: number | null; st?: number | null; fneed?: string | null;\n cstat: string; cact: string; img?: string | null;\n}\n\n/** Category groups. `icon` maps to a component in Icons.tsx (see GROUP_ICONS). */\nexport const GROUPS = [\n { key: \"Cooling\", label: \"Cooling\", icon: \"fridge\" },\n { key: \"Washing\", label: \"Washing\", icon: \"washer\" },\n { key: \"Cooking\", label: \"Cooking\", icon: \"oven\" },\n { key: \"Floorcare\", label: \"Floorcare\", icon: \"vacuum\" },\n { key: \"KSDA\", label: \"KSDA\", icon: \"coffee\" },\n { key: \"TV\", label: \"TV\", icon: \"tv\" },\n { key: \"Consumable\", label: \"Consumable\", icon: \"detergent\" },\n { key: \"Other\", label: \"Other\", icon: \"other\" },\n];\n\nexport const BRAND_COLORS: Record = {\n CANDY: \"bg-sky-600\", HOOVER: \"bg-red-600\", HAIER: \"bg-blue-900\",\n};\n\nexport const fmtInt = (n: number | null | undefined) =>\n n == null ? \"—\" : Math.round(n).toLocaleString(\"en-US\");\n\nexport const fmtEur = (n: number | null | undefined, dec = 2) =>\n n == null ? \"—\" : n.toLocaleString(\"en-US\", { minimumFractionDigits: dec, maximumFractionDigits: dec }) + \" €\";\n\nexport const fmtPct = (n: number | null | undefined, dec = 1) =>\n n == null || !isFinite(n) ? \"—\" : (n * 100).toFixed(dec) + \"%\";\n\n// ── Commercial / technical alert derivation ───────────────────────────────────\nexport interface Alert { type: \"commercial\" | \"technical\"; issue: string; severity: number; detail?: string }\n\nexport function productAlerts(p: Product): Alert[] {\n const out: Alert[] = [];\n const price = p.price ?? 0;\n // Technical (catalogue actions from pipeline)\n if (p.cact && !p.cact.includes(\"No action\") && !p.cact.includes(\"Listing ready\")) {\n out.push({ type: \"technical\", issue: p.cact, severity: p.cact.includes(\"Create\") || p.cact.includes(\"Activate\") ? 1 : 2 });\n }\n // Commercial\n if (price > 0 && p.be != null && price < p.be) {\n out.push({ type: \"commercial\", issue: \"🔴 Price below breakeven\", severity: 1, detail: `${fmtEur(price)} < BE ${fmtEur(p.be)}` });\n } else if (price > 0 && p.mip != null && price < p.mip) {\n out.push({ type: \"commercial\", issue: \"🟠 Price below min internal price\", severity: 2, detail: `${fmtEur(price)} < MIP ${fmtEur(p.mip)}` });\n }\n if (p.pos === \"above\" && price > 0) {\n out.push({ type: \"commercial\", issue: \"🔴 Above market price\", severity: 2, detail: `Gap ${fmtPct(p.gap)} vs ${p.compname ?? \"competitor\"}` });\n }\n const activeLc = !/(End of Life|Phasing Out|Discontinued|Out of SCP)/i.test(p.lc);\n if (activeLc && p.fc > 0 && (p.st ?? 0) < 0.7 && p.s48 > 0 && p.sales >= 0) {\n out.push({ type: \"commercial\", issue: \"🟡 Low sell-through (<70%)\", severity: 3, detail: `${fmtPct(p.st)} — stock ${fmtInt(p.s48)} u` });\n }\n if (p.fneed && (p.fneed.includes(\"to plan\") || p.fneed.includes(\"to forecast\"))) {\n out.push({ type: \"commercial\", issue: \"📈 Forecast insufficient\", severity: 2, detail: p.fneed });\n }\n return out;\n}\n\n// ── Revenue, one definition for the whole dashboard ───────────────────────────\n// Every revenue figure is built the same way:\n// BI invoiced NSV before the Shopify cut-over (migration: Shopify is unusable)\n// + Shopify shipped from the cut-over onwards (fresher, synced nightly)\n// Shopify revenue is excl. VAT, excl. eco-participation (as the BI's NSV), net of\n// discounts, with refunds deducted on their own refund date.\n// Tabs differ only in SCOPE — whether services and delivery are counted — never in\n// the underlying definition.\n\nexport const DEFAULT_CUTOVER = \"2026-03-01\";\n\n/** Shipped revenue per SKU from the orders feed, over [from, to]. */\nexport function shippedRevenueBySku(\n lines: any[], products: Product[], from: string, to: string,\n): Record {\n const deee: Record = {};\n for (const p of products) deee[String(p.code)] = p.deee ?? 0;\n const out: Record = {};\n for (const l of lines) {\n if (l.k !== \"ful\" && l.k !== \"ref\") continue;\n const d = l.k === \"ref\" ? l.rf : (l.f || l.d);\n if (!d || d < from || d > to) continue;\n const sku = String(l.sku ?? \"\");\n const amt = (l.n != null ? l.n : l.p * l.q) / 1.2 - (deee[sku] ?? 0) * l.q;\n out[sku] = (out[sku] ?? 0) + (l.k === \"ref\" ? -amt : amt);\n }\n return out;\n}\n\n/** Delivery charged to the customer over [from, to] — counted once per order. */\nexport function shippedDelivery(lines: any[], from: string, to: string): number {\n const seen = new Set();\n let s = 0;\n for (const l of lines) {\n if (l.k !== \"ful\") continue;\n const d = l.f || l.d;\n if (!d || d < from || d > to) continue;\n if (l.ship && !seen.has(l.o)) { seen.add(l.o); s += l.ship / 1.2; }\n }\n return s;\n}\n\n/** BI revenue for the part of [from, …] that precedes the cut-over.\n * The BI is only available as a per-SKU total, not day by day, so it is added whole —\n * and only when the selected period actually starts before the cut-over. Returns 0 as\n * soon as the period starts later, or while the pipeline has not published `revPre`. */\nexport function preCutoverRevenue(\n products: Product[], from: string, cutover = DEFAULT_CUTOVER,\n): number {\n if (from >= cutover) return 0;\n return products.reduce((s, p) => s + (p.revPre ?? 0), 0);\n}\n\n/** Date à laquelle la fenêtre Shopify doit réellement commencer.\n *\n * Dès que la part BI couvre les mois antérieurs à la bascule, Shopify ne doit PAS\n * les couvrir aussi : Shopify contient un résidu sur ces mois (73 k€ en janvier–février,\n * la migration n'ayant laissé qu'une fraction des ventes), qui serait sinon additionné\n * au BI. Toujours passer par cette fonction plutôt que d'utiliser `from` directement. */\nexport function shopifyWindowStart(\n from: string, cutover = DEFAULT_CUTOVER, biIncluded = true,\n): string {\n return biIncluded && from < cutover ? cutover : from;\n}\n\n/** Quantités facturées avant la bascule — pendant de preCutoverRevenue.\n * Les deux vont toujours ensemble : afficher un CA complet en face d'unités\n * partielles fausserait le panier moyen et le prix de vente moyen. */\nexport function preCutoverUnits(\n products: Product[], from: string, cutover = DEFAULT_CUTOVER,\n): number {\n if (from >= cutover) return 0;\n return products.reduce((s, p) => s + (p.salesPre ?? 0), 0);\n}\n\n// ── Aggregation ───────────────────────────────────────────────────────────────\n/** @param revBySku optional per-SKU revenue override (composed BI + Shopify figure). */\nexport function aggregate(products: Product[], revBySku?: Record) {\n const sales = products.reduce((s, p) => s + (p.sales || 0), 0);\n const fc = products.reduce((s, p) => s + (p.fc || 0), 0);\n const active = products.filter((p) => p.ss === \"Active\").length;\n const alerts = products.reduce((s, p) => s + productAlerts(p).length, 0);\n // Revenue = invoiced NSV from the BI (excl. VAT, net of discounts) — the same figure\n // as the internal reporting. Falls back to Σ site price × units only when the orders\n // export carries no NSV column, in which case it is VAT-inclusive and pre-discount.\n const hasNsv = products.some((p) => (p.rev ?? 0) > 0);\n const revOf = (p: Product) =>\n revBySku ? (revBySku[String(p.code)] ?? 0)\n : hasNsv ? (p.rev ?? 0)\n : (p.price ?? 0) * (p.sales || 0);\n const rev = products.reduce((s, p) => s + revOf(p), 0);\n // Revenue-weighted average current margin\n let wm = 0, wrev = 0;\n for (const p of products) {\n const w = revOf(p);\n if (p.mcur != null && w > 0) { wm += p.mcur * w; wrev += w; }\n }\n const avgMargin = wrev > 0 ? wm / wrev : null;\n return {\n count: products.length, sales, fc, st: fc > 0 ? sales / fc : null,\n active, alerts, rev, avgMargin, revIsInvoiced: hasNsv || !!revBySku,\n };\n}\n\nexport const fmtEurK = (n: number | null | undefined) => {\n if (n == null || !isFinite(n)) return \"—\";\n if (Math.abs(n) >= 1e6) return (n / 1e6).toFixed(2) + \" M€\";\n if (Math.abs(n) >= 1e3) return (n / 1e3).toFixed(1) + \" k€\";\n return n.toFixed(0) + \" €\";\n};\n\n/** Complète une série journalière avec les jours absents, à zéro.\n *\n * Une agrégation par date ne produit une entrée que pour les jours où il s'est passé\n * quelque chose. Tracée telle quelle, la série accole un vendredi et un lundi comme\n * s'ils étaient consécutifs : le graphique devient faux, et les journées réellement\n * faibles ressemblent à des trous de données. On matérialise donc les jours vides.\n *\n * Le remplissage se limite à l'intervalle réellement observé : un filtre plus large\n * que les données ne doit pas générer de barres vides en tête ou en fin de série. */\nexport function fillDays(series: [string, number][], until?: string): [string, number][] {\n if (series.length < 2) return series;\n const map = new Map(series);\n const last = series[series.length - 1][0];\n // `until` permet de prolonger jusqu'à aujourd'hui même si aucune donnée n'est encore\n // remontée : une journée connue mais vide doit se voir, sinon on la croit oubliée.\n const end = until && until > last ? until : last;\n const out: [string, number][] = [];\n const d = new Date(series[0][0] + \"T12:00:00Z\");\n for (let guard = 0; guard < 1000; guard++) {\n const iso = d.toISOString().slice(0, 10);\n out.push([iso, map.get(iso) ?? 0]);\n if (iso >= end) break;\n d.setUTCDate(d.getUTCDate() + 1);\n }\n return out;\n}\n\n/** Jour de week-end — sert à expliquer visuellement les journées à zéro. */\nexport function isWeekend(iso: string): boolean {\n const g = new Date(iso + \"T12:00:00Z\").getUTCDay();\n return g === 0 || g === 6;\n}\n\n/** Nom d'utilisateur affichable, jamais une adresse e-mail complète.\n * Les entrées d'audit déjà enregistrées contiennent parfois une adresse (et un motif\n * du type « a@b.com (cancelled by c@d.com) ») : on n'en garde que la partie locale,\n * ce qui préserve la lisibilité du journal sans exposer d'adresse personnelle.\n * L'historique stocké n'est pas réécrit — le masquage se fait à l'affichage. */\nexport function displayUser(v?: string | null): string {\n if (!v) return \"—\";\n return v.replace(/([\\w.+-]+)@[\\w.-]+\\.\\w+/g, \"$1\");\n}\n\nexport function groupBy(arr: T[], key: (t: T) => string): Record {\n const out: Record = {};\n for (const item of arr) (out[key(item)] ??= []).push(item);\n return out;\n}\n\n// ── CSV export ────────────────────────────────────────────────────────────────\nexport function downloadCSV(filename: string, headers: string[], rows: (string | number | null | undefined)[][]) {\n const esc = (v: string | number | null | undefined) => {\n const s = v == null ? \"\" : String(v);\n return /[\",;\\n]/.test(s) ? `\"${s.replace(/\"/g, '\"\"')}\"` : s;\n };\n const csv = [headers.map(esc).join(\";\"), ...rows.map((r) => r.map(esc).join(\";\"))].join(\"\\n\");\n const blob = new Blob([\"\" + csv], { type: \"text/csv;charset=utf-8\" });\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob);\n a.download = filename;\n a.click();\n URL.revokeObjectURL(a.href);\n}\n",[],[709,732],"aa944b09-c69c-4c60-a0f5-ac713cac5251","forecasting.ts","01a038e7-814e-767d-b08a-2d2dfa77ad9a",["D",1787661091162],"// Moteur de prévision — méthode calée sur l'historique réel, pas choisie a priori.\n//\n// ─────────────────────────────────────────────────────────────────────────────\n// CE QUE DISENT LES DONNÉES (backtest à origine glissante sur 13 mois, 522 SKU)\n//\n// 1. La demande est massivement intermittente : sur la classification\n// Syntetos-Boylan-Croston, 60 % des références sont « intermittentes » et 27 %\n// « heurtées ». Seules 1,1 % sont lisses. Aucune méthode saisonnière par référence\n// n'est estimable sur des séries pareilles.\n//\n// 2. Les méthodes conçues pour l'intermittence ne gagnent pas ici. Mesuré :\n// Croston MASE 1,237, SBA 1,066, TSB 1,087 — toutes battues par le naïf. C'est\n// cohérent avec la compétition M5, où le naïf saisonnier devançait Croston de 11,5 %.\n//\n// 3. L'extrapolation de tendance est désastreuse : biais +126 % à 6 mois pour une\n// dérive linéaire, +333 % pour une tendance amortie. La croissance du portefeuille\n// vient des NOUVELLES références (293 des 522 sont apparues en 2026), pas des\n// existantes — celles-ci reculent de 57 % d'un semestre à l'autre.\n//\n// 4. Ce qui marche : un niveau récent pour l'horizon court, une moyenne longue pour\n// l'horizon lointain. La fenêtre d'historique est le seul réglage qui compte.\n//\n// 5. La sur-prévision à horizon lointain (+25 % mesuré) vient presque entièrement des\n// références en fin de vie que l'on continue de projeter. Les ramener à zéro corrige\n// le biais à +5,8 % sans aucun coefficient arbitraire — c'est la raison pour laquelle\n// ce module n'applique AUCUNE décroissance automatique : le cycle de vie explique\n// mieux le phénomène qu'un pourcentage appliqué à tout le monde.\n//\n// Pas de saisonnalité : elle n'existe pas franchement sur le gros électroménager, et\n// les 13 mois disponibles ne permettraient de toute façon pas de la distinguer du cycle\n// de vie produit.\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface ForecastParams {\n /** Fenêtre d'historique retenue pour estimer le niveau, en mois. Seul vrai levier. */\n window: number;\n /** Part marketplace visée à terme. null = pas d'hypothèse, aucun effet. */\n mpShareTarget: number | null;\n /** Part marketplace observée sur les dernières semaines, point de départ. */\n mpShareCurrent: number;\n /** Ramener à zéro la prévision des références en fin de vie. */\n zeroEndOfLife: boolean;\n}\n\nexport const DEFAULT_FORECAST_PARAMS: ForecastParams = {\n window: 6,\n mpShareTarget: null,\n mpShareCurrent: 0,\n zeroEndOfLife: true,\n};\n\n// ── Cycle de vie ─────────────────────────────────────────────────────────────\nexport type LifeStage = \"active\" | \"launch\" | \"end of life\" | \"unknown\";\n\n/** Deux sources décrivent le cycle de vie et ne s'accordent pas toujours : le statut\n * du catalogue (issu du SCP, le même que dans l'onglet Products) et le champ PIPO du\n * fichier Demand Planning. On retient le plus prudent des deux — si l'une des sources\n * annonce une fin de vie, on ne va pas prévoir des volumes comme si de rien n'était. */\nexport function lifeStage(catalogueLc?: string | null, pipo?: string | null): LifeStage {\n const lc = (catalogueLc ?? \"\").toLowerCase();\n const pi = (pipo ?? \"\").toUpperCase();\n\n if (/end of life|phasing out|discontinued|out of scp/.test(lc)) return \"end of life\";\n if (pi.startsWith(\"PHASE OUT\") || pi.startsWith(\"PHASING OUT\")) return \"end of life\";\n if (/new|nouveau/.test(lc) || pi.startsWith(\"PHASE IN\")) return \"launch\";\n if (/active/.test(lc) || pi.startsWith(\"ACTIF\")) return \"active\";\n return \"unknown\";\n}\n\n/** Moyenne pondérée des `window` derniers mois, poids décroissant en 0,5^(i/halfLife).\n * halfLife très grand ⇒ moyenne simple ; halfLife = 1 ⇒ le dernier mois pèse le double\n * du précédent. */\nexport function weightedLevel(hist: number[], halfLife: number, window: number): number {\n const seg = hist.slice(-window).reverse();\n if (seg.length === 0) return 0;\n // halfLife = Infinity signifie « moyenne simple ». Passer par 0,5^(i/1000) donnerait\n // un poids de 0,9986 au troisième mois : presque un, mais assez pour que la moyenne\n // ne soit pas exactement la moyenne, ce qui rend les contrôles impossibles à écrire.\n const flat = !isFinite(halfLife);\n let num = 0, den = 0;\n for (let i = 0; i < seg.length; i++) {\n const w = flat ? 1 : Math.pow(0.5, i / halfLife);\n num += seg[i] * w;\n den += w;\n }\n return den > 0 ? num / den : 0;\n}\n\n/** Niveau composite : réactif à l'horizon 1, stable à l'horizon 6.\n * Le poids bascule linéairement, ce qui reproduit le fait mesuré que la moyenne\n * récente gagne à court terme (MASE 1,024 contre 1,172) et perd à long terme\n * (0,934 contre 0,777). */\nexport function compositeLevel(hist: number[], horizon: number, window: number): number {\n const a = Math.max(0, Math.min(1, 1 - (horizon - 1) / 5));\n return a * weightedLevel(hist, 1, window) + (1 - a) * weightedLevel(hist, Infinity, window);\n}\n\nexport interface SkuForecastInput {\n hist: number[];\n /** Nombre de mois à prévoir. */\n horizon: number;\n stage: LifeStage;\n params: ForecastParams;\n}\n\nexport interface SkuForecastOutput {\n values: number[];\n level: number;\n /** Renseigné quand la prévision a été mise à zéro plutôt que calculée. */\n zeroedReason: string | null;\n}\n\nexport function forecastSku(input: SkuForecastInput): SkuForecastOutput {\n const { hist, horizon, stage, params } = input;\n const level = compositeLevel(hist, 1, params.window);\n\n // Une référence en fin de vie n'a pas vocation à être réapprovisionnée : on ne\n // prévoit rien, même si elle vend encore. C'est une décision d'assortiment, pas une\n // prédiction — et elle est réversible d'un clic.\n if (params.zeroEndOfLife && stage === \"end of life\") {\n return { values: Array(horizon).fill(0), level, zeroedReason: \"end of life\" };\n }\n\n // Montée en charge marketplace : le canal ajoute du volume sans rien retirer au DtoC,\n // donc on applique le rapport des « totaux pour 1 de DtoC ». Passer de 28 % à 35 % de\n // part marketplace, c'est multiplier le total par 1,108 — pas par 1,25.\n let uplift = 1;\n const t = params.mpShareTarget;\n if (t != null && params.mpShareCurrent < 0.999 && t < 0.999) {\n const u = (1 - params.mpShareCurrent) / (1 - t);\n if (isFinite(u) && u > 0) uplift = u;\n }\n\n const values: number[] = [];\n for (let h = 1; h <= horizon; h++) {\n values.push(compositeLevel(hist, h, params.window) * uplift);\n }\n return { values, level, zeroedReason: null };\n}\n\n// ── Classification de la demande ─────────────────────────────────────────────\nexport type DemandClass = \"smooth\" | \"erratic\" | \"intermittent\" | \"lumpy\" | \"no history\";\n\n/** Classification Syntetos-Boylan-Croston. Les seuils 1,32 et 0,49 sont ceux de la\n * littérature et servent à savoir à quel point une prévision par référence est fiable. */\nexport function classifyDemand(hist: number[]): { kind: DemandClass; adi: number; cv2: number } {\n const nz = hist.filter((v) => v > 0);\n if (nz.length === 0) return { kind: \"no history\", adi: 0, cv2: 0 };\n const adi = hist.length / nz.length;\n const mean = nz.reduce((s, v) => s + v, 0) / nz.length;\n const varc = nz.reduce((s, v) => s + (v - mean) ** 2, 0) / nz.length;\n const cv2 = mean > 0 ? varc / (mean * mean) : 0;\n const kind: DemandClass = adi < 1.32\n ? (cv2 < 0.49 ? \"smooth\" : \"erratic\")\n : (cv2 < 0.49 ? \"intermittent\" : \"lumpy\");\n return { kind, adi, cv2 };\n}\n\nexport type Reliability = \"high\" | \"medium\" | \"low\" | \"very low\" | \"n/a\";\n\n/** Traduit le profil de demande en fiabilité attendue de la prévision.\n *\n * C'est la même information, dite dans les termes de la décision à prendre : le profil\n * décrit la forme de la série, la fiabilité dit à quel point on peut s'appuyer sur le\n * chiffre proposé. Les deux dimensions jouent dans le même sens — plus la demande est\n * espacée et plus les volumes sautent, moins une prévision par référence tient. */\nexport function reliabilityOf(kind: DemandClass): Reliability {\n switch (kind) {\n case \"smooth\": return \"high\";\n case \"erratic\": return \"medium\";\n case \"intermittent\": return \"low\";\n case \"lumpy\": return \"very low\";\n default: return \"n/a\";\n }\n}\n\n/** Phrase d'explication, pour l'infobulle. */\nexport function reliabilityReason(kind: DemandClass): string {\n switch (kind) {\n case \"smooth\": return \"Sells every month at a steady rate — the forecast is dependable.\";\n case \"erratic\": return \"Sells every month but volumes swing — expect the total to be right, the monthly split less so.\";\n case \"intermittent\": return \"Months with no sales at all — the monthly split is largely arbitrary, judge the 6-month total.\";\n case \"lumpy\": return \"Months with no sales AND very uneven volumes — the least predictable case, worth a manual figure.\";\n default: return \"No sales history to work from.\";\n }\n}\n\n// ── Nouveaux produits : recherche d'analogue ─────────────────────────────────\nexport interface AnalogueCandidate {\n code: number;\n name: string;\n brand: string;\n pl: string;\n hist: number[];\n price?: number | null;\n cost?: number | null;\n grp?: string | null;\n}\n\nexport interface AnalogueMatch {\n candidate: AnalogueCandidate;\n score: number;\n reasons: string[];\n /** Courbe de démarrage de l'analogue : ses `n` premiers mois de vie commerciale. */\n rampUp: number[];\n}\n\n/** Trouve les références les plus proches d'un nouveau produit.\n *\n * L'approche est celle du « forecast par analogue » : à défaut d'historique propre,\n * on emprunte celui d'un produit comparable, puis on l'ajuste par le rapport de prix.\n * Le score combine gamme, marque et proximité tarifaire — ce sont les attributs dont\n * nous disposons de façon fiable, et il vaut mieux trois critères solides que dix\n * approximatifs.\n *\n * Seules les références ayant réellement démarré sont éligibles : reprendre la courbe\n * d'un produit qui n'a jamais décollé reviendrait à prévoir zéro. */\nexport function findAnalogues(\n target: { pl: string; brand: string; price?: number | null; grp?: string | null },\n pool: AnalogueCandidate[],\n limit = 5,\n rampMonths = 6,\n): AnalogueMatch[] {\n const out: AnalogueMatch[] = [];\n\n for (const c of pool) {\n const total = c.hist.reduce((s, v) => s + v, 0);\n if (total < 5) continue; // démarrage trop faible pour servir de modèle\n\n let score = 0;\n const reasons: string[] = [];\n\n if (c.pl && target.pl && c.pl === target.pl) { score += 50; reasons.push(\"same range\"); }\n else if (c.grp && target.grp && c.grp === target.grp) { score += 25; reasons.push(\"same family\"); }\n\n if (c.brand === target.brand) { score += 15; reasons.push(\"same brand\"); }\n\n if (target.price && c.price) {\n const ratio = Math.min(target.price, c.price) / Math.max(target.price, c.price);\n score += ratio * 35;\n const gap = Math.abs(target.price - c.price) / target.price;\n if (gap <= 0.15) reasons.push(\"close price\");\n else if (gap <= 0.35) reasons.push(\"comparable price\");\n }\n\n if (score <= 0) continue;\n\n const first = c.hist.findIndex((v) => v > 0);\n const rampUp = first === -1 ? [] : c.hist.slice(first, first + rampMonths);\n out.push({ candidate: c, score, reasons, rampUp });\n }\n\n return out.sort((a, b) => b.score - a.score).slice(0, limit);\n}\n\n/** Prévision d'un nouveau produit à partir de ses analogues.\n *\n * Trois principes, chacun corrigeant une erreur constatée sur les données réelles.\n *\n * 1. ON N'EXTRAPOLE JAMAIS AU-DELÀ DE CE QUE L'ANALOGUE A VÉCU. La version précédente\n * prolongeait la dernière valeur observée : un analogue lancé il y a deux mois et\n * monté à 176 unités voyait ce 176 recopié sur les quatre mois suivants. D'où des\n * projections plates à 31 ou 38 par mois pour des références qui vendent une unité.\n * Désormais un analogue ne pèse que sur les mois qu'il a réellement traversés.\n *\n * 2. ON CALE SUR L'ÂGE DU PRODUIT. Une référence qui vend depuis trois mois n'est pas\n * à son mois 1 : on lit la courbe de l'analogue à partir du même âge, sinon on lui\n * promet un démarrage qu'elle a déjà raté.\n *\n * 3. ON INDEXE SUR SON PROPRE DÉMARRAGE. Si le produit a vendu 1 unité là où ses\n * analogues en faisaient 8, il tourne à 12 % de leur rythme et il n'y a aucune\n * raison qu'il les rattrape. Le ratio observé/attendu corrige la projection —\n * c'est le geste standard du demand planning, et c'est ce qui manquait le plus.\n *\n * Le rapport de prix reste appliqué par-dessus : un produit deux fois plus cher se vend\n * rarement au même rythme. L'élasticité de -0,7 est une hypothèse explicite. */\nexport function forecastNewProduct(\n matches: AnalogueMatch[],\n targetPrice: number | null | undefined,\n horizon = 6,\n opts: { age?: number; observed?: number; elasticity?: number } = {},\n): { values: number[]; basedOn: number; index: number | null; expected: number } {\n const { age = 0, observed = 0, elasticity = -0.7 } = opts;\n const usable = matches.filter((m) => m.rampUp.length > 0);\n if (usable.length === 0) {\n return { values: Array(horizon).fill(0), basedOn: 0, index: null, expected: 0 };\n }\n\n const priceScale = (m: AnalogueMatch) => {\n if (!targetPrice || !m.candidate.price) return 1;\n const s = Math.pow(targetPrice / m.candidate.price, elasticity);\n return Math.max(0.3, Math.min(3, s)); // garde-fou contre un prix aberrant\n };\n\n // ── Indexation sur le démarrage réel ──\n // Ce qu'un produit moyen de ce groupe aurait fait sur ses `age` premiers mois.\n let expected = 0, expWeight = 0;\n if (age > 0) {\n for (const m of usable) {\n if (m.rampUp.length < age) continue; // pas assez de recul pour comparer\n const s = m.rampUp.slice(0, age).reduce((a, b) => a + b, 0) * priceScale(m);\n expected += s * m.score;\n expWeight += m.score;\n }\n if (expWeight > 0) expected /= expWeight;\n }\n // Bornes larges : on corrige un ordre de grandeur, on ne recopie pas un accident.\n const index = age > 0 && expected > 0\n ? Math.max(0.15, Math.min(3, observed / expected))\n : null;\n\n const values: number[] = [];\n for (let h = 0; h < horizon; h++) {\n const idx = age + h; // même âge que le produit visé\n // MÉDIANE et non moyenne. Les courbes disponibles portent toutes la montée en charge\n // marketplace de juin-juillet 2026 : un analogue passé de 6 à 176 unités en un mois\n // n'illustre pas la maturation d'un produit, il illustre l'ouverture d'un canal.\n // Une moyenne laisse ce pic dicter la projection, une médiane l'ignore.\n const vals = usable\n .filter((m) => idx < m.rampUp.length)\n .map((m) => m.rampUp[idx] * priceScale(m))\n .sort((a, b) => a - b);\n // Aucun analogue ne couvre ce mois : on prolonge le dernier niveau calculé plutôt\n // que d'inventer une montée en charge que rien n'atteste.\n const raw = vals.length === 0\n ? (values[h - 1] ?? 0) / (index ?? 1)\n : vals.length % 2\n ? vals[(vals.length - 1) / 2]\n : (vals[vals.length / 2 - 1] + vals[vals.length / 2]) / 2;\n values.push(raw * (index ?? 1));\n }\n\n // ── Amortissement de la montée en charge ──\n // Même après médiane, les mois lointains des analogues tombent sur juin-juillet 2026,\n // c'est-à-dire sur l'ouverture des marketplaces : une référence lancée en février voit\n // son « mois 6 » multiplié par dix pour une raison qui ne doit rien à sa maturation.\n // On plafonne donc la croissance d'un mois sur l'autre. À 1,6 par mois, un lancement\n // peut encore être multiplié par onze sur six mois — on interdit le saut brutal, pas\n // la montée en charge.\n const MAX_GROWTH = 1.6;\n for (let h = 1; h < values.length; h++) {\n const ceiling = Math.max(values[h - 1], 1) * MAX_GROWTH;\n if (values[h] > ceiling) values[h] = ceiling;\n }\n\n return { values, basedOn: usable.length, index, expected };\n}\n\n// ── Qualité de la prévision en vigueur ───────────────────────────────────────\n/** Compare la prévision commerciale au réalisé sur les mois échus.\n * Le biais compte davantage que l'erreur absolue : une prévision qui se trompe au\n * hasard coûte du stock, une prévision systématiquement basse coûte des ventes. */\nexport function forecastQuality(\n hist: number[], fc: number[], monthsElapsed: number,\n): { bias: number | null; mape: number | null; actual: number; forecast: number } {\n let a = 0, f = 0, absErr = 0, n = 0;\n for (let i = 0; i < monthsElapsed && i < hist.length; i++) {\n a += hist[i];\n f += fc[i] ?? 0;\n if (hist[i] > 0) { absErr += Math.abs((fc[i] ?? 0) - hist[i]) / hist[i]; n++; }\n }\n return {\n bias: a > 0 ? (f - a) / a : null,\n mape: n > 0 ? absErr / n : null,\n actual: a,\n forecast: f,\n };\n}\n",[],[709,739],"0cd44496-c92b-4e74-9263-38ee96eac0d8","favicon.svg","01a038e7-814e-767d-b08a-29302c0c0c19",["D",1787661091162],"\n",[],[709,746],"c876226a-7269-40c9-863d-1c95b227d0f3","Simulator.tsx","01a038e7-814e-767d-b08a-2563b3428af9",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { fmtEur, fmtPct, GROUPS, type Product } from \"/frontend/helpers.ts\";\nimport {\n breakeven, breakevenWithDeee, carrierFor, CATEGORIES, contributionMargin, deeeBands,\n grossMargin, logisticsCost, nearBracketBoundary, officialDeee, PARAMS,\n priceForGrossMargin, roundPsy,\n} from \"/frontend/pricing.ts\";\nimport * as Ico from \"/frontend/Icons.tsx\";\n\nconst NAVY = \"#1F3864\";\nconst ACCENT = \"#4F46E5\";\n\n/** Pricing simulator for a product launch: enter category, standard cost and weight,\n * read the breakeven, the margins, and the price needed to hit a margin target. */\nexport default function Simulator(\n { products, Card, Kpi, Pill }: {\n products: Product[];\n Card: any; Kpi: any; Pill: any;\n },\n) {\n const [cat, setCat] = useState(\"Washing Machine\");\n const [cost, setCost] = useState(\"180\");\n const [weight, setWeight] = useState(\"70\");\n const [screen, setScreen] = useState(\"55\"); // TVs are tariffed on screen size\n // null = follow the official scale; a string = the user has overridden it\n const [deeeOverride, setDeeeOverride] = useState(null);\n const [target, setTarget] = useState(\"25\");\n const [comp, setComp] = useState(\"\");\n\n const nCost = parseFloat(cost.replace(\",\", \".\")) || null;\n const nWeight = parseFloat(weight.replace(\",\", \".\")) || null;\n const nTarget = (parseFloat(target.replace(\",\", \".\")) || 0) / 100;\n const nComp = parseFloat(comp.replace(\",\", \".\")) || null;\n\n // Eco-participation from the official ecosystem scale (2026), driven by net weight\n // or — for TVs — by screen size.\n const nScreen = parseFloat(screen.replace(\",\", \".\")) || null;\n const official = useMemo(\n () => officialDeee(cat, nWeight, nScreen),\n [cat, nWeight, nScreen],\n );\n const boundary = nearBracketBoundary(cat, nWeight, nScreen);\n const autoDeee = official?.value ?? null;\n const deee = deeeOverride ?? (autoDeee != null ? autoDeee.toFixed(2) : \"0\");\n const nDeee = parseFloat(deee.replace(\",\", \".\")) || 0;\n const deeeIsAuto = deeeOverride === null;\n // What the catalogue actually applies today — a cross-check on the scale mapping\n const bands = useMemo(() => deeeBands(products, cat), [products, cat]);\n const catalogueDisagrees = autoDeee != null && bands.length > 0 &&\n !bands.some((b) => Math.abs(b.value - autoDeee) < 0.005);\n\n const carrier = carrierFor(nWeight, cat);\n const logi = logisticsCost(nWeight, carrier);\n const be = breakeven(nCost, logi, carrier);\n const beReal = breakevenWithDeee(nCost, nDeee, logi, carrier);\n const targetRaw = priceForGrossMargin(nTarget, nCost, nDeee);\n const targetPrice = targetRaw != null ? roundPsy(targetRaw) : null;\n\n const beGross = grossMargin(be, nCost, nDeee);\n const beContrib = contributionMargin(be, nCost, nDeee, logi, carrier);\n const tGross = grossMargin(targetPrice, nCost, nDeee);\n const tContrib = contributionMargin(targetPrice, nCost, nDeee, logi, carrier);\n\n // Recommended price = max(breakeven, cheapest competitor), rounded to x9.99 —\n // the same rule the catalogue pipeline applies to compute RSP.\n const rsp = be != null\n ? roundPsy(Math.max(nComp && nComp > 0 ? nComp : be, be))\n : null;\n const rspGross = grossMargin(rsp, nCost, nDeee);\n const rspContrib = contributionMargin(rsp, nCost, nDeee, logi, carrier);\n\n // Comparable products already in the catalogue — sanity-check the assumptions\n const comparables = useMemo(() => {\n if (!nWeight) return [];\n return products\n .filter((p) => p.cat === cat && p.wt != null && p.cost != null)\n .map((p) => ({ p, dw: Math.abs((p.wt ?? 0) - nWeight) }))\n .sort((a, b) => a.dw - b.dw)\n .slice(0, 6)\n .map((x) => x.p);\n }, [products, cat, nWeight]);\n\n const overDpdGrid = carrier === \"DPD\" && logi == null;\n const grpOf = (c: string) => CATEGORIES.find((g) => g.cats.includes(c))?.grp ?? \"Other\";\n\n // Margin ladder: what price each margin target implies\n const ladder = [0.15, 0.20, 0.25, 0.30, 0.35, 0.40].map((m) => {\n const raw = priceForGrossMargin(m, nCost, nDeee);\n const price = raw != null ? roundPsy(raw) : null;\n return { m, price, contrib: contributionMargin(price, nCost, nDeee, logi, carrier) };\n });\n\n return (\n

\n \n

\n \n \n \n \n \n \n \n \n \n {official?.tariff.driver === \"screen\" && (\n \n \n \n )}\n Eco-participation (DEEE){\" \"}\n {deeeIsAuto && autoDeee != null\n ? barème 2026\n : }\n }\n hint={official\n ? `${official.tariff.family} · ${official.bracket.label} · code ${official.bracket.code}`\n : \"Excl. VAT, per unit — this category is not in the scale\"}>\n \n \n \n \n \n

\n \n \n \n

\n Group: {grpOf(cat)}\n Carrier: {carrier}\n {\" \"}({carrier === \"DPD\" ? \"small appliance ≤ 30 kg\" : \"large appliance\"})\n Logistics cost: {fmtEur(logi)}/unit\n Return rate: {fmtPct(carrier === \"CCV\" ? PARAMS.RET_MDA : PARAMS.RET_SDA)}\n Delivery charged: {fmtEur(carrier === \"CCV\" ? PARAMS.SHIP_MDA : PARAMS.SHIP_SDA)} incl. VAT\n

\n {official ? (\n

\n \n Official scale — {official.tariff.family}\n {official.tariff.driver !== \"none\"\n ? official.tariff.driver === \"screen\" ? \" (by screen size)\" : \" (by net weight)\"\n : \"\"} :\n \n {official.tariff.brackets.map((b) => {\n const active = Math.abs(b.value - nDeee) < 0.005;\n return (\n \n );\n })}\n

\n {official.tariff.note && (\n

{official.tariff.note}

\n )}\n {boundary != null && (\n

\n You are within 10 % of the {boundary}\n {official.tariff.driver === \"screen\" ? \"\\\"\" : \" kg\"} boundary. The scale applies to\n the net weight, while the catalogue often carries the packaged weight —\n check the net figure before committing to this bracket.\n

\n )}\n {catalogueDisagrees && (\n

\n The catalogue applies {bands.map((b) => fmtEur(b.value)).join(\" / \")} to this\n category, which does not include {fmtEur(autoDeee ?? 0)}. Worth checking which of\n the two is out of date.\n

\n )}\n

\n ) : (\n

\n {cat} is not mapped to the ecosystem scale — the field defaults to 0.\n Enter the value manually if this appliance is subject to one.\n

\n )}\n {overDpdGrid && (\n

\n Above 30 kg the DPD grid does not apply — the pipeline would route this product to\n CCV. Check the category: a small-appliance category at this weight is unusual.\n

\n )}\n \n\n {be == null ? (\n \n

\n Enter a standard cost and a weight to compute the breakeven.\n

\n \n ) : (\n <>\n

\n \n \n \n \n

\n\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {nComp && nComp > 0 && (\n \n )}\n \n

Scenario	Price incl. VAT	Price excl. VAT	Gross margin	Contribution €	Contribution %

\n Gross margin = (price excl. VAT − standard cost − eco-participation) / price excl. VAT —\n the same definition as the Margin column elsewhere in the dashboard.\n Contribution additionally deducts logistics grossed up for returns, OPEX {fmtPct(PARAMS.OPEX, 1)} and\n marketing {fmtPct(PARAMS.MKTG, 0)}, and adds back the delivery the customer pays.\n

\n {beReal != null && be != null && (\n

\n The catalogue breakeven formula does not include the eco-participation.\n Contribution actually reaches zero at {fmtEur(beReal)} incl. VAT\n {beReal > be ? <>, i.e. {fmtEur(beReal - be)} above the {fmtEur(be)} shown as\n breakeven — selling at breakeven loses that amount per unit. : \".\"}\n

\n )}\n \n\n

\n \n

\n \n \n \n \n \n \n \n \n {ladder.map(({ m, price, contrib }) => (\n \n \n \n \n \n \n ))}\n \n

Gross margin	Price incl. VAT	Contribution %	vs breakeven
{fmtPct(m, 0)}	{fmtEur(price)}	\n {fmtPct(contrib?.rate)}\n	\n {price != null && be != null\n ? (price >= be ? \"+\" : \"\") + fmtEur(price - be) : \"—\"}\n

\n \n\n \n {targetPrice != null && logi != null && (\n \n )}\n \n

\n\n {comparables.length > 0 && (\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n {comparables.map((p) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n \n

SKU	Product	Weight	Std cost	Breakeven	Site price	Margin	Sales YTD
{p.code}	{p.name}	{p.wt?.toFixed(1)} kg	{fmtEur(p.cost)}	{fmtEur(p.be)}	{fmtEur(p.price)}	{fmtPct(p.mcur)}	{p.sales}

\n Same category, weights closest to {nWeight} kg. Use them to sanity-check the\n standard cost and to see where the market actually sits.\n

\n \n )}\n \n )}\n

\n );\n}\n\nfunction Field({ label, hint, children }: any) {\n return (\n \n {label}\n {children}\n {hint && {hint}}\n \n );\n}\n\nfunction NumInput({ value, onChange, suffix, placeholder }: any) {\n return (\n

\n onChange(e.target.value)}\n placeholder={placeholder} inputMode=\"decimal\"\n className=\"w-full px-2 py-2 border rounded-lg text-sm pr-8\" />\n {suffix}\n

\n );\n}\n\nfunction ScenarioRow({ label, price, gm, contrib, strong, muted }: any) {\n return (\n \n {label}\n {fmtEur(price)}\n {price != null ? fmtEur(price / (1 + PARAMS.VAT)) : \"—\"}\n {fmtPct(gm)}\n \n {contrib ? fmtEur(contrib.amount) : \"—\"}\n \n \n {fmtPct(contrib?.rate)}\n \n \n );\n}\n\n/** Waterfall from price excl. VAT down to contribution, with the two finance-relevant\n * subtotals: contribution to fixed costs (before OPEX and marketing) and the figure\n * left once those overheads are charged. Which one is \"the\" contribution depends on\n * whether OPEX and marketing behave as variable costs or as allocated fixed pools. */\nfunction CostBreakdown({ price, cost, deee, logi, carrier }: any) {\n const { OPEX, MKTG, VAT, RET_MDA, RET_SDA, SHIP_MDA, SHIP_SDA } = PARAMS;\n const ret = carrier === \"CCV\" ? RET_MDA : RET_SDA;\n const ship = carrier === \"CCV\" ? SHIP_MDA : SHIP_SDA;\n const ht = price / (1 + VAT);\n\n const direct: [string, number][] = [\n [\"Price excl. VAT\", ht],\n [\"Standard cost\", -cost],\n [\"Eco-participation (DEEE)\", -deee],\n [`Logistics incl. returns (${fmtPct(ret)})`, -logi * (1 + ret)],\n [\"Delivery paid by customer\", ship / (1 + VAT)],\n ];\n const overhead: [string, number][] = [\n [`OPEX (${fmtPct(OPEX, 1)})`, -ht * OPEX],\n [`Marketing (${fmtPct(MKTG, 0)})`, -ht * MKTG],\n ];\n const toFixed = direct.reduce((s, [, v]) => s + v, 0);\n const total = toFixed + overhead.reduce((s, [, v]) => s + v, 0);\n\n const Row = ({ label, v, head }: any) => (\n \n {label}\n \n {v >= 0 && !head ? \"+\" : \"\"}{fmtEur(v)}\n \n {ht > 0 && !head ? fmtPct(v / ht, 1) : \"\"}\n \n );\n const Subtotal = ({ label, v, strong }: any) => (\n \n {label}\n {fmtEur(v)}\n \n {ht > 0 ? fmtPct(v / ht, 1) : \"\"}\n \n \n );\n\n return (\n <>\n

\n \n \n {direct.map(([l, v], i) => )}\n \n {overhead.map(([l, v]) => )}\n \n \n

\n The first subtotal is the true contribution margin if OPEX and marketing are fixed pools\n allocated as a % of sales; the second is the right one if they are genuinely variable.\n

\n \n );\n}\n",[],[709,753],"7563b38b-f044-4adb-b0c1-a1f191ac13a9","Parameters.tsx","01a038e7-814e-767d-b08a-20d4b622eba4",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Onglet Parameters — édition des paramètres économiques.\n//\n// L'onglet n'est proposé qu'aux éditeurs, mais c'est cosmétique : la vraie barrière est\n// PUT /api/params côté serveur, qui refuse un compte en lecture seule.\n//\n// Point important pour l'utilisateur, rappelé dans l'interface : modifier un paramètre\n// ne recalcule PAS instantanément les colonnes Breakeven et Logistics de l'onglet\n// Products. Celles-ci viennent du pipeline Python et ne bougeront qu'à son prochain\n// passage. Le simulateur, lui, réagit immédiatement.\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DPD_RATES, CCV_BRACKETS, DPD_CATEGORIES } from \"/frontend/pricing.ts\";\nimport { displayUser, fmtEur } from \"/frontend/helpers.ts\";\n\nconst NAVY = \"#1F3864\";\nconst ACCENT = \"#4F46E5\";\n\ninterface Def {\n key: string; label: string; help: string;\n unit: \"pct\" | \"eur\"; min: number; max: number; fallback: number; cell: string;\n}\n\ninterface Record_ {\n values: Record;\n updated_at: string | null;\n updated_by: string | null;\n history: { at: string; user: string; key: string; from: number; to: number }[];\n defs: Def[];\n}\n\n/** Affichage : une fraction est présentée en pourcentage, un montant en euros. */\nconst toDisplay = (v: number, unit: string) =>\n unit === \"pct\" ? String(Math.round(v * 1e6) / 1e4) : String(Math.round(v * 1e4) / 1e4);\n\n/** Saisie : l'inverse. On accepte la virgule décimale, réflexe naturel en français. */\nconst toStored = (s: string, unit: string) => {\n const n = parseFloat(s.replace(\",\", \".\"));\n if (!isFinite(n)) return NaN;\n return unit === \"pct\" ? n / 100 : n;\n};\n\nexport default function Parameters({ onSaved }: { onSaved?: () => void }) {\n const [rec, setRec] = useState(null);\n const [draft, setDraft] = useState>({});\n const [busy, setBusy] = useState(false);\n const [msg, setMsg] = useState<{ kind: \"ok\" | \"err\"; text: string } | null>(null);\n\n const load = async () => {\n const r = await fetch(\"/api/params\");\n if (!r.ok) { setMsg({ kind: \"err\", text: \"Could not load parameters.\" }); return; }\n const d: Record_ = await r.json();\n setRec(d);\n setDraft(Object.fromEntries(d.defs.map((f) => [f.key, toDisplay(d.values[f.key], f.unit)])));\n };\n\n useEffect(() => { load(); }, []);\n\n if (!rec) return

Loading…

;\n\n const dirty = rec.defs.filter((f) => {\n const v = toStored(draft[f.key] ?? \"\", f.unit);\n return isFinite(v) && Math.abs(v - rec.values[f.key]) > 1e-9;\n });\n\n const invalid = rec.defs.filter((f) => {\n const v = toStored(draft[f.key] ?? \"\", f.unit);\n return !isFinite(v) || v < f.min || v > f.max;\n });\n\n const save = async () => {\n setBusy(true); setMsg(null);\n const values: Record = {};\n for (const f of rec.defs) values[f.key] = toStored(draft[f.key] ?? \"\", f.unit);\n const r = await fetch(\"/api/params\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ values }),\n });\n const d = await r.json();\n setBusy(false);\n if (!r.ok || !d.ok) {\n setMsg({ kind: \"err\", text: (d.errors ?? [\"Save rejected.\"]).join(\" · \") });\n return;\n }\n setMsg({\n kind: \"ok\",\n text: d.changed.length === 0\n ? \"Nothing to save.\"\n : `${d.changed.length} parameter${d.changed.length > 1 ? \"s\" : \"\"} saved.`,\n });\n await load();\n onSaved?.();\n };\n\n const reset = () =>\n setDraft(Object.fromEntries(rec.defs.map((f) => [f.key, toDisplay(rec.values[f.key], f.unit)])));\n\n const restoreDefaults = () =>\n setDraft(Object.fromEntries(rec.defs.map((f) => [f.key, toDisplay(f.fallback, f.unit)])));\n\n return (\n

\n \n {rec.updated_at\n ? `Changed on ${new Date(rec.updated_at).toLocaleString(\"fr-FR\")} by ${displayUser(rec.updated_by)}`\n : \"Original values (never changed)\"}\n \n }>\n

\n These values drive breakeven, logistics cost and margins across the dashboard. The\n Pricing Simulator applies them immediately. The Breakeven and\n Logistics columns in Products, however, are computed by the pipeline: they\n will only reflect a change at its next run.\n

\n\n {/* La colonne Definition est verbeuse : sans défilement le tableau imposait\n sa largeur à toute la page sur mobile. */}\n

\n \n \n \n \n \n \n \n \n \n \n {rec.defs.map((f) => {\n const v = toStored(draft[f.key] ?? \"\", f.unit);\n const bad = !isFinite(v) || v < f.min || v > f.max;\n const moved = isFinite(v) && Math.abs(v - rec.values[f.key]) > 1e-9;\n const custom = Math.abs(rec.values[f.key] - f.fallback) > 1e-9;\n return (\n \n \n \n \n \n \n );\n })}\n \n

Parameter	Value	Original	Definition
\n {f.label}\n {f.cell}\n	\n \n setDraft({ ...draft, [f.key]: e.target.value })}\n inputMode=\"decimal\"\n className={`w-20 px-2 py-1 border rounded text-right tabular-nums ${\n bad ? \"border-rose-400 bg-rose-50\" : moved ? \"border-indigo-400 bg-indigo-50\" : \"border-slate-300\"\n }`} />\n {f.unit === \"pct\" ? \"%\" : \"€\"}\n \n	\n {toDisplay(f.fallback, f.unit)}{f.unit === \"pct\" ? \" %\" : \" €\"}\n {custom && ●}\n	\n {f.help}\n {bad && (\n \n Expected between {toDisplay(f.min, f.unit)} and {toDisplay(f.max, f.unit)}\n {f.unit === \"pct\" ? \" %\" : \" €\"}.\n \n )}\n

\n\n

\n \n \n \n

\n\n {msg && (\n

\n {msg.text}\n

\n )}\n \n\n {rec.history.length > 0 && (\n \n

\n \n \n \n \n \n \n \n \n \n {rec.history.map((h, i) => {\n const f = rec.defs.find((d) => d.key === h.key);\n const u = f?.unit ?? \"eur\";\n const suffix = u === \"pct\" ? \" %\" : \" €\";\n return (\n \n \n \n \n \n \n \n );\n })}\n \n

Date	By	Parameter	Before	After
\n {new Date(h.at).toLocaleString(\"fr-FR\")}\n	{displayUser(h.user)}	{f?.label ?? h.key}	{toDisplay(h.from, u)}{suffix}	{toDisplay(h.to, u)}{suffix}

\n \n )}\n\n \n

\n These rates come from the carrier contracts and cannot be edited here. DPD applies to\n small appliances up to 30 kg; above that, or outside the listed categories, shipping\n goes through CCV.\n

DPD — per kg (incl. VAT)

\n {Object.entries(DPD_RATES).map(([kg, r]) => (\n

\n ≤ {kg} kg\n {fmtEur(r)}\n

\n ))}\n

\n DPD categories: {[...DPD_CATEGORIES].join(\", \")}.\n

CCV — per weight bracket (incl. VAT)

\n {CCV_BRACKETS.map(([kg, r]) => (\n

\n ≥ {kg} kg\n {fmtEur(r)}\n

\n ))}\n

\n The CCV cost also includes WEEE take-back: gross cost × take-back rate.\n

\n \n

\n );\n}\n\nfunction Card({ title, children, right }: any) {\n return (\n

\n {title && (\n

{title}

\n {right}\n

\n )}\n

{children}

\n );\n}\n",[],[709,760],"6094f052-69e1-43d1-aeb8-9a79e5d81b0a","Icons.tsx","01a038e7-814e-767d-b08a-1f42ed55aaa6",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Monochrome stroke icons (inherit currentColor) — no external assets.\n\nconst base = {\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 1.7,\n strokeLinecap: \"round\" as const,\n strokeLinejoin: \"round\" as const,\n};\n\nconst Svg = ({ children, size = 20 }: any) => (\n \n);\n\nexport const IconOverview = (p: any) => (\n \n);\nexport const IconProducts = (p: any) => (\n \n);\nexport const IconScorecard = (p: any) => (\n \n);\nexport const IconBusiness = (p: any) => (\n \n);\nexport const IconLogistic = (p: any) => (\n \n);\nexport const IconAction = (p: any) => (\n \n);\nexport const IconChanges = (p: any) => (\n \n);\nexport const IconLogout = (p: any) => (\n \n);\nexport const IconSearch = (p: any) => (\n \n);\nexport const IconRefresh = (p: any) => (\n \n);\n\n// KPI tile icons\nexport const IconBox = (p: any) => (\n \n);\nexport const IconCheck = (p: any) => ();\nexport const IconCart = (p: any) => (\n \n);\nexport const IconEuro = (p: any) => (\n \n);\nexport const IconForecast = (p: any) => (\n \n);\nexport const IconTrend = (p: any) => (\n \n);\nexport const IconAlert = (p: any) => (\n \n);\nexport const IconUnits = (p: any) => (\n \n);\nexport const IconTruck = IconLogistic;\nexport const IconScale = (p: any) => (\n \n);\nexport const IconClock = (p: any) => (\n \n);\nexport const IconReceipt = (p: any) => (\n \n);\nexport const IconReturn = (p: any) => (\n \n);\nexport const IconMargin = (p: any) => (\n \n);\nexport const IconPrint = (p: any) => (\n \n);\nexport const IconDownload = (p: any) => (\n \n);\nexport const IconColumns = (p: any) => (\n \n);\n/** Pricing simulator — price tag with a calculator dot grid */\nexport const IconSimulator = (p: any) => (\n \n);\n/** Read-only indicator */\nexport const IconLock = (p: any) => (\n \n);\n/** Ouverture du tiroir de navigation sur petit écran */\nexport const IconMenu = (p: any) => (\n \n);\n/** Fermeture du tiroir / d'une modale */\nexport const IconClose = (p: any) => (\n \n);\nexport const IconSave = (p: any) => (\n \n);\n\n// ── Product category icons (appliances) ──────────────────────────────────────\n/** Cooling — fridge / freezer */\nexport const IconFridge = (p: any) => (\n \n);\n/** Washing — washing machine / dryer */\nexport const IconWasher = (p: any) => (\n \n);\n/** Cooking — oven */\nexport const IconOven = (p: any) => (\n \n);\n/** Floorcare — vacuum cleaner */\nexport const IconVacuum = (p: any) => (\n \n);\n/** TV — television */\nexport const IconTv = (p: any) => (\n \n);\n/** KSDA — coffee machine */\nexport const IconCoffee = (p: any) => (\n \n);\n/** Consumable — detergent bottle */\nexport const IconDetergent = (p: any) => (\n \n);\n/** Fallback — other */\nexport const IconOther = (p: any) => (\n \n);\n",[],[709,767],"2f86ecf0-3783-4694-85b0-4386473dec0f","Forecast.tsx","01a038e7-814e-767d-b08a-183206e7f633",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Onglet Forecast — proposition de prévision à 6 mois, référence par référence.\n//\n// L'outil ne remplace pas le jugement commercial : il produit une proposition chiffrée,\n// affiche ce sur quoi elle repose, et laisse corriger chaque ligne. La colonne finale\n// exportée est TOUJOURS celle que vous avez validée, jamais la proposition brute.\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport * as XLSX from \"https://esm.sh/xlsx@0.18.5\";\nimport {\n classifyDemand, DEFAULT_FORECAST_PARAMS, findAnalogues, forecastNewProduct,\n forecastQuality, forecastSku, lifeStage, reliabilityOf, reliabilityReason,\n type ForecastParams, type LifeStage,\n} from \"/frontend/forecasting.ts\";\nimport {\n DEFAULT_CUTOVER as CUTOVER, displayUser, fmtInt, fmtEur, GROUPS, type Product,\n} from \"/frontend/helpers.ts\";\n\nconst NAVY = \"#1F3864\";\nconst ACCENT = \"#4F46E5\";\nconst HORIZON = 6;\n\ninterface DpSku {\n code: number; name: string; brand: string; pl: string; pipo: string;\n top80: boolean; eta: string | null;\n hist: number[]; fc: number[]; fcm1: number[]; avail: number[];\n}\ninterface DpPayload {\n source_file: string; generated_at: string; months: string[];\n skus: DpSku[];\n outside: { code: number; months: string[]; hist: number[] }[];\n /** Date de dernière facturation dans l'export BI — le mois qui la contient est partiel. */\n bi_asof: string | null;\n bi_months: string[];\n}\n\n/** Ordre des niveaux de fiabilité, pour que le tri suive l'échelle et non l'alphabet. */\nconst RELIABILITY_RANK: Record = {\n \"high\": 4, \"medium\": 3, \"low\": 2, \"very low\": 1, \"n/a\": 0,\n};\n\n/** Valeur triable d'une ligne pour une colonne donnée. Les colonnes mensuelles portent\n * la clé m0…m5 : c'est la valeur finale retenue, corrections manuelles comprises. */\nfunction sortValue(r: any, k: string): number | string {\n if (/^m\\d+$/.test(k)) return r.final[Number(k.slice(1))] ?? 0;\n switch (k) {\n case \"code\": return r.s.code;\n case \"name\": return String(r.s.name ?? \"\").toLowerCase();\n case \"cat\": return String(r.p?.cat ?? r.s.pl ?? \"\").toLowerCase();\n case \"stage\": return String(r.stage);\n case \"dtoc\": return r.ch.dtoc;\n case \"mp\": return r.ch.mp;\n case \"tot90\": return r.ch.dtoc + r.ch.mp;\n case \"hist\": return r.total;\n // Les lignes sans historique (analogue, fin de vie) n'ont pas de fiabilité : elles\n // se regroupent au bas du classement plutôt que de s'intercaler au hasard.\n case \"relia\": return r.basis === \"history\" ? (RELIABILITY_RANK[reliabilityOf(r.cls.kind)] ?? 0) : 0;\n case \"fc\": return r.sumCurrent;\n case \"total6\": return r.sumProposal;\n case \"gap\": return r.sumCurrent > 0 ? (r.sumProposal - r.sumCurrent) / r.sumCurrent : -Infinity;\n default: return 0;\n }\n}\n\nconst monthLabel = (iso: string) => {\n const [y, m] = iso.split(\"-\").map(Number);\n return new Date(Date.UTC(y, m - 1, 1)).toLocaleDateString(\"fr-FR\", { month: \"short\", year: \"2-digit\" });\n};\n\nexport default function Forecast(\n { products, canEdit = true }: { products: Product[]; canEdit?: boolean },\n) {\n const [dp, setDp] = useState(null);\n const [err, setErr] = useState(null);\n const [orders, setOrders] = useState(undefined);\n\n const [brand, setBrand] = useState(null);\n const [grp, setGrp] = useState(null);\n const [q, setQ] = useState(\"\");\n const [onlyGaps, setOnlyGaps] = useState(false);\n // Par défaut on masque les fins de vie : elles ne reçoivent aucune prévision et\n // n'encombreraient la liste que pour rappeler qu'il n'y a rien à décider.\n const [hideEol, setHideEol] = useState(true);\n const [params, setParams] = useState(DEFAULT_FORECAST_PARAMS);\n const [overrides, setOverrides] = useState>({});\n const [detail, setDetail] = useState(null);\n // Tri par colonne, comme dans Products. Par défaut sur le total proposé, décroissant :\n // on veut voir en premier les références qui pèsent le plus dans la prévision.\n const [sort, setSort] = useState<{ k: string; dir: 1 | -1 }>({ k: \"total6\", dir: -1 });\n // Objectif de CA par mois. null = pas d'objectif, la prévision reste celle du modèle.\n const [revTarget, setRevTarget] = useState<(number | null)[]>(Array(HORIZON).fill(null));\n // Campagnes : arbitrages mémorisés, une campagne par fichier DP.\n const [campaigns, setCampaigns] = useState(null);\n const [campaignMeta, setCampaignMeta] = useState(null);\n const [loadedId, setLoadedId] = useState(null);\n const [saveState, setSaveState] = useState<\"idle\" | \"saving\" | \"saved\" | \"error\">(\"idle\");\n const [carryNote, setCarryNote] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/forecast\").then(async (r) => {\n if (!r.ok) { setErr((await r.json().catch(() => ({}))).message ?? `Error ${r.status}`); return; }\n setDp(await r.json());\n }).catch((e) => setErr(String(e)));\n fetch(\"/api/business\").then((r) => r.ok ? r.json() : null).then(setOrders).catch(() => setOrders(null));\n }, []);\n\n const byCode = useMemo(() => {\n const m: Record = {};\n for (const p of products) m[String(p.code)] = p;\n return m;\n }, [products]);\n\n // Expéditions Shopify : par SKU et par mois pour l'historique, et sur 90 jours par canal\n // pour l'affichage. Shopify est la seule source qui distingue DtoC et marketplace, le\n // fichier Demand Planning ne portant qu'une ligne « DtoC » globale.\n const shop = useMemo(() => {\n const monthly: Record> = {};\n const last90: Record = {};\n // Prix de vente moyen réellement constaté, HT et hors éco-participation : la même\n // définition que le CA du reste du dashboard. Bien plus juste que le prix affiché,\n // qui ignore remises et tarifs marketplace.\n const sold: Record = {};\n let dtoc = 0, mp = 0;\n if (!orders?.lines) return { monthly, last90, sold, shareMp: 0 };\n const from = new Date(Date.now() - 90 * 864e5).toISOString().slice(0, 10);\n for (const l of orders.lines) {\n if (l.k !== \"ful\") continue;\n const d = l.f || l.d;\n if (!d) continue;\n const sku = String(l.sku ?? \"\");\n if (!sku) continue;\n (monthly[sku] ??= {})[d.slice(0, 7)] = (monthly[sku][d.slice(0, 7)] ?? 0) + l.q;\n const deee = byCode[sku]?.deee ?? 0;\n const s = (sold[sku] ??= { rev: 0, units: 0 });\n s.rev += (l.n != null ? l.n : l.p * l.q) / 1.2 - deee * l.q;\n s.units += l.q;\n if (d >= from) {\n const isMp = /but_mirakl|cdiscount|boulanger|showroomprive/.test((l.t ?? \"\").toLowerCase());\n const e = (last90[sku] ??= { dtoc: 0, mp: 0 });\n if (isMp) { e.mp += l.q; mp += l.q; } else { e.dtoc += l.q; dtoc += l.q; }\n }\n }\n return { monthly, last90, sold, shareMp: dtoc + mp > 0 ? mp / (dtoc + mp) : 0 };\n }, [orders, byCode]);\n\n /** Mois réellement couverts par Shopify, au-delà de la bascule. Mesuré plutôt que\n * supposé : si un mois n'a rien, on garde la BI pour ce mois. */\n const shopMonths = useMemo(() => {\n const s = new Set();\n for (const m of Object.values(shop.monthly)) {\n for (const [k, v] of Object.entries(m)) if (v > 0 && k >= CUTOVER.slice(0, 7)) s.add(k);\n }\n return s;\n }, [shop]);\n\n useEffect(() => {\n if (shop.shareMp > 0) setParams((p) => ({ ...p, mpShareCurrent: shop.shareMp }));\n }, [shop.shareMp]);\n\n // Mois échus (historique) et mois à prévoir. Le dernier mois d'historique non nul\n // marque la frontière : au-delà, le fichier DP ne porte que de la prévision.\n const split = useMemo(() => {\n if (!dp) return null;\n let last = -1;\n for (let i = 0; i < dp.months.length; i++) {\n if (dp.skus.some((s) => (s.hist[i] ?? 0) > 0)) last = i;\n }\n const target = dp.months.slice(last + 1, last + 1 + HORIZON);\n return { lastHist: last, target, targetIdx: target.map((_, i) => last + 1 + i) };\n }, [dp]);\n\n // Seul le mois calendaire EN COURS est incomplet une fois Shopify utilisé : Shopify est\n // à jour au jour près, contrairement à la BI qui s'arrête à sa date d'export. On ramène\n // ce mois au mois plein au prorata des jours écoulés, sinon le niveau récent — celui qui\n // pilote les premiers mois de prévision — serait sous-estimé d'autant.\n const partial = useMemo(() => {\n const now = new Date();\n const days = now.getDate();\n const of = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate();\n const month = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, \"0\")}`;\n return { month, factor: days < of ? of / days : 1, days, of };\n }, []);\n\n const rows = useMemo(() => {\n if (!dp || !split) return [];\n\n // ── Composition de l'historique, alignée sur Business et Scorecards ──\n // Avant la bascule du 1er mars 2026, Shopify ne couvre presque rien (26 unités en\n // janvier contre 1 081 facturées) : seule la BI fait foi. Après, les deux sources\n // s'accordent à 1-6 % près et Shopify est plus fraîche — mesuré en juillet, Shopify\n // relève 6 248 unités contre 4 623 pour une BI arrêtée au 25.\n const histOf = (s: DpSku) => {\n const sm = shop.monthly[String(s.code)] ?? {};\n const h = dp.months.slice(0, split.lastHist + 1).map((m, i) => {\n const useShop = m >= CUTOVER.slice(0, 7) && shopMonths.has(m);\n const v = useShop ? (sm[m] ?? 0) : (s.hist[i] ?? 0);\n return m === partial.month ? v * partial.factor : v;\n });\n return h;\n };\n\n const pool = dp.skus\n .filter((s) => histOf(s).reduce((a, b) => a + b, 0) >= 5)\n .map((s) => ({\n code: s.code, name: s.name, brand: s.brand, pl: s.pl,\n hist: histOf(s),\n price: byCode[String(s.code)]?.price ?? null,\n grp: byCode[String(s.code)]?.grp ?? null,\n }));\n\n return dp.skus.map((s) => {\n const p = byCode[String(s.code)];\n const hist = histOf(s);\n const total = hist.reduce((a, b) => a + b, 0);\n const cls = classifyDemand(hist);\n const ch = shop.last90[String(s.code)] ?? { dtoc: 0, mp: 0 };\n const stage = lifeStage(p?.lc, s.pipo);\n\n // « Nouveau » se juge sur le CYCLE DE VIE seul, jamais sur le faible volume.\n //\n // La version précédente déclenchait la recherche d'analogues dès qu'une référence\n // avait moins de 5 ventes. Mesuré sur le fichier : 176 références sont dans ce cas,\n // et AUCUNE n'est une arrivée récente — ce sont des produits en catalogue depuis un\n // an qui ne décollent pas. Leur prêter la courbe de démarrage d'un best-seller leur\n // inventait un volume qu'ils n'ont jamais fait. Un produit qui ne se vend pas n'est\n // pas un produit neuf.\n // Âge commercial : mois écoulés depuis la première vente.\n const firstSale = hist.findIndex((v) => v > 0);\n const commercialAge = firstSale === -1 ? 0 : hist.length - firstSale;\n // L'analogue ne sert qu'à combler une absence de signal. Dès deux mois de vie\n // commerciale, la référence parle d'elle-même — même à une unité par mois, c'est\n // une information plus fiable que la courbe empruntée à des voisins.\n const isNew = stage === \"launch\" && total < 5 && commercialAge <= 1;\n let proposal: number[];\n let basis: \"history\" | \"analogue\" | \"none\" | \"end of life\" = \"history\";\n let analogues: ReturnType = [];\n let newIndex: number | null = null; // rythme du produit rapporté à ses analogues\n let newAge = 0;\n\n if (params.zeroEndOfLife && stage === \"end of life\") {\n proposal = Array(HORIZON).fill(0);\n basis = \"end of life\";\n } else if (isNew) {\n // La fenêtre de démarrage doit couvrir l'âge ET l'horizon, sinon les analogues\n // s'arrêtent avant les mois que l'on cherche à prévoir.\n const age = commercialAge;\n analogues = findAnalogues(\n { pl: s.pl, brand: s.brand, price: p?.price ?? null, grp: p?.grp ?? null },\n pool, 5, age + HORIZON,\n );\n const np = forecastNewProduct(analogues, p?.price ?? null, HORIZON, { age, observed: total });\n proposal = np.values;\n newIndex = np.index;\n newAge = age;\n basis = np.basedOn > 0 ? \"analogue\" : \"none\";\n } else {\n proposal = forecastSku({ hist, horizon: HORIZON, stage, params }).values;\n }\n\n // Alerte approvisionnement : on ne corrige jamais la prévision, on signale que le\n // stock annoncé ne suivra pas. Confondre les deux reviendrait à prévoir ce que\n // l'on sait produire plutôt que ce que le marché demande.\n const shortage = split.targetIdx.map((idx, i) => {\n const a = s.avail[idx] ?? 0;\n return a > 0 && proposal[i] > a;\n });\n\n const current = split.targetIdx.map((i) => s.fc[i] ?? 0);\n const quality = forecastQuality(s.hist, s.fc, split.lastHist + 1);\n\n // Prix unitaire retenu pour convertir les unités en CA : le prix réellement\n // constaté quand la référence a vendu, sinon le prix du site ramené au HT hors\n // éco-participation. Deux ventes suffisent — en dessous, la moyenne serait le\n // reflet d'une promotion isolée.\n const s90 = shop.sold[String(s.code)];\n const asp = s90 && s90.units >= 2 && s90.rev > 0\n ? s90.rev / s90.units\n : Math.max(0, (p?.price ?? 0) / 1.2 - (p?.deee ?? 0));\n\n return {\n s, p, hist, total, cls, ch, isNew, basis, analogues, stage, shortage, newIndex, newAge,\n proposal, current, quality, asp,\n sumCurrent: current.reduce((a, b) => a + b, 0),\n };\n });\n }, [dp, split, byCode, shop, shopMonths, params, partial]);\n\n // ── Objectif de CA → coefficient par mois ──\n // Le CA de référence se calcule sur la proposition BRUTE du modèle, jamais sur la\n // valeur déjà mise à l'échelle : sans cela, saisir un objectif déplacerait sa propre\n // base et le coefficient partirait en boucle.\n const scoped = useMemo(() => {\n const ql = q.trim().toLowerCase();\n return rows.filter((r) => {\n if (brand && r.s.brand !== brand) return false;\n if (grp && (r.p?.grp ?? \"\") !== grp) return false;\n if (hideEol && r.stage === \"end of life\") return false;\n if (onlyGaps && Math.abs(r.sumProposal - r.sumCurrent) < Math.max(3, r.sumCurrent * 0.2)) return false;\n if (ql && !String(r.s.code).includes(ql) && !r.s.name.toLowerCase().includes(ql)) return false;\n return true;\n });\n }, [rows, brand, grp, q, onlyGaps, hideEol]);\n\n /** CA que produirait la proposition brute du modèle, mois par mois. Sert de base au\n * champ objectif : c'est la valeur pré-remplie et le dénominateur du coefficient. */\n const baseRevenue = useMemo(\n () => Array.from({ length: HORIZON }, (_, h) =>\n scoped.reduce((s, r) => s + Math.round(r.proposal[h] ?? 0) * r.asp, 0)),\n [scoped],\n );\n\n /** Coefficient appliqué à chaque mois pour atteindre l'objectif saisi. */\n const revFactor = useMemo(\n () => revTarget.map((t, h) =>\n t != null && t > 0 && baseRevenue[h] > 0 ? t / baseRevenue[h] : 1),\n [revTarget, baseRevenue],\n );\n\n // Quantités affichées : proposition × coefficient d'objectif, sauf saisie manuelle qui\n // l'emporte toujours. Corriger une ligne à la main reste possible après avoir posé un\n // objectif — le CA réellement atteint est alors réaffiché sous le champ.\n const filtered = useMemo(() => {\n return scoped.map((r) => {\n const final = r.proposal.map((v, i) =>\n overrides[`${r.s.code}|${i}`] ?? Math.round(v * revFactor[i]));\n return { ...r, final, sumProposal: final.reduce((a, b) => a + b, 0) };\n }).sort((a, b) => {\n const va = sortValue(a, sort.k), vb = sortValue(b, sort.k);\n if (typeof va === \"string\" || typeof vb === \"string\") {\n return String(va).localeCompare(String(vb)) * sort.dir;\n }\n return ((va as number) - (vb as number)) * sort.dir;\n });\n }, [scoped, overrides, revFactor, sort]);\n\n /** CA effectivement porté par les quantités affichées, corrections comprises. */\n const finalRevenue = useMemo(\n () => Array.from({ length: HORIZON }, (_, h) =>\n filtered.reduce((s, r) => s + (r.final[h] ?? 0) * r.asp, 0)),\n [filtered],\n );\n\n // ── Campagne courante ──\n // Identifiée par le fichier DP ET son premier mois à prévoir : un même fichier redéposé\n // reprend la même campagne, un fichier d'un nouveau mois en ouvre une autre.\n const campaignId = useMemo(\n () => (dp && split?.target.length ? `${dp.source_file}|${split.target[0]}` : null),\n [dp, split],\n );\n\n // Chargement des arbitrages de la campagne. Tant que ce n'est pas fait, on n'enregistre\n // rien — sinon le premier rendu écraserait la sauvegarde par un état vide.\n useEffect(() => {\n if (!campaignId) return;\n fetch(`/api/forecast/campaigns?id=${encodeURIComponent(campaignId)}`)\n .then((r) => r.ok ? r.json() : null)\n .then((j) => {\n setCampaigns(j?.campaigns ?? []);\n if (j?.current) {\n setOverrides(j.current.overrides ?? {});\n setRevTarget(\n Array.from({ length: HORIZON }, (_, i) => j.current.revTarget?.[i] ?? null));\n if (j.current.params) setParams((p) => ({ ...p, ...j.current.params }));\n setCampaignMeta(j.current);\n }\n setLoadedId(campaignId);\n })\n .catch(() => setLoadedId(campaignId));\n }, [campaignId]);\n\n // Enregistrement différé : on attend une seconde de calme pour ne pas écrire à chaque\n // frappe. `mpShareCurrent` est exclu des réglages sauvegardés — c'est une mesure, pas\n // une décision, et elle doit se recalculer sur les données du moment.\n useEffect(() => {\n if (!campaignId || loadedId !== campaignId || !canEdit || !split) return;\n setSaveState(\"saving\");\n const t = setTimeout(() => {\n const { mpShareCurrent: _m, ...saved } = params as any;\n fetch(\"/api/forecast/campaigns\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n id: campaignId, source_file: dp!.source_file, months: split.target,\n overrides, revTarget, params: saved,\n }),\n })\n .then((r) => r.ok ? r.json() : Promise.reject())\n .then((c) => { setCampaignMeta(c); setSaveState(\"saved\"); })\n .catch(() => setSaveState(\"error\"));\n }, 1000);\n return () => clearTimeout(t);\n }, [overrides, revTarget, params, campaignId, loadedId, canEdit, split, dp]);\n\n /** Campagne précédente exploitable : la plus récente autre que celle en cours. */\n const previousCampaign = useMemo(\n () => (campaigns ?? []).find((c) => c.id !== campaignId) ?? null,\n [campaigns, campaignId],\n );\n\n /** Reprise explicite des arbitrages de la campagne précédente, réalignée par mois. */\n const carryOver = async () => {\n if (!previousCampaign || !split) return;\n const r = await fetch(`/api/forecast/campaigns?id=${encodeURIComponent(previousCampaign.id)}`);\n if (!r.ok) return;\n const prev = (await r.json())?.current;\n if (!prev) return;\n const from: string[] = prev.months ?? [];\n const to = split.target;\n let carried = 0, dropped = 0;\n const next: Record = {};\n for (const [key, value] of Object.entries(prev.overrides ?? {})) {\n const [code, idx] = key.split(\"|\");\n const month = from[Number(idx)];\n const t = month ? to.indexOf(month) : -1;\n if (t === -1) { dropped++; continue; }\n next[`${code}|${t}`] = value as number;\n carried++;\n }\n setOverrides(next);\n setRevTarget(to.map((m) => {\n const i = from.indexOf(m);\n return i === -1 ? null : (prev.revTarget?.[i] ?? null);\n }));\n setCarryNote(\n `${carried} correction(s) reprise(s) de ${prev.source_file}` +\n (dropped ? `, ${dropped} abandonnée(s) — le mois concerné n'est plus dans l'horizon.` : \".\"),\n );\n };\n\n if (err) {\n return (\n \n

{err}

\n This tab is fed from Forecast/ValidationDP-*.xlsm when\n push_dashboard.py runs.\n

\n \n );\n }\n if (!dp || !split) return

Loading…

;\n\n const tot = {\n proposal: filtered.reduce((s, r) => s + r.sumProposal, 0),\n current: filtered.reduce((s, r) => s + r.sumCurrent, 0),\n actual: filtered.reduce((s, r) => s + r.quality.actual, 0),\n fcPast: filtered.reduce((s, r) => s + r.quality.forecast, 0),\n };\n const brands = [...new Set(dp.skus.map((s) => s.brand).filter(Boolean))].sort();\n\n /** En-tête cliquable. Premier clic : décroissant, ce qu'on veut presque toujours sur\n * des volumes ; second clic : croissant. */\n const Th = ({ k, children, right = true, extra = \"\" }: any) => (\n setSort((s) => ({ k, dir: s.k === k && s.dir === -1 ? 1 : -1 }))}\n className={`px-2 cursor-pointer select-none whitespace-nowrap hover:text-slate-700 ${\n right ? \"text-right\" : \"text-left\"} ${extra} ${sort.k === k ? \"text-slate-800 font-semibold\" : \"\"}`}\n >\n {children}{sort.k === k ? (sort.dir === -1 ? \" ▼\" : \" ▲\") : \"\"}\n \n );\n\n return (\n

\n \n {canEdit && (\n \n {saveState === \"saving\" ? \"saving…\"\n : saveState === \"saved\" ? \"saved\"\n : saveState === \"error\" ? \"save failed\"\n : campaignMeta ? \"saved\" : \"\"}\n {campaignMeta?.updated_by && saveState !== \"saving\" && (\n · {displayUser(campaignMeta.updated_by)}\n )}\n {\" ·\"}\n \n )}\n {dp.source_file} · imported {new Date(dp.generated_at).toLocaleDateString(\"fr-FR\")}\n {/* Le mois en cours est mis à l'échelle du mois plein : le taire ferait\n apparaître un écart inexplicable avec les autres onglets. */}\n {partial.factor !== 1 && (\n \n {\" \"}· current month × {partial.factor.toFixed(2)}\n \n )}\n }>\n

\n \n setParams({ ...params, window: Math.max(1, Number(e.target.value)) })}\n className=\"w-20 px-2 py-1 border rounded text-right\" />\n \n\n \n

\n setParams({\n ...params,\n mpShareTarget: e.target.value === \"\" ? null : Number(e.target.value) / 100,\n })}\n className=\"w-20 px-2 py-1 border rounded text-right\" />\n %\n {params.mpShareTarget != null && params.mpShareTarget > params.mpShareCurrent && (\n \n → +{(((1 - params.mpShareCurrent) / (1 - params.mpShareTarget) - 1) * 100).toFixed(1)}% volume\n \n )}\n

\n \n\n \n setParams({ ...params, zeroEndOfLife: e.target.checked })} />\n \n

\n \n\n {/* Reprise d'une campagne précédente — jamais automatique. Si le demand planning\n n'a pas validé la proposition d'août, ses corrections ne doivent pas revenir\n déguisées en acquis dans la campagne de septembre. */}\n {canEdit && previousCampaign && Object.keys(overrides).length === 0\n && !revTarget.some((t) => t != null) && !carryNote && (\n

\n \n New campaign — nothing entered yet. The previous one ({previousCampaign.source_file},\n {\" \"}{previousCampaign.months?.[0]} → {previousCampaign.months?.[previousCampaign.months.length - 1]})\n holds your last arbitrations\n {previousCampaign.exported_at\n ? `, exported on ${new Date(previousCampaign.exported_at).toLocaleDateString(\"fr-FR\")}.`\n : \", never exported.\"}\n \n \n

\n )}\n {carryNote && (\n

\n {carryNote} Check each one against what the model now proposes.\n \n

\n )}\n\n {tot.actual > 0 && (\n

\n Accuracy of the forecast in place. Over the {split.lastHist + 1} elapsed months,\n the Commercial Forecast totals {fmtInt(tot.fcPast)} units against {fmtInt(tot.actual)} actually\n invoiced — a gap of {((tot.fcPast - tot.actual) / tot.actual * 100).toFixed(0)}%.\n

\n )}\n\n \n

\n setQ(e.target.value)} placeholder=\"SKU or name…\"\n className=\"px-3 py-1.5 border rounded-lg text-sm w-full sm:w-56\" />\n setBrand(null)}>All brands\n {brands.map((b) => (\n setBrand(b)}>{b}\n ))}\n |\n setGrp(null)}>All categories\n {GROUPS.map((g) => (\n setGrp(g.key)}>{g.label}\n ))}\n \n setOnlyGaps(e.target.checked)} />\n Significant gaps only\n \n \n setHideEol(e.target.checked)} />\n Hide end of life ({rows.filter((r) => r.stage === \"end of life\").length})\n \n \n

\n \n \n \n 0 ? `${((tot.proposal - tot.current) / tot.current * 100).toFixed(0)}%` : \"—\"} />\n

\n \n\n \n

\n \n \n {/* Objectif de CA par mois : pré-rempli avec la projection du modèle, libre\n à la saisie. Modifier une case remet à l'échelle toute la colonne. */}\n \n \n {split.target.map((m, i) => {\n const set = revTarget[i] != null;\n const drift = set && baseRevenue[i] > 0\n ? finalRevenue[i] / (revTarget[i] as number) - 1 : 0;\n return (\n \n );\n })}\n \n \n \n \n \n \n \n \n \n \n \n \n \n {split.target.map((m, i) => (\n \n ))}\n \n \n \n \n \n {filtered.slice(0, 400).map((r) => {\n const gap = r.sumCurrent > 0 ? (r.sumProposal - r.sumCurrent) / r.sumCurrent : null;\n return (\n \n \n \n \n \n \n \n \n \n \n \n {r.final.map((v, i) => (\n \n ))}\n \n \n \n );\n })}\n \n

\n Revenue target (excl. VAT)\n \n — on the {fmtInt(filtered.length)} products displayed; editing a month\n rescales its column\n \n	\n {\n const v = e.target.value.replace(/[^\\d]/g, \"\");\n const next = [...revTarget];\n next[i] = v === \"\" ? null : Number(v);\n setRevTarget(next);\n }}\n title={`Model projection: ${fmtInt(baseRevenue[i])} €. Enter a target to rescale this month.`}\n className={`w-20 px-1 py-0.5 border rounded text-right tabular-nums text-[11px] ${\n set ? \"border-indigo-400 bg-white font-semibold text-indigo-800\" : \"border-transparent bg-transparent text-slate-500\"\n }`} />\n {set && Math.abs(drift) > 0.01 && (\n \n {fmtInt(finalRevenue[i])} €\n \n )}\n	\n {fmtInt(finalRevenue.reduce((a, b) => a + b, 0))} €\n {revTarget.some((t) => t != null) && (\n \n )}\n
SKU	Product	Category	Lifecycle	DtoC 90d	MP 90d	Total 90d	Hist. 12m	Reliability	Current FC	{monthLabel(m)}	Total 6m	Gap
\n \n	\n {r.p?.img && $\"\"$ }\n {r.s.name}\n {r.isNew && NEW}\n	{r.p?.cat ?? r.s.pl}	\n \n	{fmtInt(r.ch.dtoc)}	{fmtInt(r.ch.mp)}	{fmtInt(r.ch.dtoc + r.ch.mp)}	{fmtInt(r.total)}		{fmtInt(r.sumCurrent)}	\n {canEdit ? (\n setOverrides({\n ...overrides, [`${r.s.code}\|${i}`]: Number(e.target.value) \|\| 0,\n })}\n className={`w-12 px-1 py-0.5 border rounded text-right tabular-nums ${\n overrides[`${r.s.code}\|${i}`] != null ? \"border-indigo-400 bg-indigo-50\"\n : r.shortage[i] ? \"border-amber-400 bg-amber-50\"\n : \"border-transparent hover:border-slate-200\"\n }`} />\n ) : v}\n	{fmtInt(r.sumProposal)}	0.2 ? \"text-emerald-700\" : gap < -0.2 ? \"text-rose-700\" : \"text-slate-500\"}`}>\n {gap == null ? \"—\" : `${(gap * 100).toFixed(0)} %`}\n

\n {filtered.length > 400 && (\n

\n Showing the first 400 rows of {filtered.length}. The Excel export contains them all.\n

\n )}\n

\n \n\n {detail != null && (() => {\n // IMPORTANT : chercher dans `filtered`, pas dans `rows`. C'est `filtered` qui\n // ajoute `final` (proposition mise à l'échelle, corrections manuelles comprises).\n // Une ligne prise dans `rows` n'a pas cette propriété : le panneau lisait alors\n // `r.final[i]` sur `undefined`, ce qui faisait tomber toute l'application et\n // affichait une page blanche — visible uniquement sur les références établies,\n // les nouveautés empruntant l'autre branche du panneau.\n const r = filtered.find((x) => x.s.code === detail);\n if (!r) return null;\n return (\n // En surimpression, et non à la suite du tableau : celui-ci occupant 70 % de la\n // hauteur d'écran, le panneau s'ouvrait hors champ et cliquer sur un SKU semblait\n // ne rien faire.\n

setDetail(null)}>\n

e.stopPropagation()}>\n setDetail(null)}\n className=\"px-2 py-1 rounded border border-slate-200 text-xs text-slate-500 hover:bg-slate-50\">\n Close\n \n }>\n

Invoiced history

\n {/* Hauteurs en PIXELS, pas en pourcentage.\n Le conteneur est en `items-end`, ce qui dimensionne chaque colonne\n sur son contenu : sa hauteur devient indéfinie, et une barre en\n `height: X%` ne peut alors pas se résoudre — elle tombait à zéro.\n Seules les étiquettes restaient visibles, sans aucune barre.\n On calcule donc les hauteurs en dur sur une piste de 84 px, les\n 12 px restants revenant à l'étiquette. */}\n {(() => {\n const TRACK = 84; // hauteur utile des barres, en pixels\n const max = Math.max(...r.hist, 1);\n return (\n

\n {r.hist.map((v, i) => {\n // Une valeur non nulle garde 2 px : sans ce plancher, une vente\n // isolée face à un pic à 300 serait rigoureusement invisible et\n // se confondrait avec un mois sans vente.\n const h = v > 0 ? Math.max(2, Math.round(v / max * TRACK)) : 0;\n return (\n

\n \n {v || \"\"}\n \n {/* Piste grise sur toute la hauteur : un mois sans vente se\n lit comme un zéro mesuré, et non comme une donnée absente. */}\n

\n );\n })}\n

\n );\n })()}\n

\n {dp.months[0]} → {dp.months[r.hist.length - 1]} ·{\" \"}\n {reliabilityOf(r.cls.kind)} reliability — {r.cls.kind} demand\n {r.cls.adi > 0 && ` (ADI ${r.cls.adi.toFixed(2)}, CV² ${r.cls.cv2.toFixed(2)})`}\n

{reliabilityReason(r.cls.kind)}

\n {r.quality.bias != null && (\n

\n Past forecast: {fmtInt(r.quality.forecast)} predicted for {fmtInt(r.quality.actual)} actual\n ({(r.quality.bias * 100).toFixed(0)}%).\n

\n )}\n

\n {r.isNew ? (\n <>\n

\n Analogue products used\n

\n {r.analogues.length === 0 ? (\n

\n No analogue found. Without a comparable range that has actually started\n selling, the tool proposes nothing rather than inventing a figure.\n

\n ) : (\n \n \n \n \n \n \n {r.analogues.map((m) => (\n \n \n \n \n \n \n ))}\n \n

SKU	Name	Price	Why
{m.candidate.code}	{m.candidate.name}	{fmtEur(m.candidate.price)}	{m.reasons.join(\", \")}

\n )}\n

\n The analogues' ramp-up curves are averaged, then scaled by the price ratio\n (elasticity -0.7 — an assumption, not a measurement).\n

\n \n ) : (\n <>\n

Announced availability

\n {split.target.map((m, i) => {\n const a = r.s.avail[split.targetIdx[i]] ?? 0;\n const f = r.final[i];\n return (\n

\n {monthLabel(m)}\n 0 && f > a ? \"text-rose-600 font-medium\" : \"\"}>\n {fmtInt(f)} forecast / {a > 0 ? fmtInt(a) : \"—\"} available\n \n

\n );\n })}\n

\n In red: forecast above the announced availability. Flagged but never capped —\n that is a supply matter, not a forecasting one.\n

\n \n )}\n

\n \n

\n );\n })()}\n\n {dp.outside?.length > 0 && (\n \n

\n These products were invoiced in 2026 but do not appear in the validation file. They\n represent {fmtInt(dp.outside.reduce((s, o) => s + o.hist.reduce((a, b) => a + b, 0), 0))} units\n and currently receive no forecast at all.\n

\n \n \n \n \n \n \n {dp.outside.slice(0, 25).map((o) => (\n \n \n \n \n \n ))}\n \n

SKU	Product	Invoiced 2026
{o.code}	{byCode[String(o.code)]?.name ?? \"—\"}	{fmtInt(o.hist.reduce((a, b) => a + b, 0))}

\n \n )}\n

\n );\n}\n\n/** Export au format attendu par l'équipe demand planning : une ligne par référence,\n * une colonne par mois, plus les éléments de contexte qui permettent de challenger\n * la proposition sans revenir vers nous. */\nfunction exportXlsx(rows: any[], target: string[], dp: DpPayload) {\n const data = rows.map((r) => {\n const o: Record = {\n \"Product Code\": r.s.code,\n \"Product Description\": r.s.name,\n \"Brand\": r.s.brand,\n \"PL Name\": r.s.pl,\n \"PIPO\": r.s.pipo,\n \"Catalogue lifecycle\": r.p?.lc ?? \"\",\n \"Lifecycle used\": r.stage,\n \"Account\": \"DtoC\",\n \"Source Table\": \"Commercial Forecast\",\n \"Forecast reliability\": r.basis === \"history\" ? reliabilityOf(r.cls.kind) : \"n/a\",\n \"Demand profile\": r.cls.kind,\n \"Basis\": r.basis,\n \"DtoC sales 90d\": Math.round(r.ch.dtoc),\n \"Marketplace sales 90d\": Math.round(r.ch.mp),\n \"Total sales 90d\": Math.round(r.ch.dtoc + r.ch.mp),\n \"History 12m\": Math.round(r.total),\n \"Current FC 6m\": Math.round(r.sumCurrent),\n };\n o[\"Avg selling price (excl. VAT)\"] = Math.round(r.asp * 100) / 100;\n target.forEach((m, i) => { o[m] = r.final[i]; });\n o[\"Total 6 months\"] = r.sumProposal;\n o[\"Revenue 6 months (excl. VAT)\"] = Math.round(r.sumProposal * r.asp);\n o[\"Gap vs current FC\"] = r.sumCurrent > 0\n ? Math.round((r.sumProposal - r.sumCurrent) / r.sumCurrent * 100) / 100 : null;\n return o;\n });\n\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, XLSX.utils.json_to_sheet(data), \"Forecast\");\n\n const notes = [\n [\"D2C France forecast export\"],\n [\"Generated\", new Date().toLocaleString(\"fr-FR\")],\n [\"Source DP file\", dp.source_file],\n [\"Products\", data.length],\n [],\n [\"Method\"],\n [\"Level\", \"Average of sales over the chosen history window, weighted towards recent months at short horizon and smoothed at long horizon\"],\n [\"End of life\", \"Set to zero: a discontinued product is not meant to be replenished\"],\n [\"New products\", \"Average of analogue products' ramp-up curves, scaled by the price ratio\"],\n [\"No decay\", \"No ageing coefficient is applied: the lifecycle explains the phenomenon better\"],\n [],\n [\"Reliability\", \"Derived from how spaced out and how uneven the sales history is (Syntetos-Boylan-Croston). High = sells steadily every month; very low = sporadic sales of very uneven size, worth overriding by hand\"],\n [],\n [\"Known limitations\"],\n [\"Seasonality\", \"Not applied — weak on large appliances\"],\n [\"Marketplace\", \"Ramp-up entered manually, not inferred from history\"],\n [\"Availability\", \"Flagged when the forecast exceeds it, never used to cap the forecast\"],\n [\"Scope\", `${dp.outside?.length ?? 0} invoiced products outside the DP file are not forecast here`],\n ];\n XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(notes), \"Method\");\n\n const d = new Date().toISOString().slice(0, 10);\n XLSX.writeFile(wb, `forecast_D2C_${d}.xlsx`);\n}\n\nfunction StageBadge({ stage }: { stage: LifeStage }) {\n const tone = stage === \"active\" ? \"bg-emerald-100 text-emerald-700\"\n : stage === \"launch\" ? \"bg-indigo-100 text-indigo-700\"\n : stage === \"end of life\" ? \"bg-slate-200 text-slate-600\"\n : \"bg-slate-100 text-slate-400\";\n return {stage};\n}\n\n/** Ce que l'on peut attendre du chiffre proposé, plutôt que la forme de la série.\n * Le profil de demande sous-jacent reste dans l'infobulle : c'est la justification,\n * pas la conclusion. */\nfunction ClassBadge({ kind, basis }: { kind: any; basis: string }) {\n if (basis === \"end of life\") {\n return not forecast;\n }\n if (basis === \"analogue\") {\n return (\n \n from analogue\n \n );\n }\n if (basis === \"none\") {\n return (\n \n no basis\n \n );\n }\n const level = reliabilityOf(kind);\n const tone = level === \"high\" ? \"bg-emerald-100 text-emerald-700\"\n : level === \"medium\" ? \"bg-amber-100 text-amber-700\"\n : level === \"low\" ? \"bg-orange-100 text-orange-700\"\n : level === \"very low\" ? \"bg-rose-100 text-rose-700\"\n : \"bg-slate-100 text-slate-400\";\n return (\n \n {level}\n \n );\n}\n\nfunction Field({ label, help, children }: any) {\n return (\n

{label}

\n {children}\n

{help}

\n );\n}\n\nfunction Stat({ label, value, accent }: any) {\n return (\n

{label}

{value}

\n );\n}\n\nfunction Pill({ active, onClick, children }: any) {\n return (\n \n );\n}\n\nfunction Card({ title, children, right }: any) {\n return (\n

\n {title && (\n

{title}

\n {right}\n

\n )}\n

{children}

\n );\n}\n",[],[709,774],"ed56bffd-2de5-4fb0-a220-1d5856022a74","ErrorBoundary.tsx","01a038e7-814e-767d-b08a-143350bea201",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Filet de sécurité contre l'écran blanc.\n//\n// React démonte TOUT l'arbre dès qu'un composant lève une erreur pendant le rendu.\n// Une seule ligne fautive dans un panneau secondaire suffit donc à faire disparaître\n// le dashboard entier, sans message — c'est exactement ce qui s'est produit en\n// cliquant sur un SKU dans Forecast : le panneau de détail lisait une propriété\n// absente et l'application entière tombait.\n//\n// Une frontière d'erreur contient la casse : seule la zone fautive est remplacée par\n// un message, le reste du dashboard continue de fonctionner. Elle ne corrige aucun\n// bug, elle empêche qu'un bug local devienne une panne totale.\nimport { Component, type ReactNode } from \"https://esm.sh/react@18.2.0\";\n\ninterface Props {\n children: ReactNode;\n /** Nom de la zone protégée, affiché dans le message pour situer le problème. */\n area?: string;\n}\ninterface State { error: Error | null }\n\nexport default class ErrorBoundary extends Component {\n state: State = { error: null };\n\n static getDerivedStateFromError(error: Error): State {\n return { error };\n }\n\n componentDidCatch(error: Error, info: any) {\n // La console reste la source de vérité pour diagnostiquer : on y laisse la trace\n // complète, l'écran n'en montrant qu'un résumé lisible.\n console.error(`[${this.props.area ?? \"dashboard\"}]`, error, info?.componentStack);\n }\n\n render() {\n const { error } = this.state;\n if (!error) return this.props.children;\n return (\n

\n Cette section n'a pas pu s'afficher\n

\n Le reste du dashboard reste utilisable. Changez d'onglet, ou rechargez la page\n pour repartir d'un état propre.\n

Détail technique

\n            {this.props.area ? `[${this.props.area}] ` : \"\"}{String(error?.message ?? error)}\n

\n this.setState({ error: null })}\n className=\"mt-3 px-3 py-1.5 rounded-lg border border-rose-300 text-rose-800 text-xs hover:bg-rose-100\">\n Réessayer\n \n

\n );\n }\n}\n",[],[709,781],"c11c545c-6e2d-4062-ab06-69a6ea272ce2","App.tsx","01a038e7-814e-767d-b08a-12c6187161fa",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n Alert, BRAND_COLORS, downloadCSV, fmtEur, fmtEurK, fmtInt, fmtPct, GROUPS, groupBy,\n Product, productAlerts, aggregate, shippedRevenueBySku, shippedDelivery,\n preCutoverRevenue, preCutoverUnits, shopifyWindowStart, DEFAULT_CUTOVER, displayUser,\n fillDays, isWeekend,\n} from \"/frontend/helpers.ts\";\nimport * as Ico from \"/frontend/Icons.tsx\";\nimport Simulator from \"/frontend/Simulator.tsx\";\nimport Parameters from \"/frontend/Parameters.tsx\";\nimport Forecast from \"/frontend/Forecast.tsx\";\nimport { applyParams } from \"/frontend/pricing.ts\";\nimport { useOrders } from \"/frontend/ordersStore.ts\";\nimport ErrorBoundary from \"/frontend/ErrorBoundary.tsx\";\nimport Amazon from \"/frontend/Amazon.tsx\";\n\nconst NAVY = \"#1F3864\";\nconst ACCENT = \"#4F46E5\";\n\n/** Category-group icons, keyed by GROUPS[].icon */\nconst GROUP_ICONS: Record = {\n fridge: Ico.IconFridge, washer: Ico.IconWasher, oven: Ico.IconOven,\n vacuum: Ico.IconVacuum, coffee: Ico.IconCoffee, tv: Ico.IconTv,\n detergent: Ico.IconDetergent, other: Ico.IconOther,\n};\n\n/** Inline \"icon + label\" for a category group. */\nfunction GroupLabel({ g, size = 16 }: { g: any; size?: number }) {\n const I = GROUP_ICONS[g.icon] ?? Ico.IconOther;\n return (\n \n {g.label}\n \n );\n}\n\n/** Just the icon, from a group key. */\nfunction GroupIcon({ k, size = 15 }: { k: string; size?: number }) {\n const g = GROUPS.find((x) => x.key === k);\n const I = GROUP_ICONS[g?.icon ?? \"other\"] ?? Ico.IconOther;\n return ;\n}\nconst BRANDS = [\"CANDY\", \"HOOVER\", \"HAIER\"];\nconst TABS = [\n { id: \"overview\", label: \"Overview\", Icon: Ico.IconOverview },\n { id: \"products\", label: \"Products\", Icon: Ico.IconProducts },\n { id: \"bestsellers\", label: \"Scorecards\", Icon: Ico.IconScorecard },\n { id: \"business\", label: \"Business\", Icon: Ico.IconBusiness },\n { id: \"logistic\", label: \"Logistic\", Icon: Ico.IconLogistic },\n // Amazon Vendor (1P) — périmètre distinct du D2C, jamais agrégé avec lui.\n // Placé après les onglets D2C pour marquer visuellement la séparation.\n { id: \"amazon\", label: \"Amazon Vendor\", Icon: Ico.IconReceipt },\n { id: \"simulator\", label: \"Pricing Simulator\", Icon: Ico.IconSimulator },\n { id: \"forecast\", label: \"Forecast\", Icon: Ico.IconForecast },\n { id: \"actions\", label: \"Action Plan\", Icon: Ico.IconAction },\n { id: \"changes\", label: \"Changes\", Icon: Ico.IconChanges },\n // editorOnly : masqué aux comptes en lecture seule. Ce n'est qu'un confort d'affichage,\n // la vraie protection étant le refus de PUT /api/params côté serveur.\n { id: \"parameters\", label: \"Parameters\", Icon: Ico.IconScale, editorOnly: true },\n] as const;\n\ntype TabId = typeof TABS[number][\"id\"];\n\nexport default function App() {\n const [data, setData] = useState(null);\n const [error, setError] = useState(null);\n const [tab, setTab] = useState(\"overview\");\n const [changes, setChanges] = useState([]);\n // Tiroir de navigation sur petit écran. Sans effet à partir de lg, où la barre\n // latérale redevient permanente.\n const [navOpen, setNavOpen] = useState(false);\n // Sert uniquement à dater les commandes dans l'en-tête. Le téléchargement étant\n // mutualisé, cet appel ne déclenche aucune requête supplémentaire.\n const ordersMeta = useOrders();\n\n const loadChanges = () => {\n fetch(\"/api/changes\").then((r) => r.ok ? r.json() : { entries: [] })\n .then((j) => setChanges(j.entries ?? [])).catch(() => {});\n };\n\n // Paramètres économiques : ils remplacent les constantes de pricing.ts avant tout\n // calcul du simulateur. `paramsTick` force un rendu après application, sinon React\n // ignorerait la mutation de l'objet PARAMS et le simulateur garderait l'ancienne valeur.\n const [paramsTick, setParamsTick] = useState(0);\n const loadParams = () => {\n fetch(\"/api/params\").then((r) => r.ok ? r.json() : null)\n .then((j) => { if (j?.values) { applyParams(j.values); setParamsTick((n) => n + 1); } })\n .catch(() => {});\n };\n\n useEffect(() => {\n fetch(\"/api/data\").then(async (r) => {\n if (!r.ok) {\n const j = await r.json().catch(() => ({}));\n setError(j.message ?? `Error ${r.status}`);\n return;\n }\n setData(await r.json());\n }).catch((e) => setError(String(e)));\n loadChanges();\n loadParams();\n }, []);\n\n if (error) {\n return (\n
\n
\n
📭
\n
No data available
\n
{error}
\n
\n
\n );\n }\n if (!data) {\n return (\n
\n
Loading dashboard…
\n
\n );\n }\n\n const products: Product[] = data.products;\n // Read-only accounts (direction, observers). The server rejects their writes anyway —\n // this only keeps the edit affordances out of their way.\n const canEdit = data.viewer?.canEdit !== false;\n const pendingByCode = new Set(changes.filter((c) => c.status === \"pending\").map((c) => c.code));\n const nPending = pendingByCode.size;\n\n // Modifications parties du dashboard mais pas encore visibles dans l'export du site.\n //\n // C'est la source d'un vrai malentendu : une équipe change un prix, revient sur Products,\n // et voit toujours l'ancienne valeur — parce que la colonne « Site price » vient de\n // l'export Matrixify, qui ne sera régénéré qu'après le passage de la modification dans\n // Shopify. Elle en conclut que rien n'a été enregistré et recommence.\n //\n // On retient « pending » (en file) et « sent » (livré à Matrixify, pas encore confirmé),\n // mais pas « applied » : à ce stade l'export reflète la nouvelle valeur, il n'y a plus\n // rien à signaler. Les entrées arrivant les plus récentes d'abord, la première rencontrée\n // pour un couple SKU + champ est la bonne.\n const queuedByCode: Record> = {};\n for (const c of changes) {\n if (c.status !== \"pending\" && c.status !== \"sent\") continue;\n const byField = (queuedByCode[c.code] ??= {});\n if (!byField[c.field]) byField[c.field] = c;\n }\n\n const visibleTabs = TABS.filter((t) => canEdit || !(t as any).editorOnly);\n const current = visibleTabs.find((t) => t.id === tab) ?? visibleTabs[0];\n\n return (\n
\n {/* Voile d'arrière-plan du tiroir. Uniquement sous le point de rupture :\n en desktop la barre est permanente et ne doit rien masquer. */}\n {navOpen && (\n
setNavOpen(false)} aria-hidden=\"true\" />\n )}\n\n {/* ── Sidebar ─────────────────────────────────────────────────────────\n Permanente à partir de lg, tiroir coulissant en dessous. On la garde\n montée en permanence plutôt que de la démonter : l'animation reste\n fluide et l'état de défilement de la liste d'onglets est conservé. */}\n \n
\n
D2C
\n
\n
D2C France
\n
Haier · Candy · Hoover
\n
\n {/* Fermeture explicite : le voile suffit à la souris, mais au doigt une\n croix reste le geste attendu et évite les fermetures accidentelles. */}\n \n
\n\n
\n {visibleTabs.map((t) => {\n const active = tab === t.id;\n const Icon = t.Icon;\n return (\n \n );\n })}\n
\n\n
\n
\n {data.viewer?.username ?? \"—\"}\n
\n {!canEdit && (\n
\n Read-only access\n
\n )}\n
\n \n
\n view source\n
\n \n\n {/* ── Main ────────────────────────────────────────────────── */}\n
\n
\n
\n {/* Ouvre le tiroir. Masqué dès lg, où la barre latérale est visible. */}\n \n \n
{current.label}
\n
\n {/* Les dates de fraîcheur sont un repère utile mais secondaire : elles\n cèdent la place au titre sur les écrans étroits. */}\n
\n \n \n Catalogue {data.generated_at ? new Date(data.generated_at).toLocaleDateString(\"fr-FR\") : \"?\"}\n \n {data.cms_synced_at && (\n Site {new Date(data.cms_synced_at).toLocaleString(\"fr-FR\", { day: \"2-digit\", month: \"2-digit\", hour: \"2-digit\", minute: \"2-digit\" })}\n )}\n {/* Troisième source, la plus fraîche : c'est elle qui explique qu'un écran\n bâti sur les commandes soit en avance sur un écran bâti sur le BI. */}\n {ordersMeta?.updated_at && (\n \n Commandes {new Date(ordersMeta.updated_at).toLocaleString(\"fr-FR\", { day: \"2-digit\", month: \"2-digit\", hour: \"2-digit\", minute: \"2-digit\" })}\n \n )}\n
\n
\n\n
\n {/* `key={tab}` remonte une frontière neuve à chaque changement d'onglet : un\n onglet tombé en erreur ne reste pas bloqué sur son message une fois qu'on\n en est parti puis revenu. */}\n \n {tab === \"overview\" && }\n {tab === \"products\" && (\n \n )}\n {tab === \"bestsellers\" && }\n {tab === \"business\" && }\n {tab === \"logistic\" && }\n {tab === \"amazon\" && }\n {tab === \"simulator\" && (\n // `key` : le simulateur calcule à partir de PARAMS, muté sur place. Sans\n // remontage, un changement de paramètre ne serait pas répercuté.\n \n )}\n {tab === \"forecast\" && }\n {tab === \"actions\" && }\n {tab === \"changes\" && }\n {tab === \"parameters\" && canEdit && }\n \n
\n
\n
\n );\n}\n\n// ═══════════════════════════════ OVERVIEW ═══════════════════════════════════\nfunction Overview({ products, cutover }: { products: Product[]; cutover?: string }) {\n const orders = useOrders();\n\n // Year-to-date revenue, composed from the two sources so it is both complete and fresh:\n // • before the Shopify cut-over → BI invoiced NSV (Shopify does not cover the migration)\n // • from the cut-over onwards → Shopify shipped revenue, synced nightly\n // Falls back to the BI full-year figure while the orders feed is loading or absent.\n const cut = cutover ?? DEFAULT_CUTOVER;\n const today = new Date().toISOString().slice(0, 10);\n\n const revBySku = useMemo(() => {\n const lines = orders?.lines;\n if (!Array.isArray(lines) || lines.length === 0) return undefined;\n const shipped = shippedRevenueBySku(lines, products, cut, today);\n const out: Record = {};\n for (const p of products) {\n const k = String(p.code);\n out[k] = (p.revPre ?? 0) + (shipped[k] ?? 0);\n }\n return out;\n }, [orders, products, cut]);\n\n // Headline revenue — same scope as the Business tab: goods (catalogue AND service\n // SKUs) plus the delivery charged. The per-brand / per-category tables below stay\n // product-only, since services and delivery cannot be attributed to a brand.\n const totalRevenue = useMemo(() => {\n const lines = orders?.lines;\n if (!Array.isArray(lines) || lines.length === 0) return undefined;\n const bySku = shippedRevenueBySku(lines, products, cut, today);\n const goods = Object.values(bySku).reduce((s, v) => s + v, 0);\n // Avoirs sans détail article : ils ne portent aucune référence, donc n'apparaissent\n // pas dans `bySku`. Sans cette déduction, Overview affichait 40 k€ de plus que\n // l'onglet Business — un écart sans cause visible pour qui compare les deux écrans.\n const orphans: any[] = (orders as any)?.orphan_refunds ?? [];\n const orphanVal = orphans\n .filter((o) => o.amt != null && o.rf >= cut && o.rf <= today)\n .reduce((s, o) => s + o.amt / 1.2, 0);\n return preCutoverRevenue(products, \"2026-01-01\", cut) + goods\n + shippedDelivery(lines, cut, today) - orphanVal;\n }, [orders, products, cut]);\n\n const tot = aggregate(products, revBySku);\n const byBrand = BRANDS.map((b) => ({ brand: b, ...aggregate(products.filter((p) => p.brand === b), revBySku) }));\n const byGroup = GROUPS.map((g) => ({ ...g, ...aggregate(products.filter((p) => p.grp === g.key), revBySku) }))\n .filter((g) => g.count > 0);\n\n return (\n
\n
\n \n \n \n {/* Trois états distincts, jamais confondus : en cours de chargement on ne montre\n AUCUN chiffre. Auparavant un montant de repli s'affichait pendant les\n secondes de téléchargement — il ressemblait à un résultat définitif et ne se\n distinguait que par un « est. » dans un libellé tronqué à l'écran. C'est\n précisément ce qui faisait croire à un écart avec l'onglet Business. */}\n {orders === undefined\n ? (\n
\n
\n
\n
\n
Revenue YTD — chargement…
\n
\n
\n )\n : (\n \n )}\n \n \n \n
\n\n
\n \n ({ key: b.brand, label: , ...b }))}\n total={tot} />\n \n \n ({ ...g, key: g.key, label: }))} />\n \n
\n
\n );\n}\n\nfunction PerfTable({ rows, total }: { rows: any[]; total?: any }) {\n return (\n
\n \n \n \n \n \n \n \n \n {rows.map((r) => (\n \n \n \n \n \n \n \n \n ))}\n {total && (\n \n \n \n \n \n \n \n \n )}\n \n
Products Sales (u) {total?.revIsInvoiced === false ? \"Revenue est.\" : \"Revenue\"} Forecast (u) Sell-thru
{r.label} {fmtInt(r.count)} {fmtInt(r.sales)} {fmtEurK(r.rev)} {fmtInt(r.fc)}
TOTAL {fmtInt(total.count)} {fmtInt(total.sales)} {fmtEurK(total.rev)} {fmtInt(total.fc)} {fmtPct(total.st)}
\n
\n );\n}\n\n// ═══════════════════════════════ PRODUCTS ═══════════════════════════════════\ninterface ViewDef { name: string; q: string; brand: string | null; grp: string | null; lc: string; ss: string; alertsOnly: boolean }\n\nfunction loadViews(): ViewDef[] {\n try { return JSON.parse(localStorage.getItem(\"d2c_views\") ?? \"[]\"); } catch { return []; }\n}\n\nfunction Products({ products, pendingByCode, queuedByCode = {}, onChanged, canEdit = true }:\n {\n products: Product[]; pendingByCode: Set;\n queuedByCode?: Record>;\n onChanged: () => void; canEdit?: boolean;\n }) {\n const [q, setQ] = useState(\"\");\n const [brand, setBrand] = useState(null);\n const [grp, setGrp] = useState(null);\n const [lc, setLc] = useState(\"\");\n const [ss, setSs] = useState(\"\");\n const [alertsOnly, setAlertsOnly] = useState(false);\n const [sort, setSort] = useState<{ k: keyof Product; dir: 1 | -1 }>({ k: \"sales\", dir: -1 });\n const [sel, setSel] = useState>(new Set());\n const [modal, setModal] = useState(null);\n const openModal = (kind: any, value = \"\") =>\n setModal({ kind, value, rounding: \"none\", when: \"now\", at: \"\" });\n\n const roundPrice = (v: number, rule: string): number => {\n if (rule === \"ceil\") return Math.ceil(v);\n if (rule === \"floor\") return Math.floor(v);\n if (rule === \"psy\") return Math.ceil((v + 0.01) / 10) * 10 - 0.01; // next price ending in 9.99\n return Math.round(v * 100) / 100;\n };\n const [busy, setBusy] = useState(false);\n const [views, setViews] = useState(loadViews());\n const [issueFilter, setIssueFilter] = useState(\"\");\n const [colsOpen, setColsOpen] = useState(false);\n const [hiddenCols, setHiddenCols] = useState>(() => {\n try { return new Set(JSON.parse(localStorage.getItem(\"d2c_hidden_cols\") ?? \"[]\")); } catch { return new Set(); }\n });\n\n const toggleCol = (k: string) => {\n const s = new Set(hiddenCols);\n s.has(k) ? s.delete(k) : s.add(k);\n setHiddenCols(s);\n localStorage.setItem(\"d2c_hidden_cols\", JSON.stringify([...s]));\n };\n const vis = (k: string) => !hiddenCols.has(k);\n\n const COL_DEFS: { k: string; label: string }[] = [\n { k: \"cat\", label: \"Category\" }, { k: \"lc\", label: \"Lifecycle\" }, { k: \"ss\", label: \"Site\" },\n { k: \"s48\", label: \"Stock 48\" }, { k: \"s47p\", label: \"Area 47 stock\" }, { k: \"s47d\", label: \"Area 47 avail. M3\" },\n { k: \"cost\", label: \"Standard cost\" },\n { k: \"pvc\", label: \"RRP\" }, { k: \"be\", label: \"Breakeven\" }, { k: \"mip\", label: \"MIP\" },\n { k: \"price\", label: \"Site price\" }, { k: \"comp\", label: \"Min comp\" }, { k: \"compname\", label: \"Cheapest competitor\" },\n { k: \"gap\", label: \"Gap\" }, { k: \"mcur\", label: \"Margin\" }, { k: \"fc\", label: \"Forecast\" },\n { k: \"sales\", label: \"Sales YTD\" }, { k: \"st\", label: \"Sell-thru\" },\n ];\n\n const lifecycles = useMemo(() => [...new Set(products.map((p) => p.lc))].sort(), [products]);\n const statuses = useMemo(() => [...new Set(products.map((p) => p.ss))].sort(), [products]);\n const allIssues = useMemo(() => {\n const counts: Record = {};\n for (const p of products) for (const a of productAlerts(p)) counts[a.issue] = (counts[a.issue] ?? 0) + 1;\n return Object.entries(counts).sort((a, b) => b[1] - a[1]);\n }, [products]);\n\n const filtered = useMemo(() => {\n const ql = q.trim().toLowerCase();\n let out = products.filter((p) =>\n (!brand || p.brand === brand) &&\n (!grp || p.grp === grp) &&\n (!lc || p.lc === lc) &&\n (!ss || p.ss === ss) &&\n (!alertsOnly || productAlerts(p).length > 0) &&\n (!issueFilter || productAlerts(p).some((a) => a.issue === issueFilter)) &&\n (!ql || String(p.code).includes(ql) || p.name.toLowerCase().includes(ql) ||\n (p.cat ?? \"\").toLowerCase().includes(ql))\n );\n out = [...out].sort((a, b) => {\n const va = a[sort.k] ?? -Infinity, vb = b[sort.k] ?? -Infinity;\n return (va < vb ? -1 : va > vb ? 1 : 0) * sort.dir;\n });\n return out;\n }, [products, q, brand, grp, lc, ss, alertsOnly, issueFilter, sort]);\n\n const toggleSel = (code: number) => {\n const s = new Set(sel);\n s.has(code) ? s.delete(code) : s.add(code);\n setSel(s);\n };\n const selectAllFiltered = () => setSel(new Set(filtered.map((p) => p.code)));\n\n const applyView = (v: ViewDef) => {\n setQ(v.q); setBrand(v.brand); setGrp(v.grp); setLc(v.lc); setSs(v.ss); setAlertsOnly(v.alertsOnly);\n };\n const saveCurrentView = () => {\n const name = prompt(\"Nom de la vue :\");\n if (!name) return;\n const next = [...views.filter((v) => v.name !== name), { name, q, brand, grp, lc, ss, alertsOnly }];\n setViews(next); localStorage.setItem(\"d2c_views\", JSON.stringify(next));\n };\n const deleteView = (name: string) => {\n const next = views.filter((v) => v.name !== name);\n setViews(next); localStorage.setItem(\"d2c_views\", JSON.stringify(next));\n };\n\n const submitChanges = async () => {\n if (!modal) return;\n const selProducts = products.filter((p) => sel.has(p.code));\n const applyAt = modal.when === \"later\" && modal.at\n ? new Date(modal.at).toISOString() : null;\n const changes: any[] = [];\n let skipped = 0;\n for (const p of selProducts) {\n if (modal.kind === \"status\") {\n changes.push({ code: p.code, field: \"status\", newValue: modal.value, oldValue: p.ss, applyAt });\n continue;\n }\n let np: number | null = null;\n if (modal.kind === \"price\") np = Number(modal.value);\n else if (modal.kind === \"pct\") np = p.price ? p.price * (1 + Number(modal.value) / 100) : null;\n else if (modal.kind === \"align_be\") np = p.be ?? null;\n else if (modal.kind === \"align_mip\") np = p.mip ?? null;\n else if (modal.kind === \"align_rrp\") np = p.pvc ?? null;\n else if (modal.kind === \"align_comp\") np = (p.comp && p.comp > 0) ? p.comp : null;\n else if (modal.kind === \"margin\") {\n const m = Number(modal.value) / 100;\n np = (p.cost != null && m < 1) ? ((p.cost + (p.deee ?? 0)) / (1 - m)) * 1.2 : null;\n }\n if (np == null || !isFinite(np) || np <= 0) { skipped++; continue; }\n if ([\"align_comp\", \"margin\", \"pct\"].includes(modal.kind)) np = roundPrice(np, modal.rounding);\n else np = Math.round(np * 100) / 100;\n changes.push({ code: p.code, field: \"price\", newValue: np, oldValue: p.price ?? null, applyAt });\n }\n if (changes.length === 0) { alert(`No applicable product (missing reference price — ${skipped} skipped)`); return; }\n if (skipped > 0 && !confirm(`${skipped} product(s) skipped (missing reference). Continue with ${changes.length}?`)) return;\n setBusy(true);\n const r = await fetch(\"/api/changes\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ changes }),\n });\n const j = await r.json();\n setBusy(false); setModal(null); setSel(new Set());\n onChanged();\n alert(`${j.added} change(s) queued.` +\n (j.errors?.length ? `\\n\\nErrors:\\n${j.errors.join(\"\\n\")}` : \"\"));\n };\n\n // sticky top-0 keeps the header visible while the table body scrolls in its own box\n const Th = ({ k, children, right = true }: any) => (\n setSort((s) => ({ k, dir: s.k === k ? (s.dir === 1 ? -1 : 1) : -1 }))}>\n {children}{sort.k === k ? (sort.dir === -1 ? \" ↓\" : \" ↑\") : \"\"}\n \n );\n\n return (\n
\n \n {views.length > 0 && (\n
\n Vues :\n {views.map((v) => (\n \n \n \n \n ))}\n
\n )}\n
\n {/* Pleine largeur sur mobile : à 375 px une recherche de 16 rem laissait\n deux sélecteurs orphelins sur la ligne suivante. */}\n setQ(e.target.value)} placeholder=\"Search SKU / name / category…\"\n className=\"px-3 py-2 border rounded-lg text-sm w-full sm:w-64\" />\n \n \n \n \n setAlertsOnly(e.target.checked)} />\n With alerts only\n \n \n
\n \n {colsOpen && (\n /* Ancré à droite et borné à la largeur d'écran : ouvert depuis un bouton\n proche du bord, le panneau sortait de la page sur mobile. */\n
\n {COL_DEFS.map((c) => (\n \n toggleCol(c.k)} />\n {c.label}\n \n ))}\n
\n )}\n
\n \n
\n
\n setBrand(null)}>All brands\n {BRANDS.map((b) => setBrand(brand === b ? null : b)}>{b})}\n |\n setGrp(null)}>All categories\n {GROUPS.filter((g) => g.key !== \"Other\").map((g) =>\n setGrp(grp === g.key ? null : g.key)}>\n )}\n
\n \n\n {/* Bulk action bar — editors only */}\n {canEdit && sel.size > 0 && (\n
\n {sel.size} selected\n \n \n |\n Align to:\n \n \n \n \n \n |\n \n \n \n
\n )}\n\n \n {/* The table scrolls inside its own box so the header can stay pinned to the top.\n `tscroll` y ajoute le défilement horizontal : avec 18 colonnes il n'y a aucune\n largeur d'écran, même en desktop, où tout tient sans compression illisible. */}\n
\n \n \n {canEdit && (\n \n )}\n \n \n {vis(\"cat\") && }\n {vis(\"lc\") && }\n {vis(\"ss\") && }\n {vis(\"s48\") && }\n {vis(\"s47p\") && }\n {vis(\"s47d\") && }\n {vis(\"cost\") && }\n {vis(\"pvc\") && }\n {vis(\"be\") && }\n {vis(\"mip\") && }\n {vis(\"price\") && }\n {vis(\"comp\") && }\n {vis(\"compname\") && }\n {vis(\"gap\") && }\n {vis(\"mcur\") && }\n {vis(\"fc\") && }\n {vis(\"sales\") && }\n {vis(\"st\") && }\n \n \n {filtered.slice(0, 400).map((p) => {\n const queued = queuedByCode[p.code];\n // `bg-white` explicite (et non l'absence de fond) : la cellule SKU est\n // figée à gauche et hérite du fond de sa ligne. Sans couleur déclarée\n // elle serait transparente et laisserait défiler le texte dessous.\n return (\n \n {canEdit && (\n \n )}\n \n \n {vis(\"cat\") && (\n \n )}\n {vis(\"lc\") && }\n {vis(\"ss\") && }\n {vis(\"s48\") && }\n {vis(\"s47p\") && }\n {vis(\"s47d\") && }\n {vis(\"cost\") && }\n {vis(\"pvc\") && }\n {vis(\"be\") && }\n {vis(\"mip\") && (\n \n )}\n {vis(\"price\") && (\n \n )}\n {vis(\"comp\") && }\n {vis(\"compname\") && }\n {vis(\"gap\") && }\n {vis(\"mcur\") && }\n {vis(\"fc\") && }\n {vis(\"sales\") && }\n {vis(\"st\") && }\n \n );\n })}\n \n
0 && sel.size >= filtered.length}\n onChange={(e) => e.target.checked ? selectAllFiltered() : setSel(new Set())} /> SKU Product Category Lifecycle Site Stock 48 Area 47 stock Area 47 avail. M3 Standard cost RRP Breakeven MIP Site price Min comp Cheapest comp. Gap Margin Forecast Sales YTD Sell-thru
toggleSel(p.code)} /> {p.code}{queued ? \" ⏳\" : \"\"} \n {p.name}\n \n \n {p.cat ?? \"—\"}\n \n {p.lc} {fmtInt(p.s48)} {fmtInt(p.s47p)} {fmtInt(p.s47d)} {fmtEur(p.cost)} {fmtEur(p.pvc)} {fmtEur(p.be)} \n {fmtEur(p.mip)}\n \n \n {fmtEur(p.comp)} {p.compname ?? \"—\"} {fmtPct(p.mcur)} {fmtInt(p.fc)} {fmtInt(p.sales)}
\n {filtered.length > 400 && (\n
Showing first 400 rows — refine filters or export CSV.
\n )}\n
\n \n\n {/* Edit modal */}\n {modal && (\n /* La modale doit rester atteignable au clavier virtuel : largeur bornée à\n l'écran, hauteur bornée à la fenêtre avec défilement interne. Sans quoi les\n boutons Valider/Annuler passaient sous le clavier sur téléphone. */\n
!busy && setModal(null)}>\n
e.stopPropagation()}>\n
\n {modal.kind === \"price\" ? \"💶 Set price (€ incl. VAT)\" :\n modal.kind === \"pct\" ? \"％ Adjust price (%)\" :\n modal.kind === \"align_be\" ? \"⚖️ Align to Breakeven\" :\n modal.kind === \"align_mip\" ? \"⚖️ Align to Min Internal Price\" :\n modal.kind === \"align_rrp\" ? \"⚖️ Align to RRP\" :\n modal.kind === \"align_comp\" ? \"⚔️ Align to cheapest competitor\" :\n modal.kind === \"margin\" ? \"🎯 Set price for target margin\" :\n modal.value === \"Active\" ? \"▶️ Activate listings\" : \"⏸️ Deactivate listings\"}\n
\n
{sel.size} product(s) selected. Changes go to the queue and reach Shopify at the next hourly Matrixify import.
\n {[\"price\", \"pct\", \"margin\"].includes(modal.kind) && (\n setModal({ ...modal, value: e.target.value })}\n placeholder={modal.kind === \"price\" ? \"ex: 499.99\" :\n modal.kind === \"margin\" ? \"marge cible en % — ex: 25\" : \"ex: -5 (baisse de 5%)\"}\n className=\"w-full px-3 py-2 border rounded-lg mb-3\" />\n )}\n {[\"align_comp\", \"margin\", \"pct\"].includes(modal.kind) && (\n
\n Rounding rule\n \n
\n )}\n
\n Apply\n
\n \n setModal({ ...modal, when: \"now\" })} /> Now\n \n \n setModal({ ...modal, when: \"later\" })} /> Schedule (FR time)\n \n {modal.when === \"later\" && (\n setModal({ ...modal, at: e.target.value })}\n className=\"px-2 py-1.5 border rounded-lg text-sm\" />\n )}\n
\n
\n
\n \n \n
\n
\n
\n )}\n
\n );\n}\n\nfunction exportProducts(list: Product[]) {\n downloadCSV(\"products_export.csv\",\n [\"SKU\", \"EAN\", \"Name\", \"Brand\", \"Category\", \"Group\", \"Lifecycle\", \"Site status\", \"Stock48\", \"Stock47\", \"Standard cost\", \"Eco-part. DEEE\", \"Site price\", \"Breakeven\", \"Min internal\", \"RSP\", \"Min competitor\", \"Cheapest competitor\", \"Gap %\", \"Margin %\", \"Forecast\", \"Sales YTD\", \"Sales/wk\", \"Sell-through %\", \"Revenue est.\", \"Catalogue action\"],\n list.map((p) => [p.code, p.ean ?? \"\", p.name, p.brand, p.cat ?? \"\", p.grp, p.lc, p.ss, p.s48, p.s47p,\n p.cost ?? \"\", p.deee ?? \"\",\n p.price ?? \"\", p.be ?? \"\", p.mip ?? \"\", p.rsp ?? \"\", p.comp ?? \"\", p.compname ?? \"\",\n p.gap != null ? (p.gap * 100).toFixed(1) : \"\", p.mcur != null ? (p.mcur * 100).toFixed(1) : \"\",\n p.fc, p.sales, p.spw ?? \"\", p.st != null ? (p.st * 100).toFixed(1) : \"\",\n p.price ? Math.round(p.price * p.sales) : \"\", p.cact]));\n}\n\n// ═══════════════════════════ SCORECARDS (BEST SELLERS) ══════════════════════\nfunction BestSellers({ products, cutover }: { products: Product[]; cutover?: string }) {\n const [scopeType, setScopeType] = useState<\"all\" | \"brand\" | \"group\">(\"all\");\n const [scopeVal, setScopeVal] = useState(\"\");\n const [q, setQ] = useState(\"\");\n const [rankBy, setRankBy] = useState<\"units\" | \"revenue\">(\"units\");\n // Profondeur du classement. « all » liste toutes les références ayant vendu sur la\n // période, ce qui transforme l'onglet en inventaire des produits vendus.\n const [topN, setTopN] = useState<20 | 50 | 100 | \"all\">(20);\n const orders = useOrders(); // undefined=loading, null=absent\n const [from, setFrom] = useState(() => new Date().getFullYear() + \"-01-01\");\n const [to, setTo] = useState(() => new Date().toISOString().slice(0, 10));\n\n // La recherche agit comme les autres filtres de périmètre : elle restreint tout le\n // scorecard, KPI compris, et pas seulement le classement. Une carte dont le Top 20\n // serait filtré mais dont les totaux porteraient sur le catalogue entier donnerait des\n // parts de marché fausses — et cette carte est faite pour être imprimée et diffusée.\n const scoped = useMemo(() => {\n const ql = q.trim().toLowerCase();\n let out = products;\n if (scopeType === \"brand\" && scopeVal) out = out.filter((p) => p.brand === scopeVal);\n else if (scopeType === \"group\" && scopeVal) out = out.filter((p) => p.grp === scopeVal);\n if (ql) {\n out = out.filter((p) =>\n String(p.code).includes(ql) ||\n p.name.toLowerCase().includes(ql) ||\n (p.cat ?? \"\").toLowerCase().includes(ql));\n }\n return out;\n }, [products, scopeType, scopeVal, q]);\n\n const hasOrders = Array.isArray(orders?.lines) && orders.lines.length > 0;\n\n // ── Period figures from the orders feed ────────────────────────────────────\n // Shipped lines dated on their FULFILMENT date, net of discounts, minus refunds\n // booked on their own refund date — the same accounting basis as the BI.\n // Quand la part BI est ajoutée (période remontant avant la bascule), Shopify doit\n // démarrer à la bascule — sinon janvier–février compterait deux fois.\n const biIncluded = from < (cutover ?? DEFAULT_CUTOVER);\n const shopFrom = shopifyWindowStart(from, cutover ?? DEFAULT_CUTOVER, biIncluded);\n\n const period = useMemo(() => {\n if (!hasOrders) return null;\n const byCode: Record = {};\n for (const p of scoped) byCode[String(p.code)] = p;\n const units: Record = {};\n const rev: Record = {};\n let refundVal = 0, refundUnits = 0, hasRef = false, deeeTotal = 0;\n // Marge RÉELLEMENT réalisée, ligne par ligne, au prix effectivement pratiqué —\n // même méthode que l'onglet Business. La version précédente appliquait le taux de\n // marge du prix du jour pondéré par le CA de la période : elle ignorait remises et\n // tarifs marketplace et surestimait la marge de 5 points, jusqu'à afficher +53 % sur\n // une référence vendue à perte.\n let mSum = 0, mBase = 0;\n // Même calcul par référence : le KPI et la ligne produit doivent dire la même chose.\n const mBySku: Record = {};\n // Revenue excl. VAT AND excl. eco-participation — the BI's NSV definition.\n const goodsOf = (l: any, p: Product) =>\n (l.n != null ? l.n : l.p * l.q) / 1.2 - (p.deee ?? 0) * l.q;\n for (const l of orders.lines) {\n const kind = l.k ?? \"ord\";\n if (kind === \"ord\") continue;\n const d = kind === \"ref\" ? l.rf : (l.f || l.d);\n if (!d || d < shopFrom || d > to) continue;\n const sku = l.sku ?? \"\";\n const p = byCode[sku];\n if (!p) continue;\n const sign = kind === \"ref\" ? -1 : 1;\n const amt = goodsOf(l, p);\n units[sku] = (units[sku] ?? 0) + sign * l.q;\n rev[sku] = (rev[sku] ?? 0) + sign * amt;\n deeeTotal += sign * (p.deee ?? 0) * l.q;\n if (p.cost && l.p > 0) {\n mSum += sign * (amt - p.cost * l.q);\n mBase += sign * amt;\n const e = (mBySku[sku] ??= { gm: 0, base: 0 });\n e.gm += sign * (amt - p.cost * l.q);\n e.base += sign * amt;\n }\n if (kind === \"ref\") { hasRef = true; refundVal += amt; refundUnits += l.q; }\n }\n const totUnits = Object.values(units).reduce((s, v) => s + v, 0);\n const totRev = Object.values(rev).reduce((s, v) => s + v, 0);\n return {\n units, rev, totUnits, totRev, refundVal, refundUnits, hasRef, deeeTotal, mBySku,\n margin: mBase > 0 ? mSum / mBase : null,\n marginBase: mBase,\n };\n }, [hasOrders, orders, scoped, shopFrom, to]);\n\n /** Units and revenue for a product: real period figures, or catalogue YTD as fallback. */\n // Même définition partout : BI avant la bascule, Shopify après — pour le CA comme\n // pour les unités, faute de quoi le prix de vente moyen serait faux.\n const preOf = (p: Product) => (biIncluded ? (p.revPre ?? 0) : 0);\n const preUnitsOf = (p: Product) => (biIncluded ? (p.salesPre ?? 0) : 0);\n const unitsOf = (p: Product) =>\n period ? preUnitsOf(p) + (period.units[String(p.code)] ?? 0) : p.sales;\n const revOf = (p: Product) =>\n period ? preOf(p) + (period.rev[String(p.code)] ?? 0) : (p.rev ?? (p.price ?? 0) * p.sales);\n /** Marge réalisée de la référence sur la période, ou null si rien à mesurer.\n * Même source que le KPI : afficher deux définitions dans un même écran était le\n * défaut le plus visible du Scorecard. */\n const marginOf = (p: Product): number | null => {\n const e = period?.mBySku?.[String(p.code)];\n return e && e.base > 0 ? e.gm / e.base : null;\n };\n /** Prix de vente moyen réellement pratiqué : CA de la période ÷ unités de la période.\n * Mêmes numérateur et dénominateur que les colonnes Revenue et Units de la ligne, donc\n * toujours cohérent avec elles, et construit sur les deux sources (BI avant la bascule,\n * Shopify après) puisque revOf et unitsOf les additionnent l'une et l'autre.\n *\n * Attention à la base : HT et hors éco-participation, net de remises, retours déduits —\n * c'est la définition NSV du BI. Le prix catalogue `p.price` est TTC : les deux ne sont\n * pas comparables directement, d'où le rappel du prix du jour dans l'infobulle.\n *\n * Null dès que les unités nettes ne sont pas strictement positives : une référence dont\n * les retours annulent les ventes donnerait un prix moyen infini ou négatif. */\n const aspOf = (p: Product): number | null => {\n const u = unitsOf(p);\n if (!u || u <= 0) return null;\n const r = revOf(p);\n if (!isFinite(r) || r <= 0) return null;\n return r / u;\n };\n\n const top = useMemo(() => {\n const arr = scoped.filter((p) => unitsOf(p) !== 0 || !period);\n arr.sort((a, b) => rankBy === \"units\" ? unitsOf(b) - unitsOf(a) : revOf(b) - revOf(a));\n return topN === \"all\" ? arr : arr.slice(0, topN);\n }, [scoped, rankBy, period, topN]);\n\n const cat = aggregate(scoped);\n // Marge de la période : celle qui a réellement été encaissée. Sans flux de commandes,\n // repli sur la marge catalogue au prix du jour — c'est alors la seule disponible, et\n // le libellé du KPI le dit.\n const periodMargin = period?.margin ?? cat.avgMargin;\n\n // Les totaux affichés doivent être la somme des lignes du tableau — donc passer par\n // unitsOf / revOf, qui portent déjà la part BI. Utiliser period.totRev directement\n // afficherait la seule part Shopify (le bug des 3,29 M€ au lieu de 4,19).\n const agg = {\n ...cat,\n sales: period ? scoped.reduce((s, p) => s + unitsOf(p), 0) : cat.sales,\n rev: period ? scoped.reduce((s, p) => s + revOf(p), 0) : cat.rev,\n avgMargin: periodMargin,\n };\n const scopeGroup = scopeType === \"group\" ? GROUPS.find((g) => g.key === scopeVal) : null;\n // Le libellé sert d'en-tête à la carte imprimée et de nom de fichier à l'export :\n // il doit dire ce que la carte contient réellement, recherche comprise.\n const baseLabel = scopeType === \"all\" ? \"All catalogue\" :\n scopeType === \"brand\" ? scopeVal : scopeGroup?.label ?? scopeVal;\n const scopeLabel = q.trim() ? `${baseLabel} · « ${q.trim()} »` : baseLabel;\n\n // Bar length is scaled to the best seller (readable), the figure is the true\n // share of the selected scope's total revenue.\n const maxRev = Math.max(...top.map((p) => revOf(p)), 1);\n const scopeRev = scoped.reduce((s, p) => s + revOf(p), 0);\n const topShare = scopeRev > 0\n ? top.reduce((s, p) => s + revOf(p), 0) / scopeRev : 0;\n\n return (\n
\n \n
\n From\n setFrom(e.target.value)}\n className=\"px-2 py-1.5 border rounded-lg text-sm\" disabled={!hasOrders} />\n to\n setTo(e.target.value)}\n className=\"px-2 py-1.5 border rounded-lg text-sm\" disabled={!hasOrders} />\n \n
\n {!period && (\n
\n Orders feed unavailable — showing catalogue Sales YTD. The date filter is inactive.\n
\n )}\n {/* Ligne 2 — ce que la carte contient : recherche libre, puis marque et catégorie */}\n
\n setQ(e.target.value)}\n placeholder=\"Search SKU / name / category…\"\n className=\"px-3 py-2 border border-slate-200 rounded-lg text-sm w-full sm:w-72\" />\n {q && (\n \n )}\n |\n { setScopeType(\"all\"); setScopeVal(\"\"); }}>Whole catalogue\n |\n {BRANDS.map((b) => (\n { setScopeType(\"brand\"); setScopeVal(b); }}>{b}\n ))}\n |\n {GROUPS.filter((g) => g.key !== \"Other\").map((g) => (\n { setScopeType(\"group\"); setScopeVal(g.key); }}>\n \n ))}\n
\n\n {/* Ligne 3 — comment la carte est présentée : profondeur à gauche, tri et exports à droite */}\n
\n {([20, 50, 100, \"all\"] as const).map((n) => (\n setTopN(n)}>\n {n === \"all\" ? \"All sold\" : `Top ${n}`}\n \n ))}\n
\n setRankBy(\"units\")}>Rank by units\n setRankBy(\"revenue\")}>Rank by revenue\n \n \n
\n
\n \n\n {/* Printable scorecard */}\n
\n
\n
\n
\n {scopeGroup && }\n Commercial Scorecard — {scopeLabel}\n
\n
\n D2C France · Haier Candy Hoover ·{\" \"}\n {period\n ? <>Shipped {new Date(from).toLocaleDateString(\"fr-FR\")} → {new Date(to).toLocaleDateString(\"fr-FR\")}\n : <>Catalogue sales YTD}\n {\" \"}· edited {new Date().toLocaleDateString(\"fr-FR\")}\n
\n
\n \n
\n\n
\n \n \n \n \n \n \n
\n\n
\n
\n {topN === \"all\" ? \"Products sold\" : `Top ${topN}`}\n {\" \"}— ranked by {rankBy === \"units\" ? \"units sold\" : \"revenue\"}\n
\n \n {topN === \"all\"\n ? <>{fmtInt(top.length)} products with sales over the period\n : <>These {Math.min(topN as number, top.length)} products = {fmtPct(topShare)} of {scopeLabel} revenue}\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {top.map((p, i) => {\n const rev = revOf(p);\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n
# SKU Product Category {period ? \"Units shipped\" : \"Sales (u)\"} {period ? \"Revenue\" : \"Revenue est.\"} \n Share of revenue Sell-thru Margin \n Avg selling price Stock 48 Position
{i + 1} {p.code} {p.name} {p.cat ?? \"—\"} {fmtInt(unitsOf(p))} {fmtEurK(rev)} \n
\n
\n
\n
\n \n {scopeRev > 0 ? ((rev / scopeRev) * 100).toFixed(1) + \"%\" : \"—\"}\n \n
\n
\n {(() => {\n const m = marginOf(p);\n if (m == null) {\n // Rien de vendu sur la période, ou coût standard absent : on\n // affiche la marge catalogue en la signalant comme telle plutôt\n // que de laisser croire à une marge constatée.\n return (\n \n {fmtPct(p.mcur)}*\n \n );\n }\n return (\n \n {fmtPct(m)}\n \n );\n })()}\n \n {(() => {\n const asp = aspOf(p);\n if (asp == null) {\n return (\n —\n );\n }\n // Le prix du jour est rappelé en infobulle, converti HT pour être\n // sur la même base que le prix moyen : comparer un TTC à un HT\n // ferait conclure à une remise de 20 % là où il n'y en a aucune.\n const refHt = p.price != null && p.price > 0 ? p.price / (1 + 0.20) : null;\n const gap = refHt ? (asp - refHt) / refHt : null;\n return (\n \n {fmtEur(asp)}\n \n );\n })()}\n {fmtInt(p.s48)}
\n
\n
\n
\n );\n}\n\n/** SVG line chart of daily sales deltas computed from cumulative snapshots. */\nfunction TrendChart({ series }: { series: { date: string; sales: number }[] }) {\n const deltas = series.slice(1).map((s, i) => ({\n date: s.date,\n v: Math.max(0, s.sales - series[i].sales),\n }));\n if (deltas.length < 2) return
Collecting history — chart appears after a few days of snapshots.
;\n const W = 800, H = 120, PAD = 4;\n const max = Math.max(...deltas.map((d) => d.v), 1);\n const pts = deltas.map((d, i) => {\n const x = PAD + (i / (deltas.length - 1)) * (W - 2 * PAD);\n const y = H - PAD - (d.v / max) * (H - 2 * PAD);\n return `${x},${y}`;\n });\n return (\n \n );\n}\n\n/** Export du Scorecard — les colonnes doivent dire exactement ce que dit l'écran.\n * `marginOf` et `aspOf` sont passés par l'appelant plutôt que recalculés ici : ce sont\n * des grandeurs de période, elles dépendent des dates et du périmètre sélectionnés, que\n * cette fonction ne connaît pas. Le CSV écrivait auparavant `p.mcur` (marge catalogue au\n * prix du jour) et `p.price` (prix site TTC) alors que le tableau affichait la marge\n * réalisée et le prix de vente moyen : le fichier contredisait la capture d'écran. */\nfunction exportBestSellers(\n top: Product[], scope: string,\n unitsOf: (p: Product) => number, revOf: (p: Product) => number, dated: boolean,\n marginOf: (p: Product) => number | null, aspOf: (p: Product) => number | null,\n) {\n downloadCSV(`scorecard_${scope.replace(/\\W+/g, \"_\")}.csv`,\n [\"Rank\", \"SKU\", \"Name\", \"Brand\", \"Category\",\n dated ? \"Units shipped (period)\" : \"Sales YTD\",\n dated ? \"Revenue excl. VAT (period)\" : \"Revenue est.\",\n \"Sales/wk\", \"Forecast\", \"Sell-through %\",\n \"Realised margin %\", \"Catalogue margin % (today's price)\",\n \"Avg selling price excl. VAT\", \"Site price incl. VAT\",\n \"Stock48\", \"Price position\"],\n top.map((p, i) => {\n const m = marginOf(p);\n const asp = aspOf(p);\n return [i + 1, p.code, p.name, p.brand, p.cat ?? \"\", unitsOf(p),\n Math.round(revOf(p)), p.spw ?? \"\", p.fc,\n p.st != null ? (p.st * 100).toFixed(1) : \"\",\n m != null ? (m * 100).toFixed(1) : \"\",\n p.mcur != null ? (p.mcur * 100).toFixed(1) : \"\",\n asp != null ? asp.toFixed(2) : \"\",\n p.price ?? \"\", p.s48, p.pos ?? \"\"];\n }));\n}\n\n// ═══════════════════════════ ACTION PLAN ════════════════════════════════════\nfunction ActionPlan({ products }: { products: Product[] }) {\n const [typeFilter, setTypeFilter] = useState<\"all\" | \"commercial\" | \"technical\">(\"all\");\n\n const rows = useMemo(() => {\n const out: { p: Product; a: Alert }[] = [];\n for (const p of products) for (const a of productAlerts(p)) out.push({ p, a });\n return out.sort((x, y) => x.a.severity - y.a.severity || y.p.sales - x.p.sales);\n }, [products]);\n\n const filtered = typeFilter === \"all\" ? rows : rows.filter((r) => r.a.type === typeFilter);\n const byIssue = groupBy(filtered, (r) => r.a.issue);\n const nCom = rows.filter((r) => r.a.type === \"commercial\").length;\n const nTec = rows.filter((r) => r.a.type === \"technical\").length;\n\n return (\n
\n
\n \n \n \n
\n\n
\n \n
\n\n {Object.entries(byIssue).map(([issue, items]) => (\n 1 ? \"s\" : \"\"}`}>\n
\n \n \n \n \n \n \n \n \n \n \n \n {items.slice(0, 100).map(({ p, a }, i) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n
SKU Product Lifecycle Stock 48 Site price Sales YTD Detail
{p.code} {p.name} {p.lc} {fmtInt(p.s48)} {fmtEur(p.price)} {fmtInt(p.sales)} {a.detail ?? \"\"}
\n
\n \n ))}\n {filtered.length === 0 && (\n
No open actions for this filter.
\n )}\n
\n );\n}\n\nfunction exportActions(rows: { p: Product; a: Alert }[]) {\n downloadCSV(\"action_plan.csv\",\n [\"Type\", \"Issue\", \"SKU\", \"Name\", \"Brand\", \"Category\", \"Lifecycle\", \"Stock48\", \"Site price\", \"Sales YTD\", \"Detail\"],\n rows.map(({ p, a }) => [a.type, a.issue, p.code, p.name, p.brand, p.cat ?? \"\", p.lc, p.s48, p.price ?? \"\", p.sales, a.detail ?? \"\"]));\n}\n\n// ═══════════════════════════ CHANGES (audit + queue) ═════════════════════════\nfunction ChangesTab({ entries, refresh, canEdit = true }:\n { entries: any[]; refresh: () => void; canEdit?: boolean }) {\n const pending = entries.filter((e) => e.status === \"pending\");\n const others = entries.filter((e) => e.status !== \"pending\").slice(0, 100);\n\n const cancel = async (id: string) => {\n await fetch(\"/api/changes/cancel\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id }),\n });\n refresh();\n };\n\n const fmtVal = (e: any, v: any) => e.field === \"price\" ? fmtEur(Number(v)) : String(v ?? \"—\");\n\n const Row = ({ e, showCancel }: any) => (\n \n {new Date(e.at).toLocaleString(\"fr-FR\")}\n {displayUser(e.user)}\n {e.code}\n {e.name ?? \"—\"}\n {e.brand}\n {e.field === \"price\" ? \"💶 Price\" : \"📄 Status\"}\n {fmtVal(e, e.oldValue)}\n {fmtVal(e, e.newValue)}\n \n {e.status === \"pending\" && (\n e.applyAt && new Date(e.applyAt) > new Date()\n ? 🕐 scheduled {new Date(e.applyAt).toLocaleString(\"fr-FR\")}\n : ⏳ pending\n )}\n {e.status === \"sent\" && 📤 sent {e.sentAt ? new Date(e.sentAt).toLocaleString(\"fr-FR\") : \"\"}}\n {e.status === \"applied\" && ✅ live {e.appliedAt ? new Date(e.appliedAt).toLocaleString(\"fr-FR\") : \"\"}}\n {e.status === \"cancelled\" && ✖ cancelled}\n \n {showCancel && canEdit && (\n \n )}\n \n );\n\n const Tbl = ({ rows, showCancel }: any) => (\n
\n \n \n \n \n \n \n \n \n {rows.map((e: any) => )}\n
Date User SKU Product Brand Field Before After Status
\n
\n );\n\n return (\n
\n \n {pending.length === 0\n ?
No pending changes. Select products in the Products tab to queue price or status updates.
\n : }\n
\n ⏳ pending → 📤 sent (picked up by Matrixify) → ✅ live (confirmed on the site by the CMS sync).\n Sent changes stay in the feed for 12 h, so a Matrixify retry re-applies them safely.\n A change stuck on \"sent\" means Matrixify fetched it but the import did not apply it — check the Matrixify job history.\n
\n \n \n {others.length === 0\n ?
No history yet.
\n : }\n \n
\n );\n}\n\n// ═══════════════════════════ LOGISTIC ═══════════════════════════════════════\nfunction LogisticTab({ products }: { products: Product[] }) {\n const [brand, setBrand] = useState(null);\n const [grp, setGrp] = useState(null);\n const [from, setFrom] = useState(() => new Date().getFullYear() + \"-01-01\");\n const [to, setTo] = useState(() => new Date().toISOString().slice(0, 10));\n const orders = useOrders(); // undefined=loading, null=absent\n\n const skuInfo = useMemo(() => {\n const m: Record = {};\n for (const p of products) m[String(p.code)] = p;\n return m;\n }, [products]);\n\n const hasOrders = orders !== undefined && orders !== null && Array.isArray(orders?.lines) && orders.lines.length > 0;\n\n // Units per SKU on the selected period:\n // - with orders feed: real units shipped in [from, to]\n // - fallback: catalog Sales YTD (date filter inactive)\n const unitsBySku = useMemo(() => {\n const m: Record = {};\n if (hasOrders) {\n for (const l of orders.lines) {\n if ((l.k ?? \"ord\") !== \"ful\") continue; // logistics cost applies to shipped units\n if (!l.sku || l.d < from || l.d > to) continue;\n const p = skuInfo[l.sku];\n if (!p || p.logi == null) continue;\n if (brand && p.brand !== brand) continue;\n if (grp && p.grp !== grp) continue;\n m[l.sku] = (m[l.sku] ?? 0) + l.q;\n }\n } else {\n for (const p of products) {\n if (p.logi == null || !p.sales) continue;\n if (brand && p.brand !== brand) continue;\n if (grp && p.grp !== grp) continue;\n m[String(p.code)] = p.sales;\n }\n }\n return m;\n }, [hasOrders, orders, skuInfo, products, brand, grp, from, to]);\n\n const rows = useMemo(() => {\n const out = Object.entries(unitsBySku)\n .map(([sku, units]) => ({ p: skuInfo[sku], units }))\n .filter((r) => r.p);\n out.sort((a, b) => ((b.p.logi ?? 0) * b.units) - ((a.p.logi ?? 0) * a.units));\n return out;\n }, [unitsBySku, skuInfo]);\n\n const totUnits = rows.reduce((s, r) => s + r.units, 0);\n const totSpend = rows.reduce((s, r) => s + (r.p.logi ?? 0) * r.units, 0);\n const avgCost = totUnits > 0 ? totSpend / totUnits : null; // true weighted avg per shipped unit\n const nDpd = rows.filter((r) => r.p.carrier === \"DPD\").length;\n const nCcv = rows.filter((r) => r.p.carrier === \"CCV\").length;\n\n // Shipping stats from orders feed (if configured)\n const shipStats = useMemo(() => {\n const lines = orders?.lines;\n if (!Array.isArray(lines) || lines.length === 0) return null;\n const skuBrand: Record = {};\n for (const p of products) skuBrand[String(p.code)] = p.brand;\n const orderMap: Record = {};\n for (const l of lines) {\n if (l.d < from || l.d > to) continue;\n if (brand && l.b !== brand) continue;\n if (grp) {\n const p = products.find((x) => String(x.code) === l.sku);\n if (!p || p.grp !== grp) continue;\n }\n const e = orderMap[l.o] ?? { d: l.d, f: null, ful: false };\n if ((l.k ?? \"ord\") === \"ful\") { e.ful = true; if (l.f && !e.f) e.f = l.f; }\n orderMap[l.o] = e;\n }\n const os = Object.values(orderMap);\n if (os.length === 0) return null;\n const shipped = os.filter((o) => o.ful);\n const inProgress = os.length - shipped.length;\n const days = shipped.filter((o) => o.f && o.d)\n .map((o) => (new Date(o.f!).getTime() - new Date(o.d).getTime()) / 864e5)\n .filter((d) => d >= 0 && d < 60);\n const avgDays = days.length ? days.reduce((s, d) => s + d, 0) / days.length : null;\n return { total: os.length, shipped: shipped.length, inProgress, avgDays };\n }, [orders, products, brand, grp, from, to]);\n\n return (\n
\n \n
\n From\n setFrom(e.target.value)}\n className=\"px-2 py-1.5 border rounded-lg text-sm\" disabled={!hasOrders} />\n to\n setTo(e.target.value)}\n className=\"px-2 py-1.5 border rounded-lg text-sm\" disabled={!hasOrders} />\n \n {!hasOrders && (\n Date filter needs the Orders exports — using Sales YTD for now.\n )}\n
\n
\n setBrand(null)}>All brands\n {BRANDS.map((b) => setBrand(brand === b ? null : b)}>{b})}\n |\n setGrp(null)}>All categories\n {GROUPS.filter((g) => g.key !== \"Other\").map((g) =>\n setGrp(grp === g.key ? null : g.key)}>\n )}\n
\n \n\n
\n \n \n \n \n \n
\n\n {shipStats ? (\n
\n \n \n \n
\n ) : orders === null ? (\n \n
\n Configure the Matrixify Orders exports (see the Business tab) to see orders in progress,\n shipped orders and average days to ship (order date → fulfilment date).\n
\n \n ) : null}\n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n {rows.slice(0, 300).map(({ p, units }) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n \n
SKU Product Category Weight (kg) Carrier Unit cost Units {hasOrders ? \"(period)\" : \"(YTD)\"} Spend
{p.code} {p.name} {p.cat ?? \"—\"} {p.wt != null ? p.wt.toFixed(1) : \"—\"} \n \n {p.carrier}\n \n {fmtEur(p.logi)} {fmtInt(units)} {fmtEurK((p.logi ?? 0) * units)}
\n
\n \n
\n );\n}\n\n// ═══════════════════════════ BUSINESS ═══════════════════════════════════════\nfunction BusinessTab({ products, cutover }: { products: Product[]; cutover?: string }) {\n // Year to date by default, so this tab lines up with the Overview headline at a glance\n const [from, setFrom] = useState(() => new Date().getFullYear() + \"-01-01\");\n const [to, setTo] = useState(() => new Date().toISOString().slice(0, 10));\n const [chans, setChans] = useState>(new Set()); // empty = all channels\n const [brand, setBrand] = useState(null);\n const [grp, setGrp] = useState(null);\n const [basis, setBasis] = useState<\"ful\" | \"ord\">(\"ful\"); // shipped vs ordered\n const [exclRefund, setExclRefund] = useState(true); // drop refunded orders\n\n const toggleChan = (c: string) => {\n const s = new Set(chans);\n s.has(c) ? s.delete(c) : s.add(c);\n setChans(s);\n };\n\n const data = useOrders(); // undefined=chargement, null=flux absent\n\n const skuInfo = useMemo(() => {\n const m: Record = {};\n for (const p of products) m[String(p.code)] = p;\n return m;\n }, [products]);\n\n if (data === undefined) return
Loading business data…
;\n\n if (data === null || !Array.isArray(data.lines)) {\n return (\n \n
\n
To activate this tab, create 3 scheduled Matrixify exports (Orders) — one per store — with:
\n
\n
Format: Matrixify: CSV, not zipped, repeat every 1 day
\n
Custom file names: Export_Hoover_Orders, Export_Haier_Orders, Export_Candy_Orders (no date placeholder)
\n
Columns: ID, Name, Tags, Created At, Source, Line: Type, Line: SKU,\n Line: Quantity, Line: Price, Line: Discount, Line: Total,\n Refund: Created At, Transaction: Status, Fulfillment: Status,\n Fulfillment: Created At, Fulfillment: Location
\n
Line: Type is what exposes the Refund Line rows — without it,\n refunds carry no amount and cannot be booked in their own month
\n
Add Transaction: Kind and Transaction: Amount: refunds entered in\n Shopify without item quantities have no line detail at all, and their amount lives\n only on the refund transaction. Without these two columns such refunds can be\n counted but not valued.
\n
Date filter: last 12 months (rolling) to keep files light
\n
\n
The dashboard checks the same stable URLs pattern as the product exports — data appears after the first daily sync (or ask Claude to trigger it).
\n
\n \n );\n }\n\n const lines: any[] = data.lines;\n\n // Channel from marketplace tags. Tags hold: marketplace order no. + integrator (lengow)\n // + marketplace identifier. Klarna is a payment method → DtoC. No marketplace tag → DtoC.\n const chanOf = (l: any) => {\n const t = (l.t ?? \"\").toLowerCase();\n if (t.includes(\"but_mirakl\")) return \"BUT\";\n if (t.includes(\"cdiscount_octopia\")) return \"Cdiscount\";\n if (t.includes(\"boulanger\")) return \"Boulanger\";\n if (t.includes(\"showroomprive\")) return \"Showroomprive\";\n return \"DtoC\";\n };\n const CHANNELS = [\"DtoC\", \"BUT\", \"Cdiscount\", \"Boulanger\", \"Showroomprive\"];\n\n // ── Dating rules ──────────────────────────────────────────────────────────\n // basis \"ord\" → ordered lines, dated on the ORDER creation date (l.d)\n // basis \"ful\" → shipped lines, dated on the FULFILMENT date (l.f), falling back to\n // the order date when the export carries no fulfilment date\n // refunds → ALWAYS dated on the REFUND date (l.rf), never on the order date:\n // a June order refunded in July is deducted from July.\n const dateOf = (l: any) =>\n l.k === \"ref\" ? l.rf : (basis === \"ful\" ? (l.f || l.d) : l.d);\n // How many shipped lines lack a fulfilment date → shown as a caveat in the UI\n const noFulDate = basis === \"ful\"\n ? lines.filter((l: any) => (l.k ?? \"ord\") === \"ful\" && !l.f).length\n : 0;\n // True once the export carries \"Line: Type\" = Refund Line rows. Without them we only\n // know an order *was* refunded, not how much nor on which line.\n const hasRefundLines = lines.some((l: any) => l.k === \"ref\");\n\n // La part BI n'est ajoutée que si la période remonte avant la bascule, et jamais\n // avec un filtre canal actif (le BI n'a pas de ventilation par canal).\n const biIncluded = chans.size === 0 && from < (cutover ?? DEFAULT_CUTOVER);\n // Quand le BI couvre les mois d'avant, Shopify doit démarrer à la bascule — sinon\n // janvier–février serait compté deux fois.\n const shopFrom = shopifyWindowStart(from, cutover ?? DEFAULT_CUTOVER, biIncluded);\n\n const inScope = (l: any) => {\n const d = dateOf(l);\n if (!d || d < shopFrom || d > to) return false;\n if (chans.size > 0 && !chans.has(chanOf(l))) return false;\n if (brand && l.b !== brand) return false;\n if (grp) {\n const p = skuInfo[l.sku ?? \"\"];\n if (!p || p.grp !== grp) return false;\n }\n return true;\n };\n\n // Positive side: ordered or shipped lines, per the selected basis\n const fAll = lines.filter((l) => (l.k ?? \"ord\") === basis && inScope(l));\n // Negative side: refund lines falling in the period by their own refund date\n const refLines = hasRefundLines ? lines.filter((l) => l.k === \"ref\" && inScope(l)) : [];\n // Legacy fallback (no Refund Line rows yet): drop whole refunded orders when asked\n const fLines = hasRefundLines ? fAll : (exclRefund ? fAll.filter((l) => !l.rf) : fAll);\n\n // Net amount actually charged when the export provides it (Line: Total / Line: Discount),\n // otherwise the pre-discount line value. `hasNet` says whether the data is available.\n const hasNet = lines.some((l: any) => l.n != null);\n const amountOf = (l: any) => (l.n != null ? l.n : l.p * l.q);\n const grossOf = (l: any) => l.p * l.q;\n\n // KPIs — Shopify prices are VAT-inclusive; Business figures are shown excl. VAT\n const VAT_RATE = 1.2;\n // The eco-participation is included in the site price but excluded from the BI's NSV.\n // We strip it too, so that the dashboard and the BI measure the same thing.\n const deeeOf = (l: any) => skuInfo[l.sku ?? \"\"]?.deee ?? 0;\n /** Goods revenue excl. VAT and excl. eco-participation — the BI's definition. */\n const goodsOf = (l: any) => amountOf(l) / VAT_RATE - deeeOf(l) * l.q;\n\n // Delivery charged to the customer — the equivalent of the BI's AESFR001 line.\n // `ship` is an order-level total repeated on every line, so dedupe by order.\n const shippingOf = (lines: any[]) => {\n const seen = new Set();\n let s = 0;\n for (const l of lines) {\n if (!l.ship || seen.has(l.o)) continue;\n seen.add(l.o);\n s += l.ship / VAT_RATE;\n }\n return s;\n };\n\n const refundVal = refLines.reduce((s, l) => s + goodsOf(l), 0);\n const refundUnits = refLines.reduce((s, l) => s + l.q, 0);\n const goodsBeforeRefunds = fLines.reduce((s, l) => s + goodsOf(l), 0);\n const shipping = shippingOf(fLines);\n // Complément BI pour les mois d'avant la bascule (voir biIncluded / shopFrom).\n const scopedForPre = products.filter((p) =>\n (!brand || p.brand === brand) && (!grp || p.grp === grp));\n const preBi = biIncluded ? preCutoverRevenue(scopedForPre, from, cutover) : 0;\n\n // ── Avoirs sans détail article ──────────────────────────────────────────────\n // Remboursements saisis dans Shopify sans quantité sur les lignes : ils n'ont aucun\n // `refund_line_item`, donc ni SKU ni montant dans les colonnes de ligne. Le pipeline\n // les range à part (`orphan_refunds`) plutôt que parmi les lignes produit — les y\n // mêler fausserait marge, quantités et classements, puisqu'on ignore ce qui a été rendu.\n //\n // Deux conséquences assumées :\n // • le montant vient de la transaction, donc TTC et éco-participation comprise ;\n // on ne retire que la TVA. L'écart résiduel est l'éco-part, non ventilable.\n // • un filtre catégorie ne peut pas s'y appliquer (pas de SKU) : dans ce cas on ne\n // déduit rien et l'encart le dit, plutôt que d'imputer un avoir au mauvais rayon.\n const orphanAll: any[] = Array.isArray(data.orphan_refunds) ? data.orphan_refunds : [];\n const orphanScoped = grp ? [] : orphanAll.filter((o) =>\n o.rf >= shopFrom && o.rf <= to &&\n (!brand || o.b === brand) &&\n (chans.size === 0 || chans.has(chanOf(o))));\n const orphanKnown = orphanScoped.filter((o) => o.amt != null);\n const orphanVal = orphanKnown.reduce((s, o) => s + o.amt / VAT_RATE, 0);\n const orphanUnknown = orphanScoped.length - orphanKnown.length;\n\n const ca = goodsBeforeRefunds - refundVal - orphanVal + shipping + preBi;\n const caGross = fLines.reduce((s, l) => s + grossOf(l), 0) / VAT_RATE;\n const deeeTotal = fLines.reduce((s, l) => s + deeeOf(l) * l.q, 0);\n const discountTotal = caGross - fLines.reduce((s, l) => s + amountOf(l), 0) / VAT_RATE;\n // Unités : même composition que le CA — Shopify sur la période, plus la part BI\n // quand elle est comptée, sinon le panier moyen serait faussé.\n const preUnits = biIncluded ? preCutoverUnits(scopedForPre, from, cutover) : 0;\n\n // ── Appareils vs services ───────────────────────────────────────────────────\n // Les références FR_AES… ne sont pas des appareils : ce sont des prestations\n // rattachées à la livraison (installation, reprise, mise en service). Elles\n // génèrent du chiffre d'affaires et de la marge, et restent donc pleinement\n // comptées dans le CA — mais les additionner aux appareils dans un compteur\n // « Units sold » gonflait le volume de plus d'un tiers et rendait le panier\n // moyen unitaire ininterprétable. On les suit donc sur leur propre vignette.\n const isService = (l: any) => /AES/i.test(String(l.sku ?? \"\"));\n const svcUnitsFul = fLines.filter(isService).reduce((s, l) => s + l.q, 0);\n const svcUnitsRef = refLines.filter(isService).reduce((s, l) => s + l.q, 0);\n const svcUnits = svcUnitsFul - svcUnitsRef;\n const svcRevenue = fLines.filter(isService).reduce((s, l) => s + goodsOf(l), 0)\n - refLines.filter(isService).reduce((s, l) => s + goodsOf(l), 0);\n\n // « Units sold » ne compte plus que les appareils. La part BI d'avant la bascule\n // ne contient que des appareils, elle s'y ajoute donc sans retraitement.\n const deviceUnitsFul = fLines.filter((l) => !isService(l)).reduce((s, l) => s + l.q, 0);\n const deviceUnitsRef = refLines.filter((l) => !isService(l)).reduce((s, l) => s + l.q, 0);\n const units = deviceUnitsFul - deviceUnitsRef + preUnits;\n // Product lines with no catalogue match get no eco-participation deduction. Service\n // SKUs (FR_AES…) legitimately carry none, so they are not flagged.\n const deeeUnknown = fLines.filter(\n (l) => !skuInfo[l.sku ?? \"\"] && !/AES/i.test(String(l.sku ?? \"\")),\n ).length;\n const orderIds = new Set(fLines.map((l) => l.o));\n const nOrders = orderIds.size;\n const aov = nOrders > 0 ? ca / nOrders : null;\n // Margin estimate from catalog costs (lines with known SKU); refunds reverse the sale\n let mSum = 0, mBase = 0;\n const addMargin = (l: any, sign: number) => {\n const p = skuInfo[l.sku ?? \"\"];\n if (p?.cost && l.p > 0) {\n const ht = goodsOf(l); // net of discount and of eco-participation\n mSum += sign * (ht - p.cost * l.q);\n mBase += sign * ht;\n }\n };\n for (const l of fLines) addMargin(l, 1);\n for (const l of refLines) addMargin(l, -1);\n const margin = mBase > 0 ? mSum / mBase : null;\n\n // Refunds: number of distinct orders refunded IN this period\n const refunded = hasRefundLines\n ? new Set(refLines.map((l) => l.o)).size\n : new Set(fAll.filter((l) => l.rf).map((l) => l.o)).size;\n const refundedVal = hasRefundLines\n ? refundVal\n : fAll.filter((l) => l.rf).reduce((s, l) => s + goodsOf(l), 0);\n\n // By channel — refunds deducted from the channel that made the sale,\n // delivery added to it (counted once per order)\n const byChannel: Record; units: number; shipSeen: Set }> = {};\n const bump = (l: any, sign: number) => {\n const src = chanOf(l);\n const c = byChannel[src] ?? { ca: 0, orders: new Set(), units: 0, shipSeen: new Set() };\n c.ca += sign * goodsOf(l);\n c.units += sign * l.q;\n if (sign > 0) {\n c.orders.add(l.o);\n if (l.ship && !c.shipSeen.has(l.o)) { c.shipSeen.add(l.o); c.ca += l.ship / VAT_RATE; }\n }\n byChannel[src] = c;\n };\n for (const l of fLines) bump(l, 1);\n for (const l of refLines) bump(l, -1);\n\n // Daily revenue\n const byDate: Record = {};\n const shipSeenDay = new Set();\n for (const l of fLines) {\n const d = dateOf(l);\n byDate[d] = (byDate[d] ?? 0) + goodsOf(l);\n if (l.ship && !shipSeenDay.has(l.o)) {\n shipSeenDay.add(l.o);\n byDate[d] = byDate[d] + l.ship / VAT_RATE;\n }\n }\n for (const l of refLines) { // deducted on the refund day\n const d = dateOf(l);\n byDate[d] = (byDate[d] ?? 0) - goodsOf(l);\n }\n // fillDays réintroduit les journées sans expédition (week-ends, jours fériés).\n // Sans elles, un vendredi et un lundi apparaissaient côte à côte : l'axe des dates\n // n'était plus régulier et une journée faible se confondait avec une journée absente.\n // On prolonge jusqu'à la borne de fin choisie, sans dépasser aujourd'hui : la journée\n // en cours doit apparaître même vide. Elle reste partielle par nature — l'export\n // Matrixify est filtré sur « Created At — Last: 2160 hours », qui s'arrête à l'heure\n // ronde précédente — d'où le marquage « en cours » sur la dernière barre.\n const today = isoDay(new Date());\n const dailySeries = fillDays(\n Object.entries(byDate).sort((a, b) => a[0] < b[0] ? -1 : 1),\n to < today ? to : today,\n );\n\n return (\n
\n \n
\n From\n setFrom(e.target.value)} className=\"px-2 py-1.5 border rounded-lg text-sm\" />\n to\n setTo(e.target.value)} className=\"px-2 py-1.5 border rounded-lg text-sm\" />\n \n \n Orders data updated {data.updated_at ? new Date(data.updated_at).toLocaleString(\"fr-FR\") : \"?\"}\n \n
\n
\n Basis:\n setBasis(\"ful\")}>📤 Shipped (fulfilled)\n setBasis(\"ord\")}>🛒 Ordered\n \n {basis === \"ful\"\n ? \"dated on the fulfilment date — comparable to invoiced revenue\"\n : \"dated on the order creation date — gross intake, incl. not-yet-shipped\"}\n \n {!hasRefundLines && (\n <>\n |\n \n setExclRefund(e.target.checked)} />\n Exclude refunded orders\n \n \n )}\n
\n
\n Channels (multi):\n setChans(new Set())}>All\n {CHANNELS.map((c) => (\n toggleChan(c)}>\n {c === \"DtoC\" ? \"🌐 DtoC\" : \"🏪 \" + c}\n \n ))}\n
\n
\n setBrand(null)}>All brands\n {BRANDS.map((b) => setBrand(brand === b ? null : b)}>{b})}\n |\n setGrp(null)}>All categories\n {GROUPS.filter((g) => g.key !== \"Other\").map((g) =>\n setGrp(grp === g.key ? null : g.key)}>\n )}\n
\n \n\n
\n \n \n \n \n \n \n \n {/* Montant remboursé sur la période, imputé à la DATE DE REMBOURSEMENT et non à\n celle de la commande : une commande de juillet remboursée en août est déduite\n d'août. Le total additionne les avoirs détaillés (rattachés à des références)\n et les avoirs sans détail, sans quoi la vignette contredirait le CA juste\n au-dessus, qui déduit bien les deux. */}\n 0\n ? `Refunded this period — ${fmtInt(orphanUnknown)} not valued`\n : \"Refunded this period (excl. VAT)\"}\n value={fmtEurK(-(refundedVal + orphanVal))}\n hint={[\n `Imputé sur la date de remboursement, pas sur celle de la commande.`,\n `Avoirs détaillés : ${fmtEurK(refundedVal)} sur ${fmtInt(refunded)} commande(s).`,\n orphanScoped.length > 0\n ? `Avoirs sans détail article : ${fmtEurK(orphanVal)} sur ${fmtInt(orphanScoped.length)} commande(s).`\n : null,\n orphanUnknown > 0\n ? `${fmtInt(orphanUnknown)} avoir(s) sans montant connu ne sont PAS compris ici — activez Transaction: Kind et Transaction: Amount dans les exports Matrixify.`\n : null,\n ].filter(Boolean).join(\"\\n\")}\n Icon={Ico.IconReturn} tone=\"rose\" />\n
\n\n {orphanScoped.length > 0 && (\n
\n
\n \n
\n
\n {fmtInt(orphanScoped.length)} avoir{orphanScoped.length > 1 ? \"s\" : \"\"} sans détail article sur la période\n {orphanVal > 0 && <> — {fmtEurK(orphanVal)} déduits du CA}\n
\n
\n Ces remboursements ont été saisis dans Shopify sans quantité sur les lignes\n d'articles. Ils n'ont donc aucune référence associée : ils sont retirés du chiffre\n d'affaires mais restent invisibles dans la marge par produit et les classements.\n
\n {orphanUnknown > 0 && (\n
\n {fmtInt(orphanUnknown)} d'entre eux n'ont aucun montant connu et ne sont\n donc pas déduits. Pour les chiffrer, ajoutez les colonnes\n {\" \"}Transaction: Kind et Transaction: Amount aux trois exports\n Matrixify — le montant apparaîtra à la synchro suivante, sans autre intervention.\n
\n )}\n
\n Pour que les prochains avoirs soient ventilés par référence, le remboursement doit\n être saisi en indiquant les quantités sur les lignes d'articles plutôt qu'un montant\n global. Les avoirs marketplace, créés par API, le sont déjà et sont comptés normalement.\n
\n
\n
\n
\n )}\n\n {grp && orphanAll.some((o) => o.rf >= shopFrom && o.rf <= to) && (\n
\n Filtre catégorie actif : les avoirs sans détail article ne portent aucune référence et ne\n peuvent pas être rattachés à une catégorie. Ils ne sont donc pas déduits de ce chiffre —\n retirez le filtre pour un CA net complet.\n
\n )}\n\n {dailySeries.length > 1 && (\n \n \n \n )}\n\n \n
\n \n \n \n \n \n \n \n {Object.entries(byChannel).sort((a, b) => b[1].ca - a[1].ca).map(([src, c]) => (\n \n \n \n \n \n \n \n \n ))}\n \n
Channel Revenue Share Orders Units AOV
{src === \"DtoC\" ? \"🌐 DtoC (sites)\" : \"🏪 \" + src} {fmtEurK(c.ca)} {fmtPct(ca > 0 ? c.ca / ca : null)} {fmtInt(c.orders.size)} {fmtInt(c.units)} {fmtEur(c.orders.size > 0 ? c.ca / c.orders.size : null)}
\n
\n \n
\n );\n}\n\n// ═══════════════════════════ SHARED WIDGETS ═════════════════════════════════\n\n/** Histogramme journalier avec les montants inscrits au-dessus des barres.\n *\n * Trois partis pris, tirés de ce que le graphique précédent rendait illisible :\n * • les jours à zéro sont conservés et marqués « — », pour qu'une journée sans\n * expédition ne puisse pas être confondue avec une donnée manquante ;\n * • les week-ends sont grisés, ce qui explique visuellement ces zéros ;\n * • les barres non nulles gardent une hauteur minimale afin qu'une petite valeur\n * reste visible — c'est ce qui faisait passer 2 579 € pour une barre vide.\n *\n * Au-delà de 45 jours les étiquettes se chevauchent : elles disparaissent et\n * l'infobulle au survol prend le relais. */\nfunction DailyBars({ series }: { series: [string, number][] }) {\n if (series.length < 2) return null;\n const today = isoDay(new Date());\n const max = Math.max(...series.map(([, v]) => Math.abs(v)), 1);\n const dense = series.length > 45;\n const short = (v: number) =>\n Math.abs(v) >= 1000 ? Math.round(v / 1000) + \"k\" : String(Math.round(v));\n // Les étiquettes occupent le haut du cadre : on plafonne les barres pour éviter\n // que la plus haute ne les pousse hors du graphique.\n const ceiling = dense ? 100 : 86;\n\n return (\n <>\n
\n {series.map(([d, v]) => {\n const zero = Math.round(v) === 0;\n const we = isWeekend(d);\n const partial = d >= today; // journée en cours : jamais complète (cf. filtre Matrixify)\n return (\n
\n {!dense && (\n
\n {partial ? \"ongoing\" : zero ? \"—\" : short(v)}\n
\n )}\n
\n
\n );\n })}\n
\n
\n {series.map(([d]) => (\n
\n {dense ? \"\" : d.slice(8)}\n
\n ))}\n
\n
\n {series[0][0]} → {series[series.length - 1][0]} · pale bars = weekends ·\n “—” = no data ·{\" \"}\n hatched = day in progress, still partial\n {dense && \" · hover a bar for details\"}\n
\n \n );\n}\n\nfunction Card({ title, children, className = \"\", right }: any) {\n return (\n
\n {title && (\n // flex-wrap : sur mobile un titre long et son action à droite ne tiennent\n // pas sur une ligne — sans quoi l'un des deux débordait de la carte.\n
\n
{title}
\n {right}\n
\n )}\n
{children}
\n
\n );\n}\n\n/** KPI tile: monochrome icon in a soft tinted circle, value, label. */\n/** `hint` : infobulle portée par toute la vignette, pour expliquer une composition de\n * chiffre que le libellé seul ne peut pas dire. Sans lui, seul le libellé tronqué\n * était survolable. */\nfunction Kpi({ label, value, icon, Icon, accent = false, tone = \"indigo\", hint }: any) {\n const tones: Record = {\n indigo: [\"#EEF2FF\", \"#4F46E5\"], green: [\"#ECFDF5\", \"#059669\"],\n amber: [\"#FFFBEB\", \"#D97706\"], sky: [\"#F0F9FF\", \"#0284C7\"],\n rose: [\"#FFF1F2\", \"#E11D48\"], slate: [\"#F1F5F9\", \"#475569\"],\n };\n const [bg, fg] = tones[accent ? \"amber\" : tone] ?? tones.indigo;\n return (\n
\n
\n {Icon ? : {icon}}\n
\n
\n
{value}
\n
{label}
\n
\n
\n );\n}\n\nfunction Pill({ active, onClick, children }: any) {\n return (\n \n );\n}\n\n/** Local calendar date as YYYY-MM-DD.\n * Not toISOString(): that converts to UTC first, so 1 July 00:00 in Paris comes back\n * as 30 June — the preset would silently start a day early. */\nfunction isoDay(d: Date): string {\n const p = (n: number) => String(n).padStart(2, \"0\");\n return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;\n}\n\n/** Quick period presets, shared by every dated tab so they all offer the same ranges. */\nfunction DateRangePills(\n { from, to, setFrom, setTo, disabled = false }: {\n from: string; to: string;\n setFrom: (v: string) => void; setTo: (v: string) => void;\n disabled?: boolean;\n },\n) {\n const now = new Date();\n const today = isoDay(now);\n const presets: [string, string][] = [\n [\"This month\", isoDay(new Date(now.getFullYear(), now.getMonth(), 1))],\n [\"Last 30 days\", isoDay(new Date(Date.now() - 30 * 864e5))],\n [\"Last 90 days\", isoDay(new Date(Date.now() - 90 * 864e5))],\n [\"YTD\", `${now.getFullYear()}-01-01`],\n ];\n return (\n <>\n {presets.map(([label, start]) => (\n { if (!disabled) { setFrom(start); setTo(today); } }}>\n {label}\n \n ))}\n \n );\n}\n\nfunction BrandBadge({ brand }: { brand: string }) {\n return (\n \n {brand}\n \n );\n}\n\nfunction BrandDot({ brand }: { brand: string }) {\n const c = brand === \"CANDY\" ? \"bg-sky-500\" : brand === \"HOOVER\" ? \"bg-red-500\" : \"bg-blue-900\";\n return ;\n}\n\n/** Product thumbnail (from Shopify \"Image Src\" column) with brand-dot fallback. */\nfunction Thumb({ p }: { p: Product }) {\n if (p.img) {\n return (\n $\"\"$ { e.target.style.display = \"none\"; }} />\n );\n }\n return ;\n}\n\nfunction SiteBadge({ ss, queued }: { ss: string; queued?: any }) {\n const cls = ss === \"Active\" ? \"bg-green-100 text-green-700\" :\n ss === \"Inactive\" ? \"bg-orange-100 text-orange-700\" : \"bg-red-100 text-red-700\";\n return (\n \n {ss}\n {/* Shopify parle de « Draft », la colonne Site affiche « Inactive » : on garde le\n vocabulaire de la colonne pour ne pas donner l'impression de deux notions. */}\n {queued && String(v) === \"Draft\" ? \"Inactive\" : String(v)} />}\n \n );\n}\n\nfunction StBadge({ st }: { st: number | null | undefined }) {\n if (st == null || !isFinite(st)) return —;\n const cls = st >= 1.1 ? \"text-purple-700 font-bold\" : st >= 0.7 ? \"text-green-700\" : \"text-orange-600\";\n return {fmtPct(st)};\n}\n\nfunction PosBadge({ pos }: { pos?: string | null }) {\n if (!pos) return —;\n const map: Record = {\n competitive: [\"🟢 Competitive\", \"text-green-700\"],\n average: [\"🟡 Average\", \"text-amber-700\"],\n above: [\"🔴 Above market\", \"text-red-700\"],\n };\n const [label, cls] = map[pos] ?? [pos, \"\"];\n return {label};\n}\n\n/** Explique en clair où en est une modification partie du dashboard. */\nfunction queuedTooltip(c: any): string {\n const when = c.at ? new Date(c.at).toLocaleString(\"fr-FR\") : \"?\";\n const who = displayUser(c.user);\n return c.status === \"sent\"\n ? `Changed on ${when} by ${who}.\\nDelivered to Matrixify on ${\n c.sentAt ? new Date(c.sentAt).toLocaleString(\"fr-FR\") : \"?\"\n }.\\nThe value shown comes from the last site export and will update at the next one.`\n : `Changed on ${when} by ${who}.\\nWaiting for the next Matrixify import.\\nThe value shown is still the live site price.`;\n}\n\n/** Pastille « en attente » : ancienne valeur barrée, nouvelle valeur mise en avant.\n * Sans cela, l'équipe revenait sur l'onglet, voyait l'ancien prix et refaisait la\n * modification en croyant que rien n'avait été enregistré. */\nfunction QueuedTag({ c, format }: { c: any; format: (v: any) => string }) {\n const sent = c.status === \"sent\";\n return (\n \n → {format(c.newValue)}\n \n );\n}\n\n/** Cellule prix, éditable au clic.\n *\n * La saisie NE MODIFIE PAS le site directement : elle empile une modification dans la\n * même file que l'édition en masse, avec la même piste d'audit et le même passage par\n * le flux Matrixify. Un prix saisi ici et un prix saisi via la sélection multiple\n * suivent exactement le même chemin — c'est la raison pour laquelle on réutilise\n * POST /api/changes plutôt que d'ouvrir une voie parallèle.\n *\n * Trois garde-fous à la saisie :\n * • un prix déjà en attente ne se ré-édite pas — il faut d'abord annuler la\n * modification en file, sinon on empilerait deux valeurs contradictoires ;\n * • un prix sous le seuil de rentabilité demande une confirmation explicite ;\n * • une valeur identique à l'existante n'envoie rien, plutôt que de polluer\n * l'historique d'une modification sans effet.\n */\nfunction PriceCell(\n { p, queued, canEdit = false, onChanged }:\n { p: Product; queued?: any; canEdit?: boolean; onChanged?: () => void },\n) {\n const price = p.price;\n const [editing, setEditing] = useState(false);\n const [draft, setDraft] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const tag = queued ? fmtEur(Number(v))} /> : null;\n\n const save = async () => {\n const np = Math.round(Number(draft.replace(\",\", \".\")) * 100) / 100;\n if (!isFinite(np) || np <= 0) { setEditing(false); return; }\n if (price != null && Math.abs(np - price) < 0.005) { setEditing(false); return; }\n if (p.be != null && np < p.be &&\n !confirm(`${fmtEur(np)} is below breakeven (${fmtEur(p.be)}). Queue it anyway?`)) return;\n setBusy(true);\n try {\n const r = await fetch(\"/api/changes\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n changes: [{\n code: p.code, field: \"price\", newValue: np,\n oldValue: price ?? null, applyAt: null,\n }],\n }),\n });\n if (!r.ok) {\n const j = await r.json().catch(() => ({}));\n alert(j.message ?? \"Change refused.\");\n } else {\n onChanged?.();\n }\n } finally {\n setBusy(false);\n setEditing(false);\n }\n };\n\n if (editing) {\n // `onBlur={save}` : sortir du champ vaut validation. Un prix saisi puis abandonné\n // par un clic ailleurs serait sinon perdu sans que rien ne le signale.\n return (\n \n setDraft(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") save();\n if (e.key === \"Escape\") setEditing(false);\n }}\n onBlur={save}\n className=\"w-20 px-1 py-0.5 border border-indigo-400 rounded text-right tabular-nums text-xs\"\n title=\"Enter to queue · Escape to cancel\" />\n €\n \n );\n }\n\n const startEdit = () => {\n setDraft(price != null ? String(price) : \"\");\n setEditing(true);\n };\n\n // Une modification déjà en file bloque l'édition : le prix affiché n'est plus celui\n // qui fait foi, et empiler une seconde valeur rendrait la file ambiguë.\n const locked = !!queued;\n const editable = canEdit && !locked;\n\n let cls = \"\";\n let title = \"\";\n if (price != null && price !== 0) {\n if (p.be != null && price < p.be) {\n cls = \"bg-red-100 text-red-800 px-1 rounded\"; title = `Below breakeven (${fmtEur(p.be)})`;\n } else if (p.mip != null && price < p.mip) {\n cls = \"bg-orange-100 text-orange-800 px-1 rounded\"; title = `Below min internal price (${fmtEur(p.mip)})`;\n }\n }\n if (editable) {\n title = title ? `${title} — click to change` : \"Click to change the price\";\n } else if (locked) {\n title = \"A change is already queued — cancel it in the Changes tab to edit again\";\n }\n\n const label = price == null || price === 0\n ? —\n : (\n \n {fmtEur(price)}\n \n );\n\n return (\n \n {editable\n ? (\n \n )\n : label}\n {tag}\n \n );\n}\n\nfunction GapCell({ p }: { p: Product }) {\n if (p.gap == null) return —;\n const cls = p.gap <= -0.01 ? \"text-green-700\" : p.gap <= 0.05 ? \"text-amber-700\" : \"text-red-700 font-bold\";\n return {fmtPct(p.gap)};\n}\n",[],[709,788],"176b5e6d-8494-48a6-809d-222818e3aee9","Amazon.tsx","01a038e7-814e-767d-b08a-0ea76a1e5a86",["D",1787661091162],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Amazon Vendor tab — DELIBERATELY ISOLATED from D2C.\n//\n// Amazon Vendor is 1P: Amazon buys from us, then resells to the end customer. Two\n// notions of revenue coexist, and confusing them invalidates everything:\n//\n// • SELL-IN — what Amazon pays US, gross of contract commission.\n// Source: `Dispatched COGS` in the Retail Analytics reports.\n// • NSV — what we actually book: sell-in less the contract commission we pay\n// back to Amazon, less any SOA funding. This is the figure comparable\n// to the NSV used elsewhere in the business.\n// • SELL-OUT — what the end customer pays Amazon. NOT our revenue; it measures demand.\n//\n// No figure on this tab may be added to the D2C tabs.\n//\n// Two margins also coexist, from different sources:\n// • our vendor net margin, computed from our PO and standard costs, using the same\n// formulas as the Amazon_Vendor_Rentabilite workbook;\n// • Amazon's Net PPM, TAKEN AS PUBLISHED. We never recompute it: the data review\n// showed it cannot be reliably rebuilt from revenue and COGS (the contract\n// retrocession explains the mechanism on only half the references).\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { fmtEur, fmtEurK, fmtInt, fmtPct } from \"/frontend/helpers.ts\";\nimport * as Ico from \"/frontend/Icons.tsx\";\n\nconst NAVY = \"#1F3864\";\nconst ACCENT = \"#4F46E5\";\n\ninterface Sellout {\n orderedRev: number | null; orderedUnits: number | null;\n shippedRev: number | null; shippedCogs: number | null; shippedUnits: number | null;\n returns: number | null; unfilled: number | null; confirmedUnits: number | null;\n netPpm: number | null; confirmPct: number | null; poReal: number | null;\n brand?: string | null; cat?: string | null; title?: string | null;\n}\ninterface AmzProduct {\n asin: string; ean: string | null; sku: string; name: string;\n cat: string | null; grp: string | null;\n po: number | null; scti: number | null; deee: number | null; rrp: number | null;\n mnEur: number | null; mnPct: number | null; mbPct: number | null;\n soaMax: number | null; soa: number | null;\n fc: number; sales: number;\n stockPhy: number | null; stockM3: number | null;\n offCatalogue?: boolean;\n sellout?: Record;\n}\n\nexport default function Amazon() {\n const [data, setData] = useState(undefined); // undefined = loading\n const [period, setPeriod] = useState(\"\");\n const [grp, setGrp] = useState(null);\n const [q, setQ] = useState(\"\");\n const [view, setView] = useState<\"all\" | \"opportunities\">(\"opportunities\");\n // SOA simulator: free per-ASIN input, never persisted. A point-in-time projection\n // tool, not a commitment — the Excel workbook remains the record.\n const [soaSim, setSoaSim] = useState>({});\n\n useEffect(() => {\n fetch(\"/api/amazon\").then((r) => r.ok ? r.json() : null)\n .then((d) => {\n setData(d);\n const ps = Object.keys(d?.sellout_periods ?? {}).sort();\n if (ps.length) setPeriod(ps[ps.length - 1]);\n })\n .catch(() => setData(null));\n }, []);\n\n // ⚠️ RULES OF HOOKS — every useMemo below must run on EVERY render, therefore\n // BEFORE any conditional return. An early return placed above would change the\n // number of hooks between the \"loading\" render and the \"data ready\" render, which\n // React rejects (error #310 — the section is replaced by an error message).\n // Values are computed defensively, on an empty array when needed, and the\n // conditional returns only appear once every hook has run.\n const products: AmzProduct[] = Array.isArray(data?.products) ? data.products : [];\n const periods: string[] = Object.keys(data?.sellout_periods ?? {}).sort();\n const so = (p: AmzProduct): Sellout | undefined => p.sellout?.[period];\n\n /** Contract commission rate, or null when the category is unknown. References sold\n * by Amazon but absent from the profitability file have no category, hence no\n * contract: their NSV is left uncomputed rather than guessed. */\n const commRate = (p: AmzProduct): number | null =>\n (p.grp && data?.contracts?.[p.grp]?.comm != null) ? data.contracts[p.grp].comm : null;\n\n /** SOA per unit entered in the simulator, 0 when empty. */\n const soaPerUnit = (p: AmzProduct): number => {\n const raw = soaSim[p.asin];\n const v = raw ? parseFloat(raw.replace(\",\", \".\")) : NaN;\n return isFinite(v) ? v : 0;\n };\n\n /** NSV = sell-in − contract commission − SOA.\n * Returns null when the commission rate is unknown: presenting sell-in as NSV\n * would overstate revenue by roughly 20 %. */\n const nsvOf = (p: AmzProduct, s: Sellout | undefined) => {\n const k = commRate(p);\n const cogs = s?.shippedCogs ?? 0;\n if (k == null || !cogs) return null;\n const commission = cogs * k;\n const afterComm = cogs - commission;\n const soa = soaPerUnit(p) * (s?.shippedUnits ?? 0);\n return { commission, afterComm, soa, afterSoa: afterComm - soa };\n };\n\n const groups = useMemo(\n () => [...new Set(products.map((p) => p.grp).filter(Boolean))] as string[],\n [products],\n );\n\n const scoped = useMemo(() => {\n const ql = q.trim().toLowerCase();\n return products.filter((p) =>\n (!grp || p.grp === grp) &&\n (!ql || p.asin.toLowerCase().includes(ql) || String(p.sku).toLowerCase().includes(ql) ||\n (p.name ?? \"\").toLowerCase().includes(ql)));\n }, [products, grp, q]);\n\n // Only references that sold in the selected period feed the totals: including the\n // dormant catalogue would flatten every average rate.\n const sold = useMemo(() => scoped.filter((p) => so(p)), [scoped, period]);\n\n const kpi = useMemo(() => {\n let sellIn = 0, sellOutRev = 0, sellOutU = 0, shippedU = 0;\n let unfilled = 0, returns = 0, ordered = 0, confirmed = 0;\n let npmW = 0, npmBase = 0, mnW = 0, mnBase = 0;\n let nsv = 0, nsvSoa = 0, commission = 0, soaTotal = 0, sellInNoContract = 0;\n for (const p of sold) {\n const s = so(p)!;\n const cogs = s.shippedCogs ?? 0;\n sellIn += cogs;\n sellOutRev += s.orderedRev ?? 0;\n sellOutU += s.orderedUnits ?? 0;\n shippedU += s.shippedUnits ?? 0;\n unfilled += s.unfilled ?? 0;\n returns += s.returns ?? 0;\n ordered += s.orderedUnits ?? 0;\n confirmed += s.confirmedUnits ?? 0;\n const n = nsvOf(p, s);\n if (n) {\n nsv += n.afterComm; nsvSoa += n.afterSoa;\n commission += n.commission; soaTotal += n.soa;\n } else {\n // Tracked separately and shown on screen: 900 k€ silently missing from NSV\n // would be far more damaging than an NSV flagged as partial.\n sellInNoContract += cogs;\n }\n // Weighted by sell-in: a margin on 200 k€ does not carry the same weight as a\n // margin on 200 €.\n if (s.netPpm != null && cogs > 0) { npmW += s.netPpm * cogs; npmBase += cogs; }\n if (p.mnPct != null && cogs > 0) { mnW += p.mnPct * cogs; mnBase += cogs; }\n }\n // The NSV rate is expressed on the sell-in it actually covers, not on total\n // sell-in — otherwise the uncovered references would drag it down artificially.\n const covered = sellIn - sellInNoContract;\n return {\n sellIn, sellOutRev, sellOutU, shippedU, unfilled, returns,\n nsv, nsvSoa, commission, soaTotal, sellInNoContract, covered,\n refs: sold.length,\n nsvRate: covered > 0 ? nsvSoa / covered : null,\n npm: npmBase > 0 ? npmW / npmBase / 100 : null, // Net PPM is a %, not a fraction\n mn: mnBase > 0 ? mnW / mnBase : null,\n retRate: shippedU > 0 ? returns / shippedU : null,\n confRate: ordered > 0 ? confirmed / ordered : null,\n };\n }, [sold, period, soaSim, data]);\n\n // ── Opportunities ───────────────────────────────────────────────────────────\n // Four signals, each paired with the action it calls for. A metric that does not\n // tell you what to do is just another number.\n const opps = useMemo(() => {\n const lowConfirm: AmzProduct[] = [];\n const unfilledDemand: AmzProduct[] = [];\n const lowMargin: AmzProduct[] = [];\n const rrpTrap: AmzProduct[] = [];\n for (const p of sold) {\n const s = so(p)!;\n if ((s.confirmPct ?? 100) < 60 && (s.orderedUnits ?? 0) >= 50) lowConfirm.push(p);\n if ((s.unfilled ?? 0) > 0) unfilledDemand.push(p);\n if (p.mnPct != null && p.mnPct < 0.10 && (s.shippedCogs ?? 0) > 10000) lowMargin.push(p);\n // Below an RRP/PO ratio of 1.2, VAT alone wipes out Amazon's margin: it sells at\n // a loss at list price, which is why it declines to promote the item.\n if (p.rrp && p.po && p.rrp / p.po < 1.2) rrpTrap.push(p);\n }\n const byCogs = (a: AmzProduct, b: AmzProduct) =>\n (so(b)!.shippedCogs ?? 0) - (so(a)!.shippedCogs ?? 0);\n const byUnfilled = (a: AmzProduct, b: AmzProduct) =>\n (so(b)!.unfilled ?? 0) - (so(a)!.unfilled ?? 0);\n return {\n lowConfirm: lowConfirm.sort(byCogs),\n unfilledDemand: unfilledDemand.sort(byUnfilled),\n lowMargin: lowMargin.sort(byCogs),\n rrpTrap: rrpTrap.sort(byCogs),\n };\n }, [sold, period]);\n\n const rows = useMemo(() => [...sold].sort(\n (a, b) => (so(b)!.shippedCogs ?? 0) - (so(a)!.shippedCogs ?? 0)), [sold, period]);\n\n // ── Conditional returns — AFTER every hook, never before ─────────────────────\n if (data === undefined) {\n return
Loading Amazon data…
;\n }\n if (products.length === 0) {\n return (\n \n
\n
\n Double-click “Envoyer vers le dashboard.command” in the\n Amazon France folder.\n
\n
\n It reads the catalogue, PIPO, standard costs, SCP and the Retail Analytics\n exports, computes profitability, then sends the result here.\n
\n
\n \n );\n }\n\n return (\n
\n {/* Standing reminder: this tab is not comparable to D2C. */}\n
\n Amazon Vendor (1P) scope, isolated from D2C. Sell-in is what Amazon\n pays us, gross of contract commission. NSV is what we actually book:\n sell-in less commission and SOA. Sell-out is what the end customer pays\n Amazon — it measures demand, not our revenue. No figure here may be added to the\n D2C tabs.\n
\n\n \n
\n setQ(e.target.value)}\n placeholder=\"ASIN, SKU or name…\"\n className=\"px-3 py-1.5 border rounded-lg text-sm w-full sm:w-64\" />\n \n {periods.map((y) => (\n setPeriod(y)}>{y}\n ))}\n \n setGrp(null)}>All categories\n {groups.map((g) => (\n setGrp(g)}>{g}\n ))}\n
\n {data.sellout_periods?.[period] && (\n
\n Sell-out: {data.sellout_periods[period].period} · Manufacturing view ·\n {\" \"}{data.sellout_periods[period].file}\n
\n )}\n \n\n
\n \n \n \n \n \n \n \n \n
\n\n {/* An NSV covering only part of the scope must say so, plainly. */}\n {kpi.sellInNoContract > 0 && (\n
\n {fmtEurK(kpi.sellInNoContract)} of sell-in carries no contract\n parameters — references Amazon sells that are absent from the profitability\n file, so their category and commission rate are unknown. They are\n excluded from NSV rather than valued at a guessed rate. Adding them to\n the Amazon catalogue would close the gap.\n
\n )}\n\n
\n setView(\"opportunities\")}>\n Opportunities\n \n setView(\"all\")}>\n All references ({rows.length})\n \n
\n\n {view === \"opportunities\" ? (\n
\n fmtPct((s.confirmPct ?? 0) / 100), bad: true },\n { h: \"Ordered\", get: (s) => fmtInt(s.orderedUnits) },\n { h: \"Sell-in\", get: (s) => fmtEurK(s.shippedCogs) },\n ]} />\n\n fmtInt(s.unfilled), bad: true },\n { h: \"Ordered\", get: (s) => fmtInt(s.orderedUnits) },\n { h: \"Sell-in\", get: (s) => fmtEurK(s.shippedCogs) },\n ]} />\n\n fmtEurK(s.shippedCogs) },\n { h: \"Amz Net PPM\", get: (s) => fmtPct((s.netPpm ?? 0) / 100) },\n ]}\n extra={(p) => {fmtPct(p.mnPct)}}\n extraHead=\"Our margin\" />\n\n fmtEurK(s.shippedCogs) }]}\n extra={(p) => (\n \n {p.rrp && p.po ? (p.rrp / p.po).toFixed(2) : \"—\"}\n \n )}\n extraHead=\"RRP / PO\" />\n
\n ) : (\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {rows.slice(0, 400).map((p) => {\n const s = so(p)!;\n const n = nsvOf(p, s);\n const k = commRate(p);\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n
ASIN SKU Product Cat. PO Std cost RRP Our margin Amz Net PPM Sell-in Commission NSV Units Confirmed Unfilled SOA / unit NSV after SOA
\n {p.asin}\n {p.offCatalogue && (\n \n off-cat\n \n )}\n {p.sku} {p.name} {p.grp ?? \"—\"} {fmtEur(p.po)} {fmtEur(p.scti)} {fmtEur(p.rrp)} \n {fmtPct(p.mnPct)}\n \n {s.netPpm != null ? fmtPct(s.netPpm / 100) : \"—\"}\n {fmtEurK(s.shippedCogs)} \n {n ? \"−\" + fmtEurK(n.commission) : \"—\"}\n \n {n ? fmtEurK(n.afterComm) : n/a}\n {fmtInt(s.orderedUnits)} \n {s.confirmPct != null ? fmtPct(s.confirmPct / 100) : \"—\"}\n 0 ? \"text-amber-700\" : \"text-slate-400\"}`}>\n {s.unfilled ? fmtInt(s.unfilled) : \"—\"}\n \n setSoaSim({ ...soaSim, [p.asin]: e.target.value })}\n placeholder=\"—\" inputMode=\"decimal\"\n className=\"w-16 px-1 py-0.5 border rounded text-right tabular-nums text-[11px]\"\n title=\"Simulation: SOA amount per unit. Not saved.\" />\n \n {n\n ? \n {fmtEurK(n.afterSoa)}\n \n : n/a}\n
\n
\n
\n NSV = sell-in − contract commission − SOA. The SOA / unit column\n is a projection tool: values are not saved and disappear on reload.\n Commitments stay in the Amazon_Vendor_Rentabilite workbook.\n References marked off-cat have no contract, hence no NSV.\n
\n \n )}\n
\n );\n}\n\n/** Opportunity card: the signal, why it matters, and the action it calls for. */\nfunction OppCard(\n { title, why, action, items, period, cols, extra, extraHead }: {\n title: string; why: string; action: string;\n items: AmzProduct[]; period: string;\n cols: { h: string; get: (s: Sellout) => any; bad?: boolean }[];\n extra?: (p: AmzProduct) => any; extraHead?: string;\n },\n) {\n const [open, setOpen] = useState(false);\n if (items.length === 0) {\n return (\n \n
No reference affected in this period.
\n \n );\n }\n const shown = open ? items : items.slice(0, 6);\n return (\n \n
{why}
\n
→ {action}
\n
\n \n \n \n \n {extraHead && }\n {cols.map((c) => )}\n \n \n {shown.map((p) => {\n const s = p.sellout![period];\n return (\n \n \n \n {extra && }\n {cols.map((c) => (\n \n ))}\n \n );\n })}\n \n
ASIN Product {extraHead} {c.h}
{p.asin} {p.name} {extra(p)} \n {c.get(s)}\n
\n
\n {items.length > 6 && (\n \n )}\n \n );\n}\n\nfunction Card({ title, children }: any) {\n return (\n
\n {title && (\n
\n
{title}
\n
\n )}\n
{children}
\n
\n );\n}\n\nfunction Kpi({ label, value, Icon, tone = \"indigo\", accent = false, hint }: any) {\n const tones: Record = {\n indigo: [\"#EEF2FF\", \"#4F46E5\"], green: [\"#ECFDF5\", \"#059669\"],\n amber: [\"#FFFBEB\", \"#D97706\"], sky: [\"#F0F9FF\", \"#0284C7\"],\n rose: [\"#FFF1F2\", \"#E11D48\"], slate: [\"#F1F5F9\", \"#475569\"],\n };\n const [bg, fg] = tones[accent ? \"amber\" : tone] ?? tones.indigo;\n return (\n
\n
\n \n
\n
\n
{value}
\n
{label}
\n
\n
\n );\n}\n\nfunction Pill({ active, onClick, children }: any) {\n return (\n \n );\n}\n",[],[709,795],"7cacdc25-6e42-417c-a206-13a229a6d40f",["D",1787661091162],[500,501,502,503,504,505,506,507,508,509,510,511,512,513],[709],["D",1785139688485],["D",1789561879908],{"_11":12,"_318":108},{"_11":12,"_313":314,"_107":108,"_31":106,"_315":316,"_317":30},{"_39":304,"_13":16,"_33":36,"_305":267,"_306":96,"_307":98,"_308":271,"_309":267,"_310":42,"_311":14,"_312":12},"ctx",{"_54":-5,"_338":843,"_844":845,"_846":847,"_848":30,"_849":30,"_850":30,"_851":24,"_852":-5,"_853":-7,"_854":-7,"_855":26,"_856":30,"_857":30,"_858":-5,"_859":30,"_860":30,"_861":30,"_862":-5},"ENV",{"_814":815,"_816":817,"_818":97,"_819":820,"_821":822,"_823":824,"_825":826,"_827":828,"_829":830,"_831":832,"_833":834,"_835":836,"_837":838,"_839":840,"_841":842},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

	Products	Sales (u)	{total?.revIsInvoiced === false ? \"Revenue est.\" : \"Revenue\"}	Forecast (u)	Sell-thru
{r.label}	{fmtInt(r.count)}	{fmtInt(r.sales)}	{fmtEurK(r.rev)}	{fmtInt(r.fc)}
TOTAL	{fmtInt(total.count)}	{fmtInt(total.sales)}	{fmtEurK(total.rev)}	{fmtInt(total.fc)}	{fmtPct(total.st)}

History · scripts