// Sahh — Engine demo + Auth + Badge lifecycle + Retention KPIs // Four big sections that drop into the v2 landing page. // ============================================================ // 07 — ENGINE LIVE DEMO // ============================================================ const EngineDemoSection = ({ t, dir }) => { const ar = dir === "rtl"; const SAMPLE = ar ? "180جم صدر دجاج مشوي\n150جم أرز بسمتي مطبوخ\n½ حبة أفوكادو\n1 م.ك زيت زيتون\n60جم خس روماني\n30جم طحينة" : "180g chicken breast, grilled\n150g basmati rice, cooked\n½ avocado\n1 tbsp olive oil\n60g romaine lettuce\n30g tahini"; const [text, setText] = React.useState(SAMPLE); const [result, setResult] = React.useState(null); const [busy, setBusy] = React.useState(false); const run = async () => { setBusy(true); const r = window.SahhEngine.computeRecipe(text, 1); // Only call Claude fallback when we have unresolved lines AND nothing was // resolved locally — otherwise the local engine is authoritative. if (r.unresolved.length > 0 && r.items.length === 0 && window.claude) { const ext = await window.SahhEngine.resolveWithClaude(r.unresolved); if (ext && Array.isArray(ext)) { for (const e of ext) { r.perServing.kcal += (e.kcal || 0); r.perServing.p += (e.p || 0); r.perServing.c += (e.c || 0); r.perServing.f += (e.f || 0); } } } setResult(r); setBusy(false); }; React.useEffect(() => { run(); /* eslint-disable-next-line */ }, []); return (
{ar ? "07 — المحرّك الحي" : "07 — Live engine"}

{ar ? "اكتب وصفة. شاهد المحرّك يعمل." : "Type a recipe. Watch the engine work."}

{ar ? "ليس عرضاً — هذا هو المحرّك نفسه. قاعدة بيانات USDA + SFDA، تحليل لغة طبيعية، احتساب أتواتر، ودرجة صحّ خلال جزء من الثانية." : "Not a mock — this is the actual engine. USDA + SFDA database, natural-language parser, Atwater computation, and a Sahh Score in milliseconds."}

{/* Input */}
{ar ? "إدخال" : "Recipe input"} {text.split(/\n/).filter(l=>l.trim()).length} {ar ? "أسطر" : "lines"}