// src/home.jsx — Home screen.
// Novel moment: "Ask Opa" — an AI command bar with suggested prompts that compose a mini-cart across stores.
// Also: hero store tiles, quick-start picks, trending, and a bodega-aware "what's open right now" rail.
// AskResultCard — cross-store results grouped by store. Each cluster renders its
// store chip (primary gets a "Best match" badge) followed by product tiles that
// each label which store they came from.
function AskResultCard({ answer, onNav, addToCart, onAddAll, onClose }) {
if (!answer) return null;
// Normalize legacy {store, items} shape into {clusters: [...]}.
const clusters = answer.clusters || [{ store: answer.store, items: answer.items, primary: true }];
const flat = clusters.flatMap(c => c.items.map(id => ({ storeId: c.store.id, productId: id })));
const totalCount = flat.length;
const { reason } = answer;
return (
)}
);
}
// Time-aware band — surfaces a contextual "what's open late / breakfast soon / etc."
// Currently hard-mocked to late-night for the demo so it always renders the same
// moment regardless of actual clock.
function LateNightBand({ onNav }) {
const late = STORES.filter(s => /Late-night|24hr/i.test((s.tags || []).join(" ") + " " + (s.tagline || s.hours || "")));
const list = late.length ? late : STORES.slice(0, 2);
return (
It's 11:34 PM.{" "}
Two stores near you are still open — {list.map(s => s.name).join(" and ")} stays on until close.
{/* Stores open right now — horizontal slider on both mobile and desktop */}
onNav({ screen: "store", storeId: s.id })} />
{/* Curated bundles — bodega-style */}