);
}
// One row of "Your week": a day and its standing events, sorted by start time.
function WeekDayRow({ entry, onOpen, onRemove, flat }) {
const timeOf = (o) => { const w = o.when || ""; const i = w.indexOf("·"); return (i >= 0 ? w.slice(i + 1) : w).trim(); };
// Flat rows sit inside the single "Your week" card (matching the empty
// template); the standalone style is kept for any other caller.
const wrap = flat
? { display: "flex", gap: 16, alignItems: "flex-start", padding: "13px 2px", borderTop: "1px solid rgba(47,47,47,0.07)" }
: { display: "flex", gap: 16, alignItems: "flex-start", background: "#FFFFFF", border: "1px solid rgba(47,47,47,0.06)", borderRadius: 16, padding: "14px 18px", boxShadow: "0 12px 34px -28px rgba(47,47,47,0.28)" };
return (
{entry.label}
{entry.items.map((o) => (
))}
);
}
// The two natures of Saved, in one place so the empty-state preview and the
// populated screen can never drift apart (the bug: the populated view dropped the
// labels/containers/grid the empty template sets up). `invite` is the aspirational
// empty copy; `live` is the how-it-works copy once there's content.
const SAVED_KINDS = {
week: {
label: "Your week", accent: "#5d6b58",
invite: "Save a weekly storytime or park rhythm and it settles into a standing week, right here.",
live: "Your standing rhythm. These stay put; logging a visit just marks that you went.",
},
shortlist: {
label: "Your shortlist", accent: "#9A6238",
invite: "One-off outings you mean to do. Once you've been, mark it and it moves into Memories.",
live: "One-off outings you mean to do. Mark one once you've been and it moves into Memories.",
},
};
function KindLabel({ label, accent }) {
return {label};
}
// The 7-day grid from the empty-state template, now driven by real data: each day
// that holds a standing event lights up sage with its count, the rest stay faint.
function WeekStrip({ schedule }) {
const order = [1, 2, 3, 4, 5, 6, 0];
const initial = { 0: "S", 1: "M", 2: "T", 3: "W", 4: "T", 5: "F", 6: "S" };
const countByDay = {};
(schedule || []).forEach((e) => { countByDay[e.day] = e.items.length; });
return (
);
}
function SavedScreen({ saved, onOpen, onRemove, onLog, memories, onBrowse }) {
const data = window.SLOW_WEEKEND_DATA;
// Saved has two natures (PRD §4): "Your week" = saved weekly-recurring events,
// standing (they persist across logged visits); the shortlist = one-off saves
// that graduate to Memories once logged. SW owns the split so this view and the
// nav badge can't disagree. Reads only the user's own saves (never seeded).
const { week, shortlist } = SW.savedGroups(saved, memories, data.outings);
const schedule = SW.savedWeekSchedule(week, data.outings);
const shortPicks = shortlist.map((id) => data.outings.find((o) => o.id === id)).filter(Boolean);
const empty = schedule.length === 0 && shortPicks.length === 0;
React.useEffect(() => {
try { if (window.SWA && schedule.length) SWA.track("your_week", { days: schedule.length, events: week.length }); } catch (e) {}
}, [schedule.length, week.length]);
return (
Will-do
Saved
Everything you've saved. Standing weekly events become your week; one-off plans are your shortlist, and once you've been, mark it so it moves into Memories.
{empty ? (
/* Aspirational empty state — preview what Saved becomes (the two natures),
with illustrative placeholders only (never seeded outings; §4 "Saved is
the user's own choices"). Then funnel to where saving happens. */
);
}
function MemoriesScreen({ memories, reflections, onOpen, onReflect, onRemove, onSetDate, onBrowse }) {
const data = window.SLOW_WEEKEND_DATA;
const recap = SW.memoryRecap(memories, data.outings);
const reflect = SW.textureReflection(memories, data.outings);
const groups = SW.memoryTimeline(memories, data.outings);
// The reflection insight lives here now (Memories = did + reflected).
const distinctVisited = Array.from(new Set(groups.flatMap((g) => g.items).map((x) => x.id)));
const reflectedIds = distinctVisited.filter((id) => (reflections || {})[id]);
const lighter = reflectedIds.filter((id) => ["lighter", "good"].includes(reflections[id].feeling));
const insight = reflectedIds.length >= 2
? `Of the ${reflectedIds.length} you've reflected on, ${lighter.length} left you lighter, we'll lean toward more like those.`
: null;
if (!memories.length) {
/* Aspirational empty state — preview the year-in-review the log becomes, with
illustrative placeholders (dashes, never fabricated counts). Then funnel out. */
return (
Where you've been
When you go somewhere good, mark it as visited. We keep a quiet record of your slow weekends, and turn it into a year-in-review you'll actually want to look back on.
Your most-loved: {recap.mostLoved.outing.title}, you went back {recap.mostLoved.count} times.
)}
{reflect.unlocked ? (
Your reflection
{reflect.persona}
{reflect.headline} {reflect.sought}
{reflect.byTexture.slice(0, 4).map((tx) => (
{tx.key}{tx.pct}%
))}
) : (
A reflection is forming
Once you've marked {reflect.need} outings, we'll show you the shape of your slow weekends: the kinds of outings you lean toward and what that says about your family, a little like a year-in-review. {reflect.remaining} more to go, and every visit you log brings it closer.