// ============================================================ // Alumnus member app — daily-life screens 1.8 → 1.12 // ============================================================ const { Icon: MI, Crest: MCrest, Avatar: MAvatar, Button: MBtn, Eyebrow: MEyebrow, Pill: MPill, Card: MCard, TabBar: MTab, Sparkline: MSpark, Bars: MBars, MEMBER, SPONSOR } = window.AL; // ───────────────────────────────────────────────────────────── // 1.8 Home / Today // ───────────────────────────────────────────────────────────── const M_Home = ({ nav = () => {}, patternEmerging = false }) => (
Thursday · Day {patternEmerging ? 45 : 30}
Good morning, Anna.
{/* Membership counter — quiet badge */}
Class of {MEMBER.classYear} · {patternEmerging ? 45 : 30} days continuing
{/* Hero: this-week note */}
Where you are
{patternEmerging ? "Your network has been quietly notified. Maria asked to call you tonight." : "You're tracking steady this week. Sleep is back on rhythm and meetings are full."}
{/* Worth a look (only when pattern emerging) */} {patternEmerging && ( )} {/* Next meeting card */}
Thu
14
Next meeting · in 90 min
St. Margaret's evening group
7:30 pm · 442 Bay St
Check in
{/* Daily check-in prompt */} Recent {[ { i: 'check-circle', t: 'Checked in at Pine Tree IOP', s: 'Monday evening' }, { i: 'chat-circle', t: 'Beth replied to your note', s: 'Tuesday · "proud of you"' }, { i: 'moon-stars', t: '7 nights of steady sleep', s: 'last week' }, ].map((r, i) => (
{r.t}
{r.s}
))} Reach out
{[ { label: 'Beth · sponsor', i: 'phone' }, { label: 'Maria · mom', i: 'phone' }, { label: 'Dr. Singh', i: 'chat-circle' }, { label: 'Crisis line', i: 'lifebuoy' }, ].map((c, i) => (
{c.label}
))}
); // Need MIcon alias since I renamed Icon in the namespace const MIcon = MI; // ───────────────────────────────────────────────────────────── // 1.9 Daily Check-In // ───────────────────────────────────────────────────────────── const M_CheckIn = ({ nav = () => {} }) => { const feelings = [ { i: 'sun', l: 'Light', on: false }, { i: 'cloud-sun', l: 'Mixed', on: true }, { i: 'cloud', l: 'Heavy', on: false }, { i: 'wind', l: 'Restless', on: false }, ]; return (
Check-in · 2 of 3

How is today landing?

{feelings.map(f => (
{f.l}
))}
Anything you want to put down
Slept fine. Work was a lot today — that meeting with John drained me. Looking forward to St. Margaret's tonight.
Only you see this. We notice patterns, never contents.
nav('home')}>Save check-in
); }; // ───────────────────────────────────────────────────────────── // 1.10 Meeting Detail // ───────────────────────────────────────────────────────────── const M_MeetingDetail = ({ nav = () => {} }) => { const history = ['attended','attended','attended','missed','attended','attended','attended','upcoming']; return (
{/* Map header */}
{/* fake map */} {[40, 100, 140].map((y, i) => ( ))} {[80, 200, 310].map((x, i) => ( ))}
Tonight · in 90 minutes

St. Margaret's evening group

7:30 pm · 442 Bay St, St. Petersburg · runs 60 min
nav('home')}> Check in when you arrive
Activates automatically inside the room
Attendance · last 8 weeks
{history.map((s, i) => { const tone = s === 'attended' ? '#4F6A4A' : s === 'missed' ? '#C9A363' : '#D7CFBC'; return (
{['8w','7w','6w','5w','4w','3w','2w','1w'][i]}
); })}
Attended Missed Upcoming
Contact
Diane K. · chair
Text-friendly
Message
); }; // ───────────────────────────────────────────────────────────── // 1.11 Meetings List // ───────────────────────────────────────────────────────────── const M_MeetingsList = ({ nav = () => {} }) => { const meetings = [ { d: 'Today', t: '7:30 pm', n: "St. Margaret's evening group", l: '442 Bay St', status: 'upcoming' }, { d: 'Tomorrow', t: '6:00 pm', n: 'Pine Tree IOP', l: 'Clearwater', status: 'upcoming' }, { d: 'Mon · 5/18',t: '6:00 pm', n: 'Pine Tree IOP', l: 'Clearwater', status: 'attended' }, { d: 'Sun · 5/17',t: '11:00 am',n: 'Sunday women', l: 'Lakewood Hall', status: 'attended' }, { d: 'Wed · 5/13',t: '7:30 pm', n: "St. Margaret's evening group", l: '442 Bay St', status: 'missed' }, { d: 'Mon · 5/11',t: '6:00 pm', n: 'Pine Tree IOP', l: 'Clearwater', status: 'attended' }, ]; return (
Your meetings

Twenty-three rooms so far.

That's 92% of the calendar since you came home.

{['Upcoming', 'Past', 'All'].map((t, i) => (
{t}
))}
{meetings.map((m, i) => { const tone = m.status === 'attended' ? 'moss' : m.status === 'missed' ? 'brass' : 'oat'; return (
nav('meeting')} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '14px 0', borderBottom: '1px solid var(--border-hairline)', cursor: 'pointer', }}>
{m.d.split(' ')[0]}
{m.t}
{m.n}
{m.l}
{m.status === 'attended' ? 'Attended' : m.status === 'missed' ? 'Missed' : 'Soon'}
); })}
); }; // ───────────────────────────────────────────────────────────── // 1.12 Wellbeing Trends (member's private view) // ───────────────────────────────────────────────────────────── const M_Trends = ({ nav = () => {} }) => { const sleep = [7.2, 7.5, 7.1, 6.8, 7.4, 7.6, 7.3, 7.2, 6.9, 7.5, 7.2, 7.4, 7.1, 6.7]; const checkins = [1,1,1,0,1,1,1, 1,1,0,1,1,1,1]; const meetingsBars = [3,3,2,3,3,3,2]; return (
How you're tracking

Steady this month, with a hard Tuesday.

A written look at your last 30 days. Nothing here is sent to your network.

{['30 days', '60 days', '90 days'].map((t, i) => (
{t}
))}
{/* Meeting attendance */}
Meeting attendance 19/21
Wk 1Wk 4Wk 7
{/* Sleep rhythm */}
Sleep rhythm 7h 14mavg
One short night two weeks ago. Otherwise stable.
{/* Daily check-in consistency */}
Check-in consistency 26 days
{Array.from({length: 30}, (_, i) => { const has = ![3, 14].includes(i); return
; })}
{/* Reflective summary */}
What we see
Steady rhythm. Sleep is back where it was in April. Meetings have been near full. Some patterns from Tuesday worth noticing on your own — your network was not notified.
); }; window.MemberDaily = { M_Home, M_CheckIn, M_MeetingDetail, M_MeetingsList, M_Trends };