{tab === "pair" && }
{tab === "combo" && }
{tab === "voice" && }
{tab === "predict" && }
);
}
// ---------- Pairing Assistant ----------
function PairTab({ lang }) {
const [mood, setMood] = useState("");
const [loading, setLoading] = useState(false);
const [result, setResult] = useState(null);
const prompts = lang === "es"
? ["Tengo ganas de algo picante", "Algo dulce y crujiente", "Una orden para 2 con cerveza", "Solo, después del gym, sin guilt", "Para impresionar a alguien"]
: ["I want something spicy", "Sweet and crispy", "An order for 2 with beer", "Solo, post-gym, no guilt", "Trying to impress a date"];
async function ask(text) {
setMood(text);
setLoading(true);
setResult(null);
try {
const menuSummary = window.VW_MENU.map(c => `${c.en}: ${c.items.map(i => i.en).join(", ")}`).join(". ");
const sauceList = window.VW_SAUCES.map(s => s.en).join(", ");
const language = lang === "es" ? "Spanish" : "English";
const reply = await window.claude.complete({
messages: [{
role: "user",
content: `You are the pairing assistant for Vito's Wings, a wing restaurant in Tegucigalpa, Honduras. The customer says: "${text}".
Pick ONE main item, ONE sauce, ONE side, and ONE drink from this menu. Sauces: ${sauceList}. Menu: ${menuSummary}.
Reply in ${language}. Be playful and confident. Format as strict JSON only, no markdown:
{"main": "...", "sauce": "...", "side": "...", "drink": "...", "why": "one short sentence in ${language} explaining the vibe"}`
}]
});
// Extract JSON
const m = reply.match(/\{[\s\S]*\}/);
if (m) {
const parsed = JSON.parse(m[0]);
setResult(parsed);
} else {
setResult({ why: reply, main: "—", sauce: "—", side: "—", drink: "—" });
}
} catch (e) {
setResult({
main: "Wings 9 pcs", sauce: "Lemon Pepper", side: "Truffled Fries", drink: "Mint Lemonade",
why: lang === "es" ? "(Demo) Una combinación segura y rica." : "(Demo) A safe, delicious combo."
});
}
setLoading(false);
}
return (
▌ {lang === "es" ? "DINOS QUÉ SE TE ANTOJA" : "TELL US WHAT YOU'RE CRAVING"}
{lang === "es" ? "TE ARMAMOS LA ORDEN." : "WE'LL BUILD THE ORDER."}
{lang === "es"
? "Escribe el mood, el hambre o la situación. Sugerimos plato, salsa, acompañamiento y bebida que pegan."
: "Type the mood, the hunger, or the situation. We suggest a dish, sauce, side, and drink that pair."}
{combo.total <= budget
? (lang === "es" ? `↓ ${fmtL(budget - combo.total)} BAJO PRESUPUESTO` : `↓ ${fmtL(budget - combo.total)} UNDER BUDGET`)
: (lang === "es" ? `↑ ${fmtL(combo.total - budget)} SOBRE PRESUPUESTO` : `↑ ${fmtL(combo.total - budget)} OVER BUDGET`)}
{combo.lines.map((l, i) => (
{l.name}{fmtL(l.price)}
))}
alert(lang === "es" ? "Combo agregado al pedido (demo)" : "Combo added to cart (demo)")}>{lang === "es" ? "AGREGAR COMBO AL PEDIDO" : "ADD COMBO TO ORDER"} →
);
}
// ---------- Voice Ordering ----------
function VoiceTab({ lang }) {
const [recording, setRecording] = useState(false);
const [transcript, setTranscript] = useState("");
const [parsed, setParsed] = useState(null);
const samples = lang === "es"
? ["nueve alitas, lemon pepper, papas, limonada", "vito's burger con tocino extra, sin cebolla", "para dos: 14 alitas mitad bbq mitad hot honey, sangría"]
: ["nine wings, lemon pepper, fries, lemonade", "vito's burger with extra bacon, no onion", "para dos: 14 wings half bbq half hot honey, sangria"];
function simulate(text) {
setRecording(true);
setTranscript("");
setParsed(null);
let i = 0;
const id = setInterval(() => {
i += Math.max(1, Math.floor(Math.random() * 3));
setTranscript(text.slice(0, i));
if (i >= text.length) {
clearInterval(id);
setTimeout(() => {
setRecording(false);
// basic parse
const items = [];
const lower = text.toLowerCase();
if (lower.match(/9|nine|nueve/)) items.push({ name: lang === "es" ? "Alitas (9 und)" : "Wings (9 pcs)", price: 280 });
if (lower.match(/14/)) items.push({ name: lang === "es" ? "Vito's Para Dos" : "Vito's Para Dos", price: 540 });
if (lower.match(/burger/)) items.push({ name: "Vito's Burger", price: 280 });
if (lower.match(/lemon pepper/)) items.push({ name: "+ Lemon Pepper", price: 0 });
if (lower.match(/bbq/)) items.push({ name: "+ BBQ", price: 0 });
if (lower.match(/hot honey/)) items.push({ name: "+ Hot Honey", price: 0 });
if (lower.match(/papas|fries/)) items.push({ name: lang === "es" ? "Papas Fritas" : "Fries", price: 160 });
if (lower.match(/limonada|lemonade/)) items.push({ name: lang === "es" ? "Limonada" : "Lemonade", price: 65 });
if (lower.match(/sangr[ií]a/)) items.push({ name: lang === "es" ? "Sangría" : "Sangria", price: 145 });
if (items.length === 0) items.push({ name: "—", price: 0 });
setParsed({ items, total: items.reduce((s, i) => s + i.price, 0) });
}, 400);
}
}, 60);
}
return (
▌ {lang === "es" ? "ORDENA EN VOZ ALTA" : "ORDER OUT LOUD"}
{lang === "es" ? "MANOS SUCIAS? HABLA." : "GREASY HANDS? JUST SAY IT."}
{lang === "es"
? "El asistente entiende mezcla de español e inglés (porque así pedimos en Tegus). Toca una frase de ejemplo para verlo en acción."
: "The assistant understands Spanglish (because that's how we order in Tegus). Tap a sample phrase to see it run."}
);
}
// ---------- Predict / Loyalty preview ----------
function PredictTab({ lang }) {
return (
▌ {lang === "es" ? "VITO'S CLUB" : "VITO'S CLUB"}
{lang === "es" ? "CADA ORDEN NOS ENSEÑA." : "EVERY ORDER TEACHES US."}
{lang === "es"
? "Tu carta de fidelidad aprende qué te gusta, cuándo pides, qué evitas. Las recompensas no son genéricas — son tuyas."
: "Your loyalty card learns what you like, when you order, what you skip. Rewards aren't generic — they're yours."}
{lang === "es" ? "MODELO PERSONAL · 92% CONFIANZA" : "PERSONAL MODEL · 92% CONFIDENCE"}