// React hooks available via global React object const { useState, useEffect, useRef, useMemo } = React; /* ============================================================ CORVENDIS — Smart RFQ Analyzer · Quick + Standard modes Personal use first. Depth-configurable. One professional, any depth of work — invoice, RFQ, tender, proposal. ============================================================ */ const CSS = ` @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Public+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); :root{ --ink:#0B1B16; --engine:#0E2B24; --engine2:#123729; --pine:#1F5C4D; --moss:#7BA893; --sage:#A9C4B7; --mist:#D9E6DF; --copper:#D97A3D; --copper-hot:#E8935C; --copper-deep:#B25E2A; --paper:#F6F4EC; --paper-edge:#E7E3D4; --paper-ink:#22302B; --ok:#68B984; --warn:#E3B23C; --low:#E07B5A; } *{box-sizing:border-box} .cv-root{font-family:'Public Sans',system-ui,sans-serif; background: radial-gradient(1200px 800px at 85% -10%, #16453833 0%, transparent 60%), radial-gradient(900px 700px at -10% 110%, #B25E2A14 0%, transparent 55%), linear-gradient(160deg,#0B1F19 0%, #0E2B24 55%, #0B1B16 100%); color:var(--mist); min-height:100vh;} .cv-serif{font-family:'Fraunces',Georgia,serif} .cv-mono{font-family:'IBM Plex Mono',ui-monospace,monospace} .traced{border-bottom:1.5px dotted var(--copper); cursor:pointer; transition:all .18s ease; padding-bottom:1px} .traced:hover{color:var(--copper-hot); border-bottom-color:var(--copper-hot); background:#D97A3D14} .paper{background:linear-gradient(178deg,var(--paper) 0%, #EFECDF 100%); color:var(--paper-ink); box-shadow:0 1px 0 var(--paper-edge) inset, 0 18px 50px -18px #00000088;} .paper-hl{background:#E8935C55; box-shadow:0 0 0 3px #E8935C55; border-radius:2px; animation:hlpulse 1.6s ease infinite} @keyframes hlpulse{0%,100%{box-shadow:0 0 0 3px #E8935C44}50%{box-shadow:0 0 0 6px #E8935C22}} .stage-dot{width:10px;height:10px;border-radius:50%;background:#2E5347;transition:all .3s ease} .stage-dot.active{background:var(--copper);box-shadow:0 0 0 5px #D97A3D2E, 0 0 18px #D97A3D66} .stage-dot.done{background:var(--moss)} .cvcard{background:linear-gradient(180deg,#12352B 0%, #0F2C23 100%); border:1px solid #24493E; border-radius:14px; box-shadow:0 14px 40px -18px #00000099; transition:transform .35s cubic-bezier(.2,.9,.3,1.2), box-shadow .3s ease, border-color .3s ease} .cvcard:hover{border-color:#3A6B5C} .cvcard.winner{border-color:var(--copper); box-shadow:0 0 0 1px var(--copper), 0 22px 60px -20px #D97A3D55} .chip{font-size:10px; letter-spacing:.08em; padding:2px 8px; border-radius:999px; font-weight:600} .chip.hi{background:#68B98422;color:#8FD8A8;border:1px solid #68B98444} .chip.md{background:#E3B23C22;color:#EFCB74;border:1px solid #E3B23C44} .chip.lo{background:#E07B5A22;color:#F2A183;border:1px solid #E07B5A44} .chip.verified{background:#D97A3D22;color:var(--copper-hot);border:1px solid #D97A3D55} .chip.anom{background:#E07B5A22;color:#F2A183;border:1px solid #E07B5A66;animation:pulse 2s ease infinite} @keyframes pulse{50%{background:#E07B5A44}} input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--copper) var(--fill,50%),#274B40 var(--fill,50%));outline:none;width:100%} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--copper-hot);border:2px solid #0E2B24;box-shadow:0 0 0 3px #D97A3D33;cursor:grab} input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 0 6px #D97A3D33} .editfield{background:#0B221C;border:1px solid #26493E;border-radius:8px;color:var(--mist);padding:5px 9px;font-size:13px;width:100%;transition:border .2s} .editfield:focus{outline:none;border-color:var(--copper)} .console-line{opacity:0;animation:fadeup .4s ease forwards} @keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} @keyframes cardin{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}} .cardin{animation:cardin .5s cubic-bezier(.2,.9,.3,1) both} @keyframes drawerin{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}} .drawerin{animation:drawerin .35s cubic-bezier(.2,.9,.3,1) both} @keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(400%)}} .scanline{animation:scan 1.8s linear infinite} @keyframes breathe{0%,100%{opacity:.5}50%{opacity:1}} .breathe{animation:breathe 2.2s ease infinite} .cv-scroll::-webkit-scrollbar{width:8px;height:8px} .cv-scroll::-webkit-scrollbar-thumb{background:#2E5347;border-radius:4px} .cv-scroll::-webkit-scrollbar-track{background:transparent} .btn-copper{background:linear-gradient(180deg,var(--copper-hot),var(--copper-deep));color:#1A0F07;font-weight:700; border-radius:10px;border:1px solid #E8935C;box-shadow:0 8px 24px -8px #D97A3D88, 0 1px 0 #FFCFA6 inset;transition:all .2s} .btn-copper:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px #D97A3DAA, 0 1px 0 #FFCFA6 inset} .btn-ghost{border:1px solid #2E5347;border-radius:10px;color:var(--sage);transition:all .2s;background:transparent} .btn-ghost:hover{border-color:var(--moss);color:var(--mist);background:#1A3A30} .btn-locked{opacity:.55;cursor:not-allowed;filter:grayscale(.3)} .modecard{cursor:pointer;transition:all .25s ease} .modecard:hover{transform:translateY(-2px)} .modecard.selected{border-color:var(--copper) !important;box-shadow:0 0 0 1px var(--copper), 0 22px 60px -20px #D97A3D55} .scoregauge{background:#0B221C;border-radius:4px;height:5px;overflow:hidden;position:relative} .scorefill{height:100%;background:linear-gradient(90deg,var(--moss),var(--copper-hot));border-radius:4px;transition:width .5s cubic-bezier(.2,.9,.3,1)} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}} `; /* ================= MODES ================= */ const MODES = { quick: { id: "quick", name: "Quick", tag: "Fast decision", time: "~2 minutes", desc: "One or a few documents. Extract, rank, and get negotiation levers. For when time is the constraint and the call is straightforward.", fits: ["Single invoice review", "2–3 quote comparison", "Spot-buy decisions"], stages: ["Observe", "Understand", "Recommend", "Learn"], export: "Quick decision brief", }, standard: { id: "standard", name: "Standard", tag: "Structured evaluation", time: "~20 minutes", desc: "Multi-criteria decision analysis with technical, capability, delivery, risk & ESG scoring. Every input traceable; every weight yours.", fits: ["RFQ & tender evaluations", "Proposal comparisons", "Auditable decisions"], stages: ["Observe", "Understand", "Evaluate", "Score", "Recommend", "Learn"], export: "Full evaluation report", }, full: { id: "full", name: "Full", tag: "Deep individual analysis", time: "~45 minutes", desc: "For decisions that face scrutiny. Sensitivity testing, scenario modeling, alternative award structures, and your own due-diligence tracking — all still one professional, going further.", fits: ["Sensitivity & scenario testing", "Split-award & backup strategies", "Board-grade memos"], stages: ["Observe", "Understand", "Evaluate", "Score", "Model", "Recommend", "Learn"], export: "Full decision memo", }, }; /* ================= FX ================= */ const FX = { EUR: 1, USD: 0.91, GBP: 1.17, PLN: 0.235, CHF: 1.04, CNY: 0.126, GHS: 0.058 }; const FX_DATE = "14 Jul 2026 · ECB reference"; const BASE_CHOICES = ["EUR", "USD", "GBP", "PLN", "CHF", "GHS"]; const convert = (v, from, base) => (v * (FX[from] ?? 1)) / (FX[base] ?? 1); const crossRate = (from, base) => (FX[from] ?? 1) / (FX[base] ?? 1); const fmtMoney = (v, base) => new Intl.NumberFormat(base === "USD" ? "en-US" : "de-DE", { style: "currency", currency: base, maximumFractionDigits: 0 }).format(v); /* ================= CATEGORY WEIGHT PRESETS (Template §9.2) ================= */ /* Six top-level criteria weights: price, technical, capability, delivery, risk, innovation */ const PRESETS = { goods: { name: "Standard Goods", w: { price: 50, technical: 25, capability: 10, delivery: 10, risk: 5, innovation: 0 } }, services: { name: "Strategic Services", w: { price: 30, technical: 25, capability: 25, delivery: 10, risk: 5, innovation: 5 } }, highrisk: { name: "High-Risk / Complex", w: { price: 35, technical: 25, capability: 15, delivery: 10, risk: 10, innovation: 5 } }, sustain: { name: "Sustainability-Focused", w: { price: 40, technical: 20, capability: 10, delivery: 10, risk: 15, innovation: 5 } }, }; /* ================= SAMPLE DATA ================= */ /* Every field carries provenance: {value, conf, page, snippet}. Standard-mode scores are 0-10 defaults that a real user would confirm/adjust — never model-invented. */ const SUPPLIERS_SEED = [ { id: "klima", name: "Klimatech GmbH", country: "Germany", flag: "DE", currency: "EUR", fields: { unit_price: { value: 1485, conf: 0.97, page: 1, snippet: "Unit price: EUR 1,485.00 per system, ex works incl. DAP delivery Berlin" }, quantity: { value: 40, conf: 0.99, page: 1, snippet: "Position 1 — 40 × KT-5200i split climate systems" }, freight: { value: 0, conf: 0.95, page: 1, snippet: "Delivery DAP Berlin site — included in unit pricing" }, installation: { value: 0, conf: 0.93, page: 2, snippet: "Installation and commissioning by certified Klimatech engineers: included" }, training: { value: 600, conf: 0.90, page: 2, snippet: "Operator training (1 day, on site): EUR 600.00" }, maintenance_annual: { value: 1900, conf: 0.92, page: 2, snippet: "Annual maintenance contract: EUR 1,900.00 per year (optional, recommended)" }, lead_time_days: { value: 21, conf: 0.96, page: 1, snippet: "Delivery time: 3 weeks from order confirmation" }, warranty_months:{ value: 36, conf: 0.97, page: 2, snippet: "Warranty: 36 months full parts & labour" }, payment_terms: { value: "Net 30", advance: 0, conf: 0.95, page: 2, snippet: "Payment: 30 days net from date of invoice" }, incoterm: { value: "DAP Berlin", conf: 0.96, page: 1, snippet: "Delivery DAP Berlin site — included in unit pricing" }, }, // Standard-mode: user-set / integration-populated fields (defaults reasonable, all editable) scores: { technical: { specs_met: true, iso: true, quality_score: 8, docs_score: 9 }, capability: { years: 34, refs_score: 9, capacity_score: 8, financial_score: 9 }, delivery: { on_time_history: 96, lead_score: 9, tracking_score: 8 }, quality: { warranty_scope: 9, aftersales: 9, defect_rate: 0.4 }, risk: { financial: "Low", operational: "Low", compliance: "Low", geo: "Low" }, compliance: { biz_reg: true, tax: true, insurance: true, dpa: true }, esg: { environmental: 8, social: 8, governance: 9 }, }, doc: [ `KLIMATECH GmbH · Industriestraße 44, 68199 Mannheim\n\nQUOTATION Q-26-0977 — RFQ-2026-114\n14 June 2026\n\nPosition 1 — 40 × KT-5200i split climate systems\nUnit price: EUR 1,485.00 per system, ex works incl. DAP delivery Berlin\nDelivery DAP Berlin site — included in unit pricing\nDelivery time: 3 weeks from order confirmation\n\nSubtotal goods: EUR 59,400.00`, `Page 2 — Commercial terms\n\nInstallation and commissioning by certified Klimatech engineers: included\nOperator training (1 day, on site): EUR 600.00\nAnnual maintenance contract: EUR 1,900.00 per year (optional, recommended)\nWarranty: 36 months full parts & labour\nPayment: 30 days net from date of invoice\nQuotation valid until: 30 September 2026`, ], }, { id: "hanwei", name: "Hanwei Cooling Co.", country: "China", flag: "CN", currency: "USD", fields: { unit_price: { value: 1120, conf: 0.95, page: 1, snippet: "FOB Shanghai price: USD 1,120.00 / set, MOQ 40 sets" }, quantity: { value: 40, conf: 0.99, page: 1, snippet: "Quantity: 40 sets HW-C48 commercial split units" }, freight: { value: 3900, conf: 0.71, page: 1, snippet: "Sea freight + insurance to Hamburg, est. USD 3,900 (subject to booking)" }, installation: { value: 5275, conf: 0.62, page: 2, snippet: "Installation: not included — buyer to arrange local contractor", note: "Estimated: local contractor, converted" }, training: { value: 0, conf: 0.88, page: 2, snippet: "Technical documentation and remote video support included" }, maintenance_annual: { value: 2400, conf: 0.68, page: 2, snippet: "Spare parts kit available; suggested annual service budget USD 2,600" }, lead_time_days: { value: 55, conf: 0.90, page: 1, snippet: "Lead time: 35 days production + approx. 20 days sea transit" }, warranty_months:{ value: 12, conf: 0.94, page: 2, snippet: "Warranty: 12 months on compressor and parts (return to factory)" }, payment_terms: { value: "50% advance, 50% at B/L", advance: 0.5, conf: 0.93, page: 2, snippet: "Payment: 50% T/T advance with order, 50% against copy of B/L" }, incoterm: { value: "FOB Shanghai", conf: 0.95, page: 1, snippet: "FOB Shanghai price: USD 1,120.00 / set, MOQ 40 sets" }, }, scores: { technical: { specs_met: true, iso: true, quality_score: 7, docs_score: 6 }, capability: { years: 12, refs_score: 6, capacity_score: 9, financial_score: 6 }, delivery: { on_time_history: 82, lead_score: 5, tracking_score: 7 }, quality: { warranty_scope: 5, aftersales: 5, defect_rate: 1.8 }, risk: { financial: "Med", operational: "Med", compliance: "Med", geo: "Med" }, compliance: { biz_reg: true, tax: true, insurance: false, dpa: false }, esg: { environmental: 5, social: 5, governance: 6 }, }, doc: [ `HANWEI COOLING CO., LTD · Ningbo, Zhejiang\n\nPROFORMA OFFER PI-26-3341 — Ref RFQ-2026-114\n\nQuantity: 40 sets HW-C48 commercial split units\nFOB Shanghai price: USD 1,120.00 / set, MOQ 40 sets\nSea freight + insurance to Hamburg, est. USD 3,900 (subject to booking)\nLead time: 35 days production + approx. 20 days sea transit`, `Page 2 — Terms\n\nInstallation: not included — buyer to arrange local contractor\nTechnical documentation and remote video support included\nSpare parts kit available; suggested annual service budget USD 2,600\nWarranty: 12 months on compressor and parts (return to factory)\nPayment: 50% T/T advance with order, 50% against copy of B/L\nValidity: 45 days`, ], }, { id: "nowak", name: "Chłodnia Nowak Sp. z o.o.", country: "Poland", flag: "PL", currency: "PLN", fields: { unit_price: { value: 5590, conf: 0.96, page: 1, snippet: "Cena jednostkowa / unit price: 5,590.00 PLN net per unit, DAP Berlin" }, quantity: { value: 40, conf: 0.99, page: 1, snippet: "40 units NW-Klima 480 PRO" }, freight: { value: 0, conf: 0.94, page: 1, snippet: "Transport DAP Berlin included (own fleet, 2 deliveries)" }, installation: { value: 14800, conf: 0.91, page: 2, snippet: "Installation package (optional): 14,800.00 PLN net, certified team, 6 working days" }, training: { value: 0, conf: 0.89, page: 2, snippet: "Handover training included in installation package" }, maintenance_annual: { value: 8900, conf: 0.90, page: 2, snippet: "Service agreement: 8,900.00 PLN / year, incl. 2 inspections" }, lead_time_days: { value: 30, conf: 0.95, page: 1, snippet: "Delivery: 30 calendar days from order" }, warranty_months:{ value: 24, conf: 0.96, page: 2, snippet: "Warranty: 24 months, on-site response within 72h" }, payment_terms: { value: "Net 14 · 2% early-pay disc.", advance: 0, earlyDiscount: 0.02, conf: 0.66, page: 2, snippet: "Payment 14 days; 2% discount for payment within 5 days (skonto)" }, incoterm: { value: "DAP Berlin", conf: 0.95, page: 1, snippet: "Cena jednostkowa / unit price: 5,590.00 PLN net per unit, DAP Berlin" }, }, scores: { technical: { specs_met: true, iso: true, quality_score: 8, docs_score: 8 }, capability: { years: 18, refs_score: 8, capacity_score: 7, financial_score: 7 }, delivery: { on_time_history: 93, lead_score: 7, tracking_score: 7 }, quality: { warranty_scope: 7, aftersales: 8, defect_rate: 0.9 }, risk: { financial: "Low", operational: "Low", compliance: "Low", geo: "Low" }, compliance: { biz_reg: true, tax: true, insurance: true, dpa: true }, esg: { environmental: 7, social: 7, governance: 7 }, }, doc: [ `CHŁODNIA NOWAK Sp. z o.o. · ul. Przemysłowa 12, Poznań\n\nOFERTA / QUOTATION NR 118/06/2026 — RFQ-2026-114\n\n40 units NW-Klima 480 PRO\nCena jednostkowa / unit price: 5,590.00 PLN net per unit, DAP Berlin\nTransport DAP Berlin included (own fleet, 2 deliveries)\nDelivery: 30 calendar days from order`, `Page 2 — Warunki / Terms\n\nInstallation package (optional): 14,800.00 PLN net, certified team, 6 working days\nHandover training included in installation package\nService agreement: 8,900.00 PLN / year, incl. 2 inspections\nWarranty: 24 months, on-site response within 72h\nPayment 14 days; 2% discount for payment within 5 days (skonto)\nOferta ważna / valid: 60 days`, ], }, ]; const TWIN = { lastAnalysis: { label: "Q1 2026 · chiller retrofit, similar category", bestUnitEUR: 985, chosen: "domestic supplier", reason: "you weighted lead time & warranty over price" }, usualWeights: { price: 30, lead: 32, warranty: 24, payment: 14 }, usualPreset: "goods", }; const COST_OF_CASH = 0.08; /* ================= DETERMINISTIC ENGINE ================= */ function computeTCO(s, base = "EUR") { const f = s.fields, ccy = s.currency; const goods = convert(f.unit_price.value * f.quantity.value, ccy, base); const freight = convert(f.freight.value, ccy, base); const install = f.installation.note ? convert(f.installation.value, "EUR", base) : convert(f.installation.value, ccy, base); const training = convert(f.training.value, ccy, base); const maint3 = convert(f.maintenance_annual.value, ccy, base) * 3; const advance = f.payment_terms.advance || 0; const financing = advance > 0 ? advance * (goods + freight) * COST_OF_CASH * (f.lead_time_days.value / 365) : 0; const discount = f.payment_terms.earlyDiscount ? -(f.payment_terms.earlyDiscount * goods) : 0; const total = goods + freight + install + training + maint3 + financing + discount; return { goods, freight, install, training, maint3, financing, discount, total }; } function paymentScore(f) { const adv = f.payment_terms.advance || 0; const disc = f.payment_terms.earlyDiscount || 0; let s = 0.7 - adv * 0.7 + disc * 6; if (/net 30/i.test(f.payment_terms.value)) s += 0.15; return Math.max(0, Math.min(1, s)); } /* Quick-mode ranking (four sliders — the original mixer) */ function rankQuick(suppliers, weights, base) { const tcos = suppliers.map(s => ({ s, tco: computeTCO(s, base) })); const minT = Math.min(...tcos.map(x => x.tco.total)), maxT = Math.max(...tcos.map(x => x.tco.total)); const minL = Math.min(...suppliers.map(s => s.fields.lead_time_days.value)), maxL = Math.max(...suppliers.map(s => s.fields.lead_time_days.value)); const maxW = Math.max(...suppliers.map(s => s.fields.warranty_months.value)); const wSum = weights.price + weights.lead + weights.warranty + weights.payment || 1; return tcos.map(({ s, tco }) => { const nPrice = maxT === minT ? 1 : 1 - (tco.total - minT) / (maxT - minT); const nLead = maxL === minL ? 1 : 1 - (s.fields.lead_time_days.value - minL) / (maxL - minL); const nWar = s.fields.warranty_months.value / maxW; const nPay = paymentScore(s.fields); const score = (weights.price * nPrice + weights.lead * nLead + weights.warranty * nWar + weights.payment * nPay) / wSum; return { s, tco, score, parts: { nPrice, nLead, nWar, nPay } }; }).sort((a, b) => b.score - a.score); } /* Standard-mode MCDA: six criteria weights (Template §9.1) */ function riskInverse(scores) { const map = { Low: 90, Med: 60, High: 30 }; const arr = [scores.risk.financial, scores.risk.operational, scores.risk.compliance, scores.risk.geo].map(k => map[k] ?? 60); return arr.reduce((a, b) => a + b, 0) / arr.length; } function pricePoints(tcos) { // Score price relative to the cheapest, penalising the % premium proportionally. // 0% premium = 100, 10% premium = 80, 25% premium = 50, 50%+ premium = 0. // Prevents a modest cost gap from wiping out other well-scored criteria. const minT = Math.min(...tcos.map(x => x.tco.total)); return tcos.map(x => { const premium = minT > 0 ? (x.tco.total - minT) / minT : 0; const priceScore = Math.max(0, 100 - premium * 200); return { s: x.s, tco: x.tco, priceScore }; }); } function rankStandard(suppliers, weights, base) { const tcos = suppliers.map(s => ({ s, tco: computeTCO(s, base) })); const withPrice = pricePoints(tcos); const wSum = weights.price + weights.technical + weights.capability + weights.delivery + weights.risk + weights.innovation || 1; return withPrice.map(({ s, tco, priceScore }) => { const sc = s.scores; // Technical: compliance is a mandatory gate (25%), certifications 15%, quality 30%, docs 30%. // Compliance treated as pass-heavy but not free — non-compliance halves the section. const gate = (sc.technical.specs_met ? 1 : 0.5) * (sc.technical.iso ? 1 : 0.8); const technical = gate * (sc.technical.quality_score * 6 + sc.technical.docs_score * 4); // Capability: 70% averaged sub-scores × 10, 30% experience curve saturating at 25 years. const capAvg = (sc.capability.refs_score + sc.capability.capacity_score + sc.capability.financial_score) / 3 * 10; const capExp = Math.min(100, sc.capability.years * 4); const capability = capAvg * 0.7 + capExp * 0.3; // Delivery: 50% history %, 25% lead-time score, 25% tracking score. const delivery = sc.delivery.on_time_history * 0.5 + sc.delivery.lead_score * 2.5 + sc.delivery.tracking_score * 2.5; const risk = riskInverse(sc); // Innovation surface (template §8): warranty scope + after-sales + defect-rate signal. // Defect rate is a % — invert & cap; 0% = 100, 2% = 0. const defectScore = Math.max(0, 100 - sc.quality.defect_rate * 50); const innovation = (sc.quality.warranty_scope * 4 + sc.quality.aftersales * 4 + defectScore * 0.2); const total = (weights.price * priceScore + weights.technical * technical + weights.capability * capability + weights.delivery * delivery + weights.risk * risk + weights.innovation * innovation) / wSum; const esgScore = (sc.esg.environmental + sc.esg.social + sc.esg.governance) / 3 * 10; return { s, tco, score: total / 100, mcda: { price: priceScore, technical, capability, delivery, risk, innovation }, esgScore }; }).sort((a, b) => b.score - a.score); } /* ================= ANOMALY DETECTION (Template §16.1) ================= */ function detectAnomalies(suppliers, base) { const flags = {}; const tcos = suppliers.map(s => ({ s, tco: computeTCO(s, base) })); const totals = tcos.map(x => x.tco.total); const mean = totals.reduce((a, b) => a + b, 0) / totals.length; const sd = Math.sqrt(totals.reduce((s, v) => s + (v - mean) ** 2, 0) / totals.length); tcos.forEach(({ s, tco }) => { flags[s.id] = flags[s.id] || []; if (Math.abs(tco.total - mean) > 2 * sd && sd > 0) flags[s.id].push({ kind: "OUTLIER", msg: `TCO is >2σ from group mean (${fmtMoney(mean, base)})` }); if (tco.total < mean * 0.7) flags[s.id].push({ kind: "SUSPICIOUS-LOW", msg: `TCO <70% of average — verify inclusions & specifications` }); if (tco.total > mean * 1.3) flags[s.id].push({ kind: "HIGH-PRICE", msg: `TCO >130% of average — priority negotiation target` }); if ((s.fields.payment_terms.advance || 0) >= 0.5) flags[s.id].push({ kind: "CASH-RISK", msg: `${Math.round(s.fields.payment_terms.advance*100)}% advance payment ties up cash` }); if (s.fields.warranty_months.value < 18) flags[s.id].push({ kind: "WARRANTY", msg: `Warranty only ${s.fields.warranty_months.value} months — below industry norm` }); ["unit_price","freight","installation","payment_terms"].forEach(k => { const f = s.fields[k]; if (f && f.conf < 0.7 && !f.verified) flags[s.id].push({ kind: "LOW-CONF", msg: `${k.replace(/_/g," ")} extracted at ${(f.conf*100).toFixed(0)}% confidence — please verify` }); }); }); return flags; } /* ================= ROOT ================= */ function CorvendisPrototype() { const [mode, setMode] = useState("quick"); const [stage, setStage] = useState("intake"); // intake | running | review | decision const [suppliers, setSuppliers] = useState(null); const [quickWeights, setQuickWeights] = useState({ price: 40, lead: 25, warranty: 20, payment: 15 }); const [preset, setPreset] = useState("goods"); const [stdWeights, setStdWeights] = useState(PRESETS.goods.w); const [evidence, setEvidence] = useState(null); const [uploadState, setUploadState] = useState({ busy: false, error: null }); const [baseCcy, setBaseCcy] = useState("EUR"); const [fullState, setFullState] = useState({ scenarios: {}, dueDiligence: {} }); const [recommendation, setRecommendation] = useState(null); const loadSample = () => { setSuppliers(JSON.parse(JSON.stringify(SUPPLIERS_SEED))); setStage("running"); }; const changePreset = k => { setPreset(k); setStdWeights({ ...PRESETS[k].w }); }; return (
{ setStage("intake"); setSuppliers(null); setRecommendation(null); }} />
{stage === "intake" && { setSuppliers(sup); setStage("running"); }} />} {stage === "running" && setStage("review")} />} {stage === "review" && suppliers && setStage("decision")} baseCcy={baseCcy} />} {stage === "decision" && suppliers && setStage("review")} baseCcy={baseCcy} setBaseCcy={setBaseCcy} />}
{evidence && setEvidence(null)} />}
); } /* ================= HEADER ================= */ function Header({ stage, baseCcy, setBaseCcy, mode, onEditMode }) { const m = MODES[mode]; return (
CORVENDIS
ANALYST · SMART RFQ
RFQ-2026-114 · 40 split AC units + installation, Berlin
); } /* ================= PIPELINE RAIL — dynamic per mode ================= */ function PipelineRail({ stage, mode }) { const stages = MODES[mode].stages; const stageMap = { intake: 0, running: Math.min(2, stages.length - 2), review: Math.min(2, stages.length - 2), decision: stages.length - 2 }; const idx = stageMap[stage] ?? 0; return ( ); } /* ================= INTAKE ================= */ function Intake({ mode, setMode, onSample, uploadState, setUploadState, onExtracted }) { const fileRef = useRef(null); async function handleFiles(files) { if (!files?.length) return; setUploadState({ busy: true, error: null }); try { const docs = await Promise.all([...files].slice(0, 3).map(f => new Promise((res, rej) => { const r = new FileReader(); r.onload = () => res({ name: f.name, media: f.type || "application/pdf", data: r.result.split(",")[1] }); r.onerror = () => rej(new Error("Could not read " + f.name)); r.readAsDataURL(f); }))); const content = []; docs.forEach(d => content.push({ type: "document", source: { type: "base64", media_type: d.media, data: d.data } })); content.push({ type: "text", text: `Extract each supplier quote into this exact JSON array. For EVERY field include value, conf (0-1), page (int), snippet (short exact quote). Use null value + conf 0 if absent. Respond ONLY with raw JSON. [{"id":"s1","name":"","country":"","flag":"","currency":"EUR|USD|PLN|GBP|CNY", "fields":{"unit_price":{"value":0,"conf":0,"page":1,"snippet":""},"quantity":{...},"freight":{...},"installation":{...},"training":{...},"maintenance_annual":{...},"lead_time_days":{...},"warranty_months":{...},"payment_terms":{"value":"","advance":0,"conf":0,"page":1,"snippet":""},"incoterm":{...}}, "scores":{"technical":{"specs_met":true,"iso":true,"quality_score":7,"docs_score":7},"capability":{"years":10,"refs_score":7,"capacity_score":7,"financial_score":7},"delivery":{"on_time_history":90,"lead_score":7,"tracking_score":7},"quality":{"warranty_scope":7,"aftersales":7,"defect_rate":1.0},"risk":{"financial":"Low","operational":"Low","compliance":"Low","geo":"Low"},"compliance":{"biz_reg":true,"tax":true,"insurance":true,"dpa":true},"esg":{"environmental":6,"social":6,"governance":6}}, "doc":["full text page 1","full text page 2"]}] For scores: extract only what's actually stated in the document. Where not stated, use conservative defaults so the user can fill in.` }); const resp = await fetch("https://api.anthropic.com/v1/messages", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ model: "claude-sonnet-4-6", max_tokens: 1000, messages: [{ role: "user", content }] }), }); const data = await resp.json(); const txt = (data.content || []).filter(b => b.type === "text").map(b => b.text).join("\n").replace(/```json|```/g, "").trim(); const parsed = JSON.parse(txt); if (!Array.isArray(parsed) || !parsed.length) throw new Error("No quotes recognised."); setUploadState({ busy: false, error: null }); onExtracted(parsed); } catch (e) { setUploadState({ busy: false, error: e.message || "Extraction failed — try the sample set." }); } } return (
Turn quotes into a decision you can defend.

Choose your depth. The model extracts every field with a source trace; deterministic code computes the numbers; you correct anything it got wrong. No figure appears without a receipt.

{/* MODE SELECTOR */}
1 · CHOOSE DEPTH
{Object.values(MODES).map(m => (
!m.locked && setMode(m.id)}>
{m.name}
{m.locked && SOON} {mode === m.id && !m.locked && SELECTED}
{m.tag.toUpperCase()} · {m.time.toUpperCase()}
{m.desc}
{m.fits.map((f, i) => (
·{f}
))}
))}
Personal use, any depth — from a single invoice to a full tender or proposal evaluation. The unit stays one professional; the analysis scales with the work.
{/* INTAKE */}
2 · DOCUMENT INTAKE
e.preventDefault()} onDrop={e => { e.preventDefault(); handleFiles(e.dataTransfer.files); }} className="rounded-2xl p-7 lg:p-8 text-center relative overflow-hidden" style={{ border: "1.5px dashed #35604F", background: "#0E2A2255" }}>
handleFiles(e.target.files)} />
Sample: 3 real-shaped quotes · Germany · China · Poland · 3 currencies · deliberately messy terms
{uploadState.error &&
{uploadState.error}
}
); } /* ================= RUN RITUAL ================= */ const RUN_LOG_QUICK = [ ["OBSERVE", "3 documents ingested · 6 pages · 2 layouts · 1 scanned table"], ["OBSERVE", "Currencies detected: EUR · USD · PLN — cross-rates captured (" + FX_DATE + ")"], ["UNDERSTAND", "Extracting commercial fields · 10 per supplier · provenance attached"], ["UNDERSTAND", "Confidence scoring · low-conf items flagged for your review"], ["RECOMMEND", "Deterministic TCO engine · 7 cost components · unit-tested"], ["LEARN", "Twin: matched against Q1 2026 chiller retrofit · benchmark loaded"], ]; const RUN_LOG_STANDARD = [ ["OBSERVE", "3 documents ingested · 6 pages · 2 layouts · 1 scanned table"], ["OBSERVE", "Currencies detected: EUR · USD · PLN — cross-rates captured (" + FX_DATE + ")"], ["UNDERSTAND", "Commercial extraction: 10 fields × 3 suppliers · provenance attached"], ["UNDERSTAND", "Technical compliance parsed · ISO / spec references identified"], ["EVALUATE", "Capability profile scaffolded from quote metadata"], ["EVALUATE", "Risk indicators: geo · financial · operational · compliance"], ["EVALUATE", "Compliance checklist populated from supplier documentation"], ["EVALUATE", "ESG signals extracted where documented; unstated fields flagged"], ["SCORE", "Anomaly detection: outliers · <70% price · missing certifications"], ["SCORE", "MCDA scaffold ready · category preset waiting for your confirmation"], ["RECOMMEND", "Deterministic weighted totals · six criteria · every input traceable"], ["LEARN", "Twin: matched against Q1 2026 chiller retrofit · benchmark loaded"], ]; const RUN_LOG_FULL = [ ["OBSERVE", "3 documents ingested · 6 pages · 2 layouts · 1 scanned table"], ["OBSERVE", "Currencies detected: EUR · USD · PLN — cross-rates captured (" + FX_DATE + ")"], ["UNDERSTAND", "Commercial extraction: 10 fields × 3 suppliers · provenance attached"], ["UNDERSTAND", "Technical compliance parsed · ISO / spec references identified"], ["EVALUATE", "Six-dimension supplier profile scaffolded"], ["EVALUATE", "Risk register populated · financial · operational · geopolitical"], ["EVALUATE", "Compliance signals extracted · document-on-file checklist prepared"], ["SCORE", "Anomaly detection: outliers · sub-70% pricing · missing certifications"], ["SCORE", "MCDA scaffold ready · category preset awaits confirmation"], ["MODEL", "Sensitivity engine primed — 5 weight perturbations queued"], ["MODEL", "Scenario space initialised · concession / delay / warranty deltas ready"], ["MODEL", "Alternative award structures computed · single / split / primary+backup / frame"], ["RECOMMEND", "Deterministic weighted totals · every input traceable · every scenario reproducible"], ["LEARN", "Twin: matched against Q1 2026 chiller retrofit · benchmark loaded"], ]; function RunRitual({ mode, onDone }) { const log = mode === "full" ? RUN_LOG_FULL : mode === "standard" ? RUN_LOG_STANDARD : RUN_LOG_QUICK; const [lines, setLines] = useState(0); useEffect(() => { if (lines < log.length) { const t = setTimeout(() => setLines(l => l + 1), mode === "quick" ? 340 : 230); return () => clearTimeout(t); } const t = setTimeout(onDone, 500); return () => clearTimeout(t); }, [lines, onDone, log.length, mode]); return (
{mode === "full" ? "Running deep analysis…" : mode === "standard" ? "Running full evaluation…" : "Reading your quotes…"}
{log.slice(0, lines).map(([tag, msg], i) => (
[{tag}] {msg}
))} {lines < log.length && ▊}
); } /* ================= REVIEW ================= */ const FIELD_META = [ ["unit_price", "Unit price", "money"], ["quantity", "Quantity", "num"], ["freight", "Freight", "money"], ["installation", "Installation", "money"], ["training", "Training", "money"], ["maintenance_annual", "Maintenance / yr", "money"], ["lead_time_days", "Lead time (days)", "num"], ["warranty_months", "Warranty (months)", "num"], ["payment_terms", "Payment terms", "text"], ["incoterm", "Incoterm", "text"], ]; function Review({ mode, suppliers, setSuppliers, onEvidence, onConfirm, baseCcy }) { const anomalies = useMemo(() => detectAnomalies(suppliers, baseCcy), [suppliers, baseCcy]); const flagged = suppliers.reduce((n, s) => n + FIELD_META.filter(([k]) => (s.fields[k]?.conf ?? 1) < 0.85 && !s.fields[k]?.verified).length, 0); const editField = (sid, key, raw) => { setSuppliers(prev => prev.map(s => { if (s.id !== sid) return s; const f = { ...s.fields }; const meta = FIELD_META.find(m => m[0] === key); const v = meta[2] === "text" ? raw : (parseFloat(String(raw).replace(/[^\d.,-]/g, "").replace(",", ".")) || 0); f[key] = { ...f[key], value: v, conf: 1, verified: true }; return { ...s, fields: f }; })); }; const editScore = (sid, section, key, raw) => { setSuppliers(prev => prev.map(s => { if (s.id !== sid) return s; const sc = { ...s.scores, [section]: { ...s.scores[section] } }; sc[section][key] = typeof s.scores[section][key] === "boolean" ? (raw === "true" || raw === true) : (typeof s.scores[section][key] === "string" ? raw : (parseFloat(raw) || 0)); return { ...s, scores: sc }; })); }; return (
REVIEW · THE ACCURACY GATE · {MODES[mode].name.toUpperCase()} MODE
Check what the model read.
{flagged > 0 ? <>Start with the {flagged} flagged fields — every value is editable, every source is one click away. : "All commercial fields verified or high-confidence."} {mode === "standard" && <> {" "}Then confirm the evaluation scores below each supplier.}
{/* Anomaly banner */} {Object.values(anomalies).flat().length > 0 && (
ANOMALY DETECTION · {Object.values(anomalies).flat().length} FLAG{Object.values(anomalies).flat().length === 1 ? "" : "S"}
Automatic checks against the group — outliers, sub-70% pricing, missing certifications, cash-risk terms, low extraction confidence. Click any flag on the supplier cards for context.
)}
{suppliers.map((s, si) => (
{s.name}
{s.country} · quotes in {s.currency}{s.currency !== baseCcy && ` → ${baseCcy} @ ${crossRate(s.currency, baseCcy).toFixed(4)}`}
{String(si + 1).padStart(2, "0")}
{/* Anomaly flags */} {anomalies[s.id]?.length > 0 && (
{anomalies[s.id].map((a, i) => ( ⚑ {a.kind} ))}
)} {/* Commercial fields */}
COMMERCIAL
{FIELD_META.map(([key, label, kind]) => { const f = s.fields[key]; if (!f) return null; const cls = f.verified ? "verified" : (f.conf >= 0.85 ? "hi" : f.conf >= 0.7 ? "md" : "lo"); return (
{label}
editField(s.id, key, v)} />
); })}
{/* Standard-mode evaluation scores */} {mode === "standard" && (
EVALUATION SCORES · CONFIRM OR EDIT
editScore(s.id, section, key, val)} />
)}
))}
); } function EditCell({ value, kind, ccy, onSave }) { const [editing, setEditing] = useState(false); const [v, setV] = useState(value); useEffect(() => setV(value), [value]); if (editing) return ( setV(e.target.value)} onBlur={() => { setEditing(false); if (String(v) !== String(value)) onSave(v); }} onKeyDown={e => { if (e.key === "Enter") e.target.blur(); if (e.key === "Escape") { setV(value); setEditing(false); } }} /> ); return ( ); } const SCORE_SECTIONS = [ { key: "technical", label: "Technical", items: [["specs_met", "Specs met", "bool"], ["iso", "ISO 9001", "bool"], ["quality_score", "Quality /10", "num"], ["docs_score", "Documentation /10", "num"]] }, { key: "capability", label: "Capability", items: [["years", "Years in business", "num"], ["refs_score", "References /10", "num"], ["capacity_score", "Capacity /10", "num"], ["financial_score", "Financial /10", "num"]] }, { key: "delivery", label: "Delivery", items: [["on_time_history", "On-time history %", "num"], ["lead_score", "Lead-time /10", "num"], ["tracking_score", "Tracking /10", "num"]] }, { key: "quality", label: "Quality & warranty", items: [["warranty_scope", "Warranty scope /10", "num"], ["aftersales", "After-sales /10", "num"], ["defect_rate", "Defect rate %", "num"]] }, { key: "risk", label: "Risk", items: [["financial", "Financial", "risk"], ["operational", "Operational", "risk"], ["compliance", "Compliance", "risk"], ["geo", "Geopolitical", "risk"]] }, { key: "compliance", label: "Compliance", items: [["biz_reg", "Business reg.", "bool"], ["tax", "Tax", "bool"], ["insurance", "Insurance", "bool"], ["dpa", "Data protection", "bool"]] }, { key: "esg", label: "ESG", items: [["environmental", "Environmental /10", "num"], ["social", "Social /10", "num"], ["governance", "Governance /10", "num"]] }, ]; function ScoreEditor({ scores, onEdit }) { const [openSection, setOpenSection] = useState("technical"); return (
{SCORE_SECTIONS.map(sec => ( ))}
{SCORE_SECTIONS.find(s => s.key === openSection).items.map(([k, label, kind]) => { const val = scores[openSection][k]; return (
{label}
{kind === "bool" && ( )} {kind === "risk" && ( )} {kind === "num" && ( onEdit(openSection, k, e.target.value)} />)}
); })}
); } /* ================= DECISION — mode-branched ================= */ function Decision(props) { if (props.mode === "full") return ; if (props.mode === "standard") return ; return ; } /* ------------------- QUICK ------------------- */ function DecisionQuick({ suppliers, quickWeights, setQuickWeights, onEvidence, onBack, baseCcy, recommendation, setRecommendation }) { const ranking = useMemo(() => rankQuick(suppliers, quickWeights, baseCcy), [suppliers, quickWeights, baseCcy]); const winner = ranking[0]; const bestUnitBase = Math.min(...suppliers.map(s => convert(s.fields.unit_price.value, s.currency, baseCcy))); const bestUnitSupplier = suppliers.find(s => convert(s.fields.unit_price.value, s.currency, baseCcy) === bestUnitBase); const benchmarkBase = convert(TWIN.lastAnalysis.bestUnitEUR, "EUR", baseCcy); const drift = ((bestUnitBase - benchmarkBase) / benchmarkBase) * 100; const maxTotal = Math.max(...ranking.map(r => r.tco.total)); const foreign = [...new Set(suppliers.map(s => s.currency))].filter(c => c !== baseCcy); return (
downloadWord({ mode: "quick", ranking, weights: quickWeights, base: baseCcy, benchmarkBase, bestUnitBase, drift, recommendation })} /> setQuickWeights({ ...TWIN.usualWeights })} />
WEIGHT MIXER — MOVE ME
{[["price", "Total cost (TCO)"], ["lead", "Lead time"], ["warranty", "Warranty"], ["payment", "Payment terms"]].map(([k, label]) => (
{label} {quickWeights[k]}
setQuickWeights(w => ({ ...w, [k]: +e.target.value }))} />
))}
Ranking recomputes deterministically as you drag. The Twin remembers your final mix.
{ranking.map((r, i) => )}
Financing = advance % × goods+freight × 8% cost of cash × lead-time. Skonto discounts applied where quoted. Every assumption visible; every figure clickable.
); } /* ------------------- STANDARD ------------------- */ function DecisionStandard({ suppliers, stdWeights, setStdWeights, preset, changePreset, onEvidence, onBack, baseCcy, recommendation, setRecommendation }) { const ranking = useMemo(() => rankStandard(suppliers, stdWeights, baseCcy), [suppliers, stdWeights, baseCcy]); const winner = ranking[0]; const bestUnitBase = Math.min(...suppliers.map(s => convert(s.fields.unit_price.value, s.currency, baseCcy))); const bestUnitSupplier = suppliers.find(s => convert(s.fields.unit_price.value, s.currency, baseCcy) === bestUnitBase); const benchmarkBase = convert(TWIN.lastAnalysis.bestUnitEUR, "EUR", baseCcy); const drift = ((bestUnitBase - benchmarkBase) / benchmarkBase) * 100; const foreign = [...new Set(suppliers.map(s => s.currency))].filter(c => c !== baseCcy); return (
downloadWord({ mode: "standard", ranking, weights: stdWeights, preset, base: baseCcy, benchmarkBase, bestUnitBase, drift, recommendation })} /> { changePreset(TWIN.usualPreset); }} usualLabel="Apply my usual category preset" />
{/* MCDA Weights */}
WEIGHTED CRITERIA · HIGHER = BETTER
SUM {stdWeights.price + stdWeights.technical + stdWeights.capability + stdWeights.delivery + stdWeights.risk + stdWeights.innovation}%
Category preset
{Object.entries(PRESETS).map(([k, p]) => ( ))}
{[ ["price", "Price / cost"], ["technical", "Technical quality"], ["capability", "Supplier capability"], ["delivery", "Delivery"], ["risk", "Safety (low risk = high score)"], ["innovation", "Innovation & value"], ].map(([k, label]) => (
{label} {stdWeights[k]}%
setStdWeights(w => ({ ...w, [k]: +e.target.value }))} />
))}
Aligned to procurement MCDA practice. Presets are starting points — tune to your mandate. Sum needn't be 100; scores normalise.
{/* Standard supplier cards */}
{ranking.map((r, i) => )}
); } /* ---------- Shared decision header ---------- */ function DecisionHeader({ base, foreign, onBack, onDownload }) { return (
DECISION · ALL FIGURES IN {base} · SCORES 0–100 · HIGHER = BETTER · FX {FX_DATE}
Ranked. Explained. Traceable.
{foreign.length > 0 && (
{foreign.map(c => {c} → {base} @ {crossRate(c, base).toFixed(4)})}
)}
); } function TwinBanner({ ranking, base, bestUnitBase, bestUnitSupplier, benchmarkBase, drift, onEvidence, onApplyWeights, usualLabel = "Apply my usual weights" }) { return (
PROCUREMENT TWIN · ANALYSIS #2
Best unit price today is onEvidence({ supplierId: bestUnitSupplier.id, fieldKey: "unit_price" })}>{fmtMoney(bestUnitBase, base)} — {" "} 0 ? "var(--warn)" : "var(--ok)" }}>{Math.abs(drift).toFixed(1)}% {drift > 0 ? "above" : "below"} your {TWIN.lastAnalysis.label} ({fmtMoney(benchmarkBase, base)}/unit). Last time you chose the {TWIN.lastAnalysis.chosen} because {TWIN.lastAnalysis.reason}.
); } /* ---------- QUICK CARD ---------- */ const SEGMENTS = [ ["goods", "Goods", "#7BA893"], ["freight", "Freight", "#5B8F7E"], ["install", "Installation", "#E8935C"], ["training", "Training", "#C9A66B"], ["maint3", "Maintenance ×3yr", "#4E7264"], ["financing", "Financing", "#E3B23C"], ]; function QuickCard({ r, rank, maxTotal, onEvidence, base }) { const { s, tco, score } = r; const ev = key => onEvidence({ supplierId: s.id, fieldKey: key }); return (
{String(rank + 1).padStart(2, "0")}
{s.name}{rank === 0 && RECOMMENDED}
{s.country} · quoted {s.currency}{s.currency !== base && → {base} @ {crossRate(s.currency, base).toFixed(4)}} · ev("incoterm")}>{s.fields.incoterm.value} · ev("payment_terms")}>{s.fields.payment_terms.value}
{fmtMoney(tco.total, base)}
3-YEAR TCO · SCORE {Math.round(score * 100)} / 100
{SEGMENTS.map(([k, label, color]) => tco[k] > 0 && (
))}
{tco.discount < 0 &&
− {fmtMoney(-tco.discount, base)} early-payment skonto applied ev("payment_terms")}>source
}
ev("unit_price")} value={fmtMoney(convert(s.fields.unit_price.value, s.currency, base), base)} /> ev("lead_time_days")} value={`${s.fields.lead_time_days.value} days`} /> ev("warranty_months")} value={`${s.fields.warranty_months.value} months`} /> ev("maintenance_annual")} value={fmtMoney(tco.maint3, base)} />
WHY{whyTextQuick(r, rank, base)}
); } /* ---------- STANDARD CARD ---------- */ function StandardCard({ r, rank, onEvidence, base }) { const { s, tco, score, mcda, esgScore } = r; const ev = key => onEvidence({ supplierId: s.id, fieldKey: key }); const criteria = [ ["Price", mcda.price, "Cost / TCO score — higher = cheaper relative to the group"], ["Technical", mcda.technical, "Technical & quality score — higher = better"], ["Capability", mcda.capability, "Supplier capability score — higher = stronger references, capacity, financials"], ["Delivery", mcda.delivery, "Delivery reliability score — higher = better on-time history & shorter lead time"], ["Safety", mcda.risk, "Risk profile — higher = SAFER (lower actual risk)"], ["Innovation", mcda.innovation, "Innovation & value score — higher = stronger warranty, after-sales, low defect rate"], ]; return (
{String(rank + 1).padStart(2, "0")}
{s.name}{rank === 0 && RECOMMENDED}
{s.country} · quoted {s.currency}{s.currency !== base && ` → ${base}`} · TCO {fmtMoney(tco.total, base)}
{Math.round(score * 100)}
WEIGHTED SCORE / 100
{/* Persistent scoring legend */}
SCORES 0–100 · HIGHER = BETTER · hover any label for what it means
{/* Six-criterion bars */}
{criteria.map(([label, v, hint]) => (
{label} = 70 ? "var(--ok)" : v >= 50 ? "var(--warn)" : "var(--low)" }}>{Math.round(v)}
))}
ev("unit_price")} value={fmtMoney(convert(s.fields.unit_price.value, s.currency, base), base)} /> ev("lead_time_days")} value={`${s.fields.lead_time_days.value} days`} /> ev("warranty_months")} value={`${s.fields.warranty_months.value} months`} /> ev("payment_terms")} />
WHY{whyTextStandard(r, rank, base)}
); } function Stat({ label, value, onClick }) { return (
{label.toUpperCase()}
{value}
); } function whyTextQuick(r, rank, base) { const { s, tco, parts } = r; const bits = []; if (parts.nPrice > 0.95) bits.push(`lowest 3-year TCO at ${fmtMoney(tco.total, base)}`); else bits.push(`3-year TCO of ${fmtMoney(tco.total, base)}${tco.financing > 0 ? ` incl. ${fmtMoney(tco.financing, base)} financing cost` : ""}`); if (parts.nLead === 1) bits.push(`fastest delivery (${s.fields.lead_time_days.value} days)`); else if (parts.nLead < 0.3) bits.push(`slowest delivery (${s.fields.lead_time_days.value} days) — a real project risk`); if (parts.nWar === 1) bits.push(`strongest warranty (${s.fields.warranty_months.value} months)`); else if (parts.nWar <= 0.4) bits.push(`weakest warranty (${s.fields.warranty_months.value} months, return-to-factory)`); if (s.fields.payment_terms.advance > 0) bits.push(`${Math.round(s.fields.payment_terms.advance*100)}% advance ties up cash`); if (s.fields.payment_terms.earlyDiscount) bits.push(`2% skonto rewards fast payment`); return (rank === 0 ? "Ranks first on your current weights: " : rank === 1 ? "Close second: " : "Trails: ") + bits.join("; ") + "."; } function whyTextStandard(r, rank, base) { const { s, mcda } = r; const strong = Object.entries(mcda).filter(([k, v]) => v >= 75).map(([k]) => k); const weak = Object.entries(mcda).filter(([k, v]) => v < 55).map(([k]) => k); const bits = []; if (strong.length) bits.push(`strong on ${strong.join(", ")}`); if (weak.length) bits.push(`weaker on ${weak.join(", ")}`); if (s.fields.payment_terms.advance > 0) bits.push(`${Math.round(s.fields.payment_terms.advance*100)}% advance is a cash-flow risk`); return (rank === 0 ? "Leads on the weighted multi-criteria total: " : `Ranks #${rank+1}: `) + bits.join("; ") + "."; } /* ================= DECISION TABLE ================= */ function decisionRowsQuick(ranking, base) { const m = v => fmtMoney(v, base); return [ ["Rank", r => r._rank === 0 ? "1 — RECOMMENDED" : String(r._rank + 1)], ["Weighted score", r => String(Math.round(r.score * 100)) + " / 100"], ["3-year TCO", r => m(r.tco.total), true], ["Unit price", r => m(convert(r.s.fields.unit_price.value, r.s.currency, base))], ["Quantity", r => String(r.s.fields.quantity.value)], ["Goods subtotal", r => m(r.tco.goods)], ["Freight", r => r.tco.freight > 0 ? m(r.tco.freight) : "Included"], ["Installation", r => r.tco.install > 0 ? m(r.tco.install) + (r.s.fields.installation.note ? " (est.)" : "") : "Included"], ["Maintenance ×3 yr", r => m(r.tco.maint3)], ["Financing cost", r => r.tco.financing > 0 ? m(r.tco.financing) : "—"], ["Early-pay discount", r => r.tco.discount < 0 ? "−" + m(-r.tco.discount) : "—"], ["Lead time", r => r.s.fields.lead_time_days.value + " days"], ["Warranty", r => r.s.fields.warranty_months.value + " months"], ["Payment terms", r => String(r.s.fields.payment_terms.value)], ["Incoterm", r => String(r.s.fields.incoterm.value)], ["Quoted in", r => r.s.currency + (r.s.currency !== base ? " → " + base + " @ " + crossRate(r.s.currency, base).toFixed(4) : "")], ]; } function decisionRowsStandard(ranking, base) { const m = v => fmtMoney(v, base); return [ ["Rank", r => r._rank === 0 ? "1 — RECOMMENDED" : String(r._rank + 1)], ["Weighted MCDA score", r => Math.round(r.score * 100) + " / 100", true], ["Price / Cost score", r => Math.round(r.mcda.price) + " / 100"], ["Technical score", r => Math.round(r.mcda.technical) + " / 100"], ["Capability score", r => Math.round(r.mcda.capability) + " / 100"], ["Delivery score", r => Math.round(r.mcda.delivery) + " / 100"], ["Risk (inverse) score", r => Math.round(r.mcda.risk) + " / 100"], ["Innovation score", r => Math.round(r.mcda.innovation) + " / 100"], ["ESG score", r => Math.round(r.esgScore) + " / 100"], ["3-year TCO", r => m(r.tco.total), true], ["Unit price", r => m(convert(r.s.fields.unit_price.value, r.s.currency, base))], ["Lead time", r => r.s.fields.lead_time_days.value + " days"], ["Warranty", r => r.s.fields.warranty_months.value + " months"], ["Payment terms", r => String(r.s.fields.payment_terms.value)], ["Incoterm", r => String(r.s.fields.incoterm.value)], ["Overall risk profile", r => `Fin ${r.s.scores.risk.financial} · Ops ${r.s.scores.risk.operational} · Comp ${r.s.scores.risk.compliance} · Geo ${r.s.scores.risk.geo}`], ["Compliance", r => Object.entries(r.s.scores.compliance).filter(([_,v])=>v).length + " / 4 checks pass"], ["Quoted in", r => r.s.currency + (r.s.currency !== base ? " → " + base + " @ " + crossRate(r.s.currency, base).toFixed(4) : "")], ]; } function DecisionTable({ ranking, base, mode }) { const ranked = ranking.map((r, i) => ({ ...r, _rank: i })); const rows = mode === "standard" ? decisionRowsStandard(ranking, base) : decisionRowsQuick(ranking, base); return (
FINAL VENDOR COMPARISON · {mode === "standard" ? "MCDA" : "QUICK"}
Decision table — all figures in {base}
{ranked.map((r, i) => ( ))} {rows.map(([label, fn, strong], ri) => ( {ranked.map((r, i) => ( ))} ))}
CRITERION
{r.s.name}
{r.s.country}
{label}{fn(r)}
The Word export contains this exact table — fully editable, with the executive summary and audit block attached.
); } /* ================= EXEC SUMMARY (Standard only) — Template §12 ================= */ function ExecSummary({ ranking, base }) { const top3 = ranking.slice(0, 3); return (
EXECUTIVE SUMMARY · TOP 3 SUPPLIERS
Strengths & weaknesses — for your write-up.
{top3.map((r, i) => { const sw = summarizeStrengthsWeaknesses(r); return (
{i+1}. {r.s.name}
{Math.round(r.score*100)}/100
STRENGTHS
    {sw.strengths.map((x,j) =>
  • {x}
    • )}
WEAKNESSES
    {sw.weaknesses.map((x,j) =>
  • {x}
    • )}
); })}
); } function summarizeStrengthsWeaknesses(r) { const strengths = [], weaknesses = []; const { mcda, esgScore, s } = r; if (mcda.price >= 75) strengths.push("Strong price / TCO position"); if (mcda.technical >= 75) strengths.push("Strong technical & quality profile"); if (mcda.capability >= 75) strengths.push("Established capability & references"); if (mcda.delivery >= 75) strengths.push("Reliable delivery track record"); if (mcda.risk >= 75) strengths.push("Low overall risk exposure"); if (esgScore >= 75) strengths.push("Solid ESG credentials"); if (s.fields.payment_terms.earlyDiscount) strengths.push("Early-payment discount offered"); if (mcda.price < 55) weaknesses.push("Highest cost in the set"); if (mcda.technical < 55) weaknesses.push("Technical gaps to address"); if (mcda.capability < 55) weaknesses.push("Capability concerns — references thin"); if (mcda.delivery < 55) weaknesses.push("Delivery risk (lead time / history)"); if (mcda.risk < 55) weaknesses.push("Elevated risk profile"); if (esgScore < 55) weaknesses.push("ESG posture below peers"); if ((s.fields.payment_terms.advance || 0) >= 0.5) weaknesses.push(`${Math.round(s.fields.payment_terms.advance*100)}% advance payment required`); if (s.fields.warranty_months.value < 18) weaknesses.push(`Short warranty (${s.fields.warranty_months.value} months)`); if (!strengths.length) strengths.push("Balanced profile without stand-out advantages"); if (!weaknesses.length) weaknesses.push("No material weaknesses on current data"); return { strengths, weaknesses }; } /* ================= FULL MODE ================= */ /* Standard's scoring foundation + four depth features: sensitivity, scenarios, alternative awards, personal due diligence. */ function DecisionFull({ suppliers, setSuppliers, stdWeights, setStdWeights, preset, changePreset, fullState, setFullState, recommendation, setRecommendation, onEvidence, onBack, baseCcy }) { const ranking = useMemo(() => rankStandard(suppliers, stdWeights, baseCcy), [suppliers, stdWeights, baseCcy]); const bestUnitBase = Math.min(...suppliers.map(s => convert(s.fields.unit_price.value, s.currency, baseCcy))); const bestUnitSupplier = suppliers.find(s => convert(s.fields.unit_price.value, s.currency, baseCcy) === bestUnitBase); const benchmarkBase = convert(TWIN.lastAnalysis.bestUnitEUR, "EUR", baseCcy); const drift = ((bestUnitBase - benchmarkBase) / benchmarkBase) * 100; const foreign = [...new Set(suppliers.map(s => s.currency))].filter(c => c !== baseCcy); return (
downloadWord({ mode: "full", ranking, weights: stdWeights, preset, base: baseCcy, benchmarkBase, bestUnitBase, drift, suppliers, fullState, recommendation })} /> changePreset(TWIN.usualPreset)} usualLabel="Apply my usual category preset" />
WEIGHTED CRITERIA · HIGHER = BETTER
SUM {stdWeights.price + stdWeights.technical + stdWeights.capability + stdWeights.delivery + stdWeights.risk + stdWeights.innovation}%
Category preset
{Object.entries(PRESETS).map(([k, pr]) => ( ))}
{[["price", "Price / cost"], ["technical", "Technical quality"], ["capability", "Supplier capability"], ["delivery", "Delivery"], ["risk", "Safety (low risk = high score)"], ["innovation", "Innovation & value"]].map(([k, label]) => (
{label} {stdWeights[k]}%
setStdWeights(w => ({ ...w, [k]: +e.target.value }))} />
))}
Change the weights to see the ranking shift in real time. The sensitivity panel below shows how fragile that ranking is.
{ranking.map((r, i) => )}
{/* Full-mode depth sections */}
); } /* ---------- SENSITIVITY (Template §11.1) ---------- */ /* Shows whether the current #1 ranking survives realistic weight shifts. Robust ranking = defensible decision. Fragile ranking = a warning. */ function SensitivityPanel({ suppliers, baseWeights, base, currentRanking }) { const winner = currentRanking[0]; const runner = currentRanking[1]; // Test 5 what-if scenarios by perturbing weights const tests = useMemo(() => { const perturb = (delta) => Object.fromEntries(Object.entries(baseWeights).map(([k, v]) => [k, Math.max(0, v + (delta[k] || 0))])); const scenarios = [ { label: "Price weight +15", w: perturb({ price: 15 }) }, { label: "Price weight −15", w: perturb({ price: -15 }) }, { label: "Risk weight ×2", w: { ...baseWeights, risk: baseWeights.risk * 2 } }, { label: "Technical weight +10", w: perturb({ technical: 10 }) }, { label: "Capability weight +10", w: perturb({ capability: 10 }) }, ]; return scenarios.map(sc => { const r = rankStandard(suppliers, sc.w, base); const holds = r[0].s.id === winner.s.id; const margin = holds ? Math.round((r[0].score - r[1].score) * 100) : Math.round((r[0].score - (r.find(x => x.s.id === winner.s.id)?.score || 0)) * 100); return { label: sc.label, winner: r[0].s.name, holds, margin }; }); }, [suppliers, baseWeights, base, winner]); const holdsCount = tests.filter(t => t.holds).length; const currentMargin = Math.round((winner.score - (runner?.score || 0)) * 100); const robust = holdsCount >= 4 && currentMargin >= 5; return (
SENSITIVITY · IS YOUR DECISION FRAGILE?
How would the ranking change if the weights did?
{robust ? "ROBUST" : holdsCount >= 3 ? "STABLE" : "FRAGILE"}
{winner.s.name} holds in {holdsCount}/{tests.length} scenarios · current margin {currentMargin} pts
If small changes to your weights flip the winner, your decision is defensible only under your specific mix. Robust rankings survive reasonable perturbation — the "so what if I'd weighted it slightly differently" question, answered mathematically.
{tests.map((t, i) => (
{t.label}
{t.holds ? ( ✓ {winner.s.name} still #1 ) : ( ⚑ Winner flips to {t.winner} )}
{t.holds ? "+" : ""}{t.margin} pts
))}
{!robust && "A fragile ranking is not wrong — it means the decision is close and depends heavily on your weighting. Document your reasoning; the exec summary and Word memo capture it."} {robust && "A robust ranking is your strongest defence: the winner is not an artefact of one weighting."}
); } /* ---------- SCENARIO MODELING ---------- */ /* "What if the winner concedes X%? What if FX moves Y%? What if lead time drops Z%?" Editable per-supplier deltas that re-run the deterministic engine. */ function ScenarioPanel({ suppliers, weights, base, fullState, setFullState }) { const scenarios = fullState.scenarios || {}; const winner = rankStandard(suppliers, weights, base)[0]; const currentDelta = scenarios[winner.s.id] || { pricePct: 0, leadPct: 0, warrantyDelta: 0 }; // Apply the delta to a shallow copy of suppliers const modifiedSuppliers = useMemo(() => suppliers.map(s => { const d = scenarios[s.id] || { pricePct: 0, leadPct: 0, warrantyDelta: 0 }; if (!d.pricePct && !d.leadPct && !d.warrantyDelta) return s; return { ...s, fields: { ...s.fields, unit_price: { ...s.fields.unit_price, value: s.fields.unit_price.value * (1 + d.pricePct / 100) }, lead_time_days: { ...s.fields.lead_time_days, value: Math.max(1, Math.round(s.fields.lead_time_days.value * (1 + d.leadPct / 100))) }, warranty_months: { ...s.fields.warranty_months, value: Math.max(0, s.fields.warranty_months.value + d.warrantyDelta) }, } }; }), [suppliers, scenarios]); const modifiedRanking = useMemo(() => rankStandard(modifiedSuppliers, weights, base), [modifiedSuppliers, weights, base]); const originalRanking = useMemo(() => rankStandard(suppliers, weights, base), [suppliers, weights, base]); const setDelta = (sid, key, val) => setFullState(fs => ({ ...fs, scenarios: { ...fs.scenarios, [sid]: { ...(fs.scenarios?.[sid] || { pricePct: 0, leadPct: 0, warrantyDelta: 0 }), [key]: val } } })); const reset = () => setFullState(fs => ({ ...fs, scenarios: {} })); const dirty = Object.values(scenarios).some(d => d && (d.pricePct || d.leadPct || d.warrantyDelta)); return (
SCENARIO MODELLING · WHAT-IF
Model concessions, delays, and FX shifts.
{dirty && }
Perturb each supplier's terms and watch the ranking recompute. Use it to test what you're walking into: "if I get {winner.s.name} down 5%, does anything else change?"
{suppliers.map(s => { const d = scenarios[s.id] || { pricePct: 0, leadPct: 0, warrantyDelta: 0 }; return (
{s.name}
setDelta(s.id, "pricePct", v)} /> setDelta(s.id, "leadPct", v)} /> setDelta(s.id, "warrantyDelta", v)} />
); })}
{dirty && (
MODELLED OUTCOME · WITH YOUR CHANGES
{modifiedRanking.map((r, i) => { const orig = originalRanking.find(x => x.s.id === r.s.id); const rankShift = originalRanking.findIndex(x => x.s.id === r.s.id) - i; const scoreShift = Math.round((r.score - (orig?.score || 0)) * 100); return (
#{i + 1} {r.s.name} {Math.round(r.score * 100)} pts {rankShift !== 0 && 0 ? "var(--ok)" : "var(--warn)" }}>{rankShift > 0 ? "↑" : "↓"}{Math.abs(rankShift)}} {scoreShift !== 0 && 0 ? "var(--ok)" : "var(--warn)" }}>({scoreShift > 0 ? "+" : ""}{scoreShift})}
); })}
)}
); } function ScenarioSlider({ label, val, unit, min, max, onChange }) { return (
{label} 0 ? "var(--ok)" : "var(--warn)" }}>{val > 0 ? "+" : ""}{val}{unit}
onChange(+e.target.value)} />
); } /* ---------- ALTERNATIVE AWARD STRUCTURES (Template §11.2) ---------- */ function AwardStructurePanel({ ranking, base, weights }) { const top2 = ranking.slice(0, 2); const top3 = ranking.slice(0, 3); const primary = ranking[0], backup = ranking[1]; // Split award: 60% top / 40% second — averaged TCO with risk-diversification bonus const splitTCO = 0.6 * ranking[0].tco.total + 0.4 * ranking[1].tco.total; const singleTCO = ranking[0].tco.total; const frameTCO = ranking.slice(0, 3).reduce((s, r) => s + r.tco.total, 0) / 3; const structures = [ { name: "Single-source award", desc: `${primary.s.name} takes 100%.`, tco: singleTCO, risk: "Med", pros: "Simplest to manage; strongest volume leverage; one relationship to invest in.", cons: `Full exposure to ${primary.s.name}'s delivery, capacity, or geopolitical risk. No fallback.` }, { name: "Split award (60/40)", desc: `${top2[0].s.name} 60% · ${top2[1].s.name} 40%.`, tco: splitTCO, risk: "Low", pros: "Diversifies delivery risk. Creates ongoing competitive tension. Live benchmark for the next tender.", cons: `~${Math.round(((splitTCO / singleTCO) - 1) * 100)}% higher weighted TCO. More admin overhead; smaller volume discounts.` }, { name: "Primary + backup", desc: `${primary.s.name} takes 100% now, ${backup.s.name} pre-qualified for surge or fallback.`, tco: singleTCO, risk: "Low", pros: "Full volume leverage today; instant fallback if the primary falters. Backup keeps them honest.", cons: `Backup will not hold pricing indefinitely. Requires periodic re-touching.` }, { name: "Frame agreement (top 3)", desc: `${top3.map(r => r.s.name).join(", ")} on call-off. Volume distributed per period.`, tco: frameTCO, risk: "Low", pros: "Maximum resilience and category coverage. Excellent for volatile demand or multi-site rollouts.", cons: `Weakest per-vendor leverage; most admin. Suits recurring buys, not one-off tenders.` }, ]; return (
ALTERNATIVE AWARD STRUCTURES
The winner isn't always one supplier.
Different structures trade cost against risk and leverage. Pick the shape that fits your mandate — not just the top-ranked name.
{structures.map(st => (
{st.name}
RISK {st.risk.toUpperCase()}
{st.desc}
Modeled TCO: {fmtMoney(st.tco, base)}
PROS {st.pros}
CONS {st.cons}
))}
); } /* ---------- DUE DILIGENCE (personal quick-check, not institutional sign-off) ---------- */ function DueDiligencePanel({ suppliers, setSuppliers, fullState, setFullState }) { const dd = fullState.dueDiligence || {}; const setDD = (sid, key, val) => setFullState(fs => ({ ...fs, dueDiligence: { ...fs.dueDiligence, [sid]: { ...(fs.dueDiligence?.[sid] || {}), [key]: val } } })); return (
YOUR DUE DILIGENCE · PERSONAL QUICK-CHECK
What you've verified, in your own words.
Not a compliance sign-off — your own working checklist. What documents you've seen, which references you've spoken to, what's still open, and any red flags to name.
{suppliers.map(s => { const st = dd[s.id] || {}; return (
{s.name}
DOCUMENTS ON FILE
{[["biz_reg", "Business registration"], ["tax", "Tax certificate"], ["insurance", "Insurance"], ["dpa", "Data protection"]].map(([k, label]) => (
{label} setDD(s.id, k, v)} />
))}
REFERENCE CHECKS
setDD(s.id, "refs", e.target.value)} />
RED FLAGS / OPEN