// ─────────────────────────────────────────────────────────────
// LifeWheel Coach — Dashboard (Today First)
// Data adapter — translates raw LWDATA into shapes the UI needs.
// ─────────────────────────────────────────────────────────────
// Anchor "now" — Tue May 5 2026 4:12pm local
const LW_NOW = new Date(2026, 4, 5, 16, 12, 0);
function parseSessionStart(iso) {
// accepts "today HH:MM", "yest HH:MM", "wed HH:MM", weekday names mon..sun
const [dayPart, timePart] = iso.split(' ');
const [hh, mm] = timePart.split(':').map(Number);
const base = new Date(LW_NOW); base.setHours(hh, mm, 0, 0);
const dayOfWeek = ['sun','mon','tue','wed','thu','fri','sat'];
if (dayPart === 'today') return base;
if (dayPart === 'yest' || dayPart === 'yesterday') { base.setDate(base.getDate() - 1); return base; }
if (dayPart === 'tomorrow') { base.setDate(base.getDate() + 1); return base; }
const idx = dayOfWeek.indexOf(dayPart);
if (idx >= 0) {
const todayDow = LW_NOW.getDay();
let diff = idx - todayDow;
if (diff <= 0) diff += 7; // treat weekday name as upcoming
base.setDate(base.getDate() + diff);
return base;
}
return base;
}
function timeStr(d) {
const h = d.getHours(), m = d.getMinutes();
const ap = h >= 12 ? 'pm' : 'am';
const h12 = ((h + 11) % 12) + 1;
return `${h12}${m ? ':' + String(m).padStart(2, '0') : ''}${ap}`;
}
function untilStr(d) {
const diff = d.getTime() - LW_NOW.getTime();
if (diff < 0) {
const past = Math.abs(diff);
const m = Math.round(past / 60000);
if (m < 60) return `${m}m ago`;
return `${Math.round(m/60)}h ago`;
}
const m = Math.round(diff / 60000);
if (m < 60) return `in ${m}m`;
const h = Math.floor(m / 60), rem = m % 60;
return rem ? `in ${h}h ${rem}m` : `in ${h}h`;
}
// derive a UI-friendly client view
function deriveClient(raw) {
const moodValid = raw.moodWeek.filter(v => v != null);
const moodNow = moodValid.length ? moodValid[moodValid.length - 1] : null;
const moodDelta = moodValid.length >= 2 ? moodValid[moodValid.length-1] - moodValid[0] : null;
const lastEntryAt = new Date(LW_NOW.getTime() - raw.lastActiveHrs * 3600 * 1000);
return {
...raw,
moodNow, moodDelta,
lastEntryAt,
focus: raw.tags && raw.tags.length ? raw.tags.map(t => t[0].toUpperCase() + t.slice(1)).join(' · ') : '—',
cadence: raw.status === 'new' ? 'onboarding' : 'biweekly',
};
}
const STATE_META = {
attention: { label: 'needs check-in', tone: 'flame' },
active: { label: 'on track', tone: 'subtle' },
new: { label: 'just joined', tone: 'accent' },
stable: { label: 'steady', tone: 'subtle' },
};
// Session brief generator (varies by client/topic) — written long-form,
// not auto-generated, but seeded from the data.
const SESSION_BRIEFS = {
s1: {
brief: "5 days quiet. Mood down to 2/10 — Joy sphere slid 3 → 1 last night. The note she wrote feels heavier than usual. Lead gently. Last session she set a boundary about email after 7pm; consider asking how that's holding.",
flags: ['Joy 3→1', '5 days quiet', 'asked: sleep'],
},
s2: {
brief: "Coming in lit up. Wants to talk about a 6-week sabbatical idea. Streak at 23 days. Last week he asked for a stretch goal — this might be it. Help him pressure-test the timing without dampening the energy.",
flags: ['breakthrough mood', 'streak 23d', 'topic: sabbatical'],
},
s3: {
brief: "Shared a hard journal entry today: rough morning, 4h sleep, meeting went sideways. She rarely shares. Open with acknowledgement of the share itself, not the content. Family pressure is the unfinished thread from last week.",
flags: ['shared journal', 'topic: family pressure'],
},
s4: {
brief: "Three-month checkpoint. Career sphere ticked 7→8 yesterday — note says \"Said yes to the offer.\" She wants to talk about timing the leap. Bring the wheel from week 1 for contrast.",
flags: ['Career 7→8', 'topic: career pivot'],
},
s5: {
brief: "4 days quiet. Streak broke at 11. He hasn't logged mood since Sunday. Last note: \"Streak broken — energy low.\" He doesn't share journal. Topic queued is boundaries with team.",
flags: ['streak broken', '4 days quiet', 'topic: boundaries'],
},
s6: {
brief: "First real session after intake. Sam joined 2 days ago, took the first wheel today (mood 7). Spend the half-hour on what they want to work on — don't push the wheel yet. Phone, not video.",
flags: ['intake', 'phone'],
},
};
function deriveSession(raw, clientById) {
const start = parseSessionStart(raw.startISO);
const client = clientById[raw.clientId];
const meta = SESSION_BRIEFS[raw.id] || { brief: 'No prep brief yet.', flags: [] };
return {
...raw, start, client,
duration: raw.minutes,
location: raw.mode === 'video' ? 'Zoom' : raw.mode === 'phone' ? 'Phone' : 'In person',
brief: meta.brief, flags: meta.flags,
};
}
// ── Hero ──
function DashHero({ name, summary }) {
const { c: cBase, fonts: fontsBase, t, lang } = useLW();
const isBrut = !!(window.__brutMode && window.__brutC);
const c = isBrut ? window.__brutC : cBase;
const fonts = isBrut ? (window.__brutFonts || fontsBase) : fontsBase;
const now = new Date();
const hour = now.getHours();
const greetKey = hour < 12 ? 'dash.greeting_am' : hour < 18 ? 'dash.greeting_pm' : 'dash.greeting_eve';
const dateLocale = lang === 'ru' ? 'ru-RU' : undefined;
const date = now.toLocaleDateString(dateLocale, { weekday: 'long', month: 'long', day: 'numeric' });
const firstName = (name || '').split(' ')[0] || (name || '');
const greeting = t(greetKey, { name: firstName });
// Adaptive line two — pick the one that's most actionable for right now.
// Priority: sessions today > sessions tomorrow > attention queue > quiet day.
let accent = '';
let after = '';
const todayCount = (summary && summary.todayCount) || 0;
const tomorrowCount = (summary && summary.tomorrowCount) || 0;
const attentionCount = (summary && summary.attentionCount) || 0;
const firstSession = summary && summary.firstTodaySession;
if (todayCount > 0) {
accent = pluralLabel(t, lang, 'dash.hero_today', todayCount);
if (firstSession) {
const minsUntil = Math.round((firstSession - Date.now()) / 60000);
if (minsUntil > 0 && minsUntil < 60) after = ' ' + t('dash.hero_first_in_min', { n: minsUntil });
else if (minsUntil >= 60 && minsUntil < 1440) after = ' ' + t('dash.hero_first_in_hr', { n: Math.round(minsUntil / 60) });
}
} else if (tomorrowCount > 0) {
accent = t('dash.hero_tomorrow', { n: tomorrowCount });
} else if (attentionCount > 0) {
accent = t('dash.hero_no_session_attention', { n: attentionCount });
} else {
accent = t('dash.hero_quiet');
}
return (
{isBrut ? `—— ${date}` : date}
{greeting}{' '}
{isBrut ? (
{accent}{after}
) : (
{accent}{after}
)}
);
}
// RU plural picker for 1 / 2-4 / 5+ keys.
function pluralLabel(t, lang, baseKey, n) {
if (lang === 'ru' || lang === 'uk') {
const m10 = n % 10, m100 = n % 100;
if (m10 === 1 && m100 !== 11) return t(`${baseKey}_one`, { n });
if (m10 >= 2 && m10 <= 4 && (m100 < 12 || m100 > 14)) return t(`${baseKey}_few`, { n });
return t(`${baseKey}_many`, { n });
}
return n === 1 ? t(`${baseKey}_one`, { n }) : t(`${baseKey}_many`, { n });
}
// ── Today sessions ──
function TodaySessions({ sessions }) {
const { c, fonts } = useLW();
const today0 = new Date(LW_NOW); today0.setHours(0,0,0,0);
const tomorrow0 = new Date(today0); tomorrow0.setDate(tomorrow0.getDate() + 1);
const todays = sessions.filter(s => s.start >= today0 && s.start < tomorrow0)
.sort((a,b) => a.start - b.start);
if (todays.length === 0) {
return (
No sessions today
A good day to read what your clients have been writing.
);
}
const next = sessions.filter(s => s.start > LW_NOW).sort((a,b) => a.start - b.start)[0];
return (
{todays.map(s =>
);
}
function SessionRow({ session, isNext }) {
const { c, fonts, brutMode } = useLW();
const isBrut = !!brutMode;
const { isMobile } = useViewport();
const client = session.client;
return (
{timeStr(session.start)}
{session.duration} min · {session.location}
{isNext ? `next · ${untilStr(session.start)}` : untilStr(session.start)}
{client.name}
{client.focus} · {client.cadence}
{client.status === 'attention' &&
⚑ {client.attentionReason || 'needs attention'} }
Brief
{session.brief}
{session.flags && session.flags.length > 0 && (
{session.flags.map((f, i) => {f} )}
)}
);
}
// ── Week strip ──
function WeekStrip({ sessions }) {
const { c, fonts } = useLW();
const { isMobile } = useViewport();
const today0 = new Date(LW_NOW); today0.setHours(0,0,0,0);
const days = Array.from({ length: 7 }, (_, i) => {
const d = new Date(today0); d.setDate(today0.getDate() + i);
const dStr = d.toDateString();
const dayS = sessions.filter(s => s.start.toDateString() === dStr && s.status === 'upcoming')
.sort((a,b)=> a.start - b.start);
return { date: d, sessions: dayS };
});
return (
{days.map((day, i) => {
const isToday = i === 0;
return (
{['Sun','Mon','Tue','Wed','Thu','Fri','Sat'][day.date.getDay()]}
{day.date.getDate()}
{day.sessions.length === 0 && (
—
)}
{day.sessions.slice(0,3).map(s => (
{timeStr(s.start)}
{s.client.name.split(' ')[0]}
))}
{day.sessions.length > 3 && (
+{day.sessions.length - 3} more
)}
);
})}
);
}
// ── Roster ──
function RosterGrid({ clients }) {
return (
{clients.map(cl =>
);
}
function ClientCard({ client }) {
const { c, fonts } = useLW();
const meta = STATE_META[client.status] || STATE_META.active;
const daysAgo = Math.round((LW_NOW - client.lastEntryAt) / 86400000);
const lastEntryStr = daysAgo === 0
? `${Math.round((LW_NOW - client.lastEntryAt) / 3600000)}h ago`
: daysAgo === 1 ? 'yesterday'
: `${daysAgo}d ago`;
// What we're working on — session topic + concrete agreed work
const workingOn = (client.sessionTopics && client.sessionTopics.length)
? client.sessionTopics.join(' · ')
: (client.tags && client.tags.length ? client.tags.join(' · ') : 'first session pending');
// Biggest sphere mover since last wheel
const sphereMover = (() => {
if (!client.scores || !client.scoresPrev) return null;
let bestI = -1, bestAbs = 0;
for (let i = 0; i < client.scores.length; i++) {
const d = client.scores[i] - client.scoresPrev[i];
if (Math.abs(d) > bestAbs) { bestAbs = Math.abs(d); bestI = i; }
}
if (bestI < 0 || bestAbs === 0) return null;
const localizedNames = (window.LWLang && window.LWLang.sphereNames) ? window.LWLang.sphereNames() : LWDATA.SPHERE_NAMES;
return {
key: LWDATA.SPHERE_KEYS[bestI],
name: localizedNames[bestI],
from: client.scoresPrev[bestI],
to: client.scores[bestI],
delta: client.scores[bestI] - client.scoresPrev[bestI],
color: c.spheres[LWDATA.SPHERE_KEYS[bestI]],
};
})();
// Goals progress (steps complete across all goals)
const extras = (window.LW_CLIENT_EXTRAS && window.LW_CLIENT_EXTRAS[client.id]) || {};
const goals = extras.goals || [];
const goalProgress = (() => {
if (!goals.length) return null;
let done = 0, total = 0;
goals.forEach(g => {
(g.tasks || []).forEach(t => { total++; if (t.done) done++; });
});
return { done, total, count: goals.length };
})();
// Habits done this week
const habits = client.habitsThisWeek;
const habitsRatio = habits.total ? habits.done / habits.total : null;
// Mood arrow
const moodTone = client.moodDelta > 0 ? c.accent : client.moodDelta < 0 ? c.flame : c.textTertiary;
const moodGlyph = client.moodDelta > 0 ? '↑' : client.moodDelta < 0 ? '↓' : '·';
return (
{ (window.LWRouter ? window.LWRouter.go(`Client.html?id=${client.id}`) : (window.location.href = `Client.html?id=${client.id}`)); }}
padding={0}
style={{ overflow: 'hidden' }}>
{/* Header */}
{client.name}
{client.cadence} · {lastEntryStr}
{meta.label}
{/* Working on — current goals */}
Working on
{goalProgress && (
{goalProgress.done}/{goalProgress.total} steps
)}
{goals.length > 0 ? (
{goals.slice(0, 2).map(g => {
const sphereColor = g.sphere && c.spheres[g.sphere] ? c.spheres[g.sphere] : c.textTertiary;
const tasks = g.tasks || [];
const gDone = tasks.filter(t => t.done).length;
const gPct = tasks.length ? gDone / tasks.length : 0;
return (
);
})}
{goals.length > 2 && (
+{goals.length - 2} more
)}
) : (
{client.status === 'new' ? 'first session pending' : 'no goals set yet'}
)}
{/* Since last session */}
Since last session
{client.status === 'new' ? (
Just joined — first wheel not in yet.
) : (
{/* Mood */}
{client.moodNow != null ? client.moodNow : '—'}
{client.moodDelta != null && client.moodDelta !== 0 && (
{moodGlyph}{Math.abs(client.moodDelta)}
)}
Mood
{/* Habits */}
{habits.done}/{habits.total}
Habits
{/* Sphere mover */}
{sphereMover ? (
<>
{sphereMover.from}→ {sphereMover.to}
{sphereMover.name}
) : (
<>
·
Wheel steady
)}
)}
{/* Footer — attention reason if flagged, else last note */}
{client.status === 'attention' && ⚑ }
{client.status === 'attention' ? (client.attentionReason || 'needs attention') : `"${client.lastNote}"`}
{ e.stopPropagation(); }}
aria-label="Send nudge"
title="Send a nudge"
style={{
width: 30, height: 30, borderRadius: 8,
background: 'transparent', border: `1px solid ${c.borderDefault}`,
color: c.textSecondary, cursor: 'pointer', flexShrink: 0,
fontFamily: fonts.app, fontSize: 14,
}}
>✉
);
}
// ── Activity feed ──
function ActivityFeed({ events, clientById }) {
const { c, fonts } = useLW();
return (
);
}
// ── Messages rail ──
function MessagesRail({ messages, clientById }) {
const { c, fonts } = useLW();
const items = messages.slice(0, 5);
return (
);
}
// ── Pings rail (one-tap nudges + recent log) ──
function PingsRail({ suggested, recent, clientById }) {
const { c, fonts } = useLW();
const [tab, setTab] = useState('suggested');
const items = tab === 'suggested' ? suggested : recent;
const kindMeta = {
'check-in': { icon: '◌', label: 'check-in', color: c.flame },
'celebrate': { icon: '✦', label: 'celebrate', color: c.accent },
'welcome': { icon: '◐', label: 'welcome', color: c.accent },
'prompt': { icon: '?', label: 'prompt', color: c.textSecondary },
};
return (
{/* tabs */}
{[['suggested','Suggested'],['recent','Recent']].map(([k,l]) => (
setTab(k)} style={{
flex: 1, padding: '7px 10px', borderRadius: 7, border: 'none', cursor: 'pointer',
background: tab === k ? c.card : 'transparent',
color: tab === k ? c.textPrimary : c.textSecondary,
fontFamily: fonts.body, fontSize: 12, fontWeight: 600, letterSpacing: '0.02em',
boxShadow: tab === k ? `0 1px 0 ${c.borderSubtle}` : 'none',
}}>{l}
))}
{items.map((p, i) => {
const cl = clientById[p.clientId];
const isLast = i === items.length - 1;
const meta = kindMeta[p.kind] || kindMeta.prompt;
const isSuggested = tab === 'suggested';
return (
{cl.name.split(' ')[0]}
{meta.icon} {meta.label}
{p.ts.replace('today ','').replace('yest ','y · ')}
)}
{isSuggested && (
{p.reason}
)}
“{isSuggested ? p.preset : p.text}”
{isSuggested && (
↗}>Send ping
Edit
)}
);
})}
{label}
{value}
{sub}
);
}
// Subscribe to /coach_clients/{auth.uid} → realtime roster.
// Returns: { status: 'loading' | 'empty' | 'ready', clients: [...] }
function useRealRoster() {
const [state, setState] = useState({ status: 'loading', clients: [] });
useEffect(() => {
if (!window.LWAuth || !window.LWFB) return;
let unsubAuth = null, ref = null;
unsubAuth = window.LWAuth.onAuthChanged((u) => {
if (ref) { ref.off(); ref = null; }
if (!u) { setState({ status: 'loading', clients: [] }); return; }
ref = window.LWFB.db.ref(`/coach_clients/${u.uid}`);
ref.on('value', (snap) => {
if (!snap.exists()) { setState({ status: 'empty', clients: [] }); return; }
const obj = snap.val() || {};
const list = Object.entries(obj).map(([userUid, v]) => ({
id: userUid,
userUid,
name: v.displayName || v.name || 'Client',
initials: v.initials || (window.LWAuth ? window.LWAuth.initialsOf(v.displayName || 'Client') : '·'),
avatarHue: v.avatarHue ?? 140,
connectedAt: v.connectedAt || 0,
channel: v.channel || 'direct',
channelHandle: v.channelHandle || '',
status: 'active',
tags: v.tags || [],
}));
setState({ status: list.length ? 'ready' : 'empty', clients: list });
});
});
return () => { if (unsubAuth) unsubAuth(); if (ref) ref.off(); };
}, []);
return state;
}
// ── Page ──
// One unified surface — Today + Clients merged into the dashboard. Order:
// 1. DashHero (adaptive copy, never zero-counters)
// 2. Today's session rail (only if any session today)
// 3. Attention queue (only if any signals fire)
// 4. Full roster grid (always rendered when there's at least one client)
// The `view` param is accepted for legacy bookmarks (#/clients) but no longer
// branches the render — the practice grid lives in the same screen as the
// signals so the coach answers all three jobs ("plate / who needs me / state
// of practice") without tab-switching. See:
// design/coach_dashboard_today_signals_2026_05_06.md
function Dashboard({ view }) {
const { c: cBase, fonts: fontsBase, t } = useLW();
const { isMobile, isTablet } = useViewport();
const stackBody = isMobile || isTablet;
const activeView = view === 'clients' ? 'clients' : 'today';
// Brutalism theme override — same cream/dark toggle as marketing pages.
// Inner sub-components inherit cream/dark via the c-token override.
const [brutMode, setBrutMode] = window.LWBrutal.useBrutMode();
const c = window.LWBrutal.makeC(cBase, brutMode);
const fonts = { ...fontsBase, ...window.LWBrutal.fonts };
const [authedCoach, setAuthedCoach] = useState(null);
useEffect(() => window.LWAuth ? window.LWAuth.onAuthChanged(setAuthedCoach) : undefined, []);
const coachName = (authedCoach && authedCoach.profile && authedCoach.profile.displayName) || (authedCoach && authedCoach.email) || (LWDATA.COACH && LWDATA.COACH.name) || 'Coach';
// Make brutMode available to sub-components via a context-like pass.
// PageShell wraps everything below; we attach to window for any deeper component.
window.__brutMode = brutMode;
window.__brutSetMode = setBrutMode;
window.__brutC = c;
window.__brutFonts = fonts;
const roster = useRealRoster();
// A coach can also be a client themselves — when their own iOS user has an
// active coach_link, we want to surface a self-preview card on the dashboard
// even if their /coach_clients list is empty. So if a self-preview exists,
// route to RealDashboardBody (which will render the preview block) instead
// of falling back to EmptyDashboard.
const selfPreview = useSelfAsClient();
if (roster.status === 'loading') {
return
{t('dash.total', { n: clients.length + (selfPreview ? 1 : 0) })}}
/>
)}
);
}
// Subscribe to /sessions filtered by signed-in coach, return { today, tomorrow,
// byUid }. byUid groups by userUid for per-client lookups (last-session
// timestamp drives the dashboard mini-pulse).
function useTodaySessions() {
const [state, setState] = useState({ today: [], tomorrow: [], byUid: {} });
useEffect(() => {
if (!window.LWFB || !window.LWAuth) return;
const auth = window.LWAuth.currentCoach && window.LWAuth.currentCoach();
if (!auth) return;
const ref = window.LWFB.db.ref('/sessions').orderByChild('coachId').equalTo(auth.uid);
const handler = (snap) => {
if (!snap.exists()) { setState({ today: [], tomorrow: [], byUid: {} }); return; }
const list = Object.entries(snap.val()).map(([id, s]) => ({ id, ...s }));
const todayStart = startOfDay(new Date()).getTime();
const tomorrowStart = todayStart + 86_400_000;
const dayAfter = todayStart + 2 * 86_400_000;
const today = list
.filter(s => Number(s.startedAt) >= todayStart && Number(s.startedAt) < tomorrowStart && !s.endedAt)
.sort((a, b) => Number(a.startedAt) - Number(b.startedAt));
const tomorrow = list
.filter(s => Number(s.startedAt) >= tomorrowStart && Number(s.startedAt) < dayAfter)
.sort((a, b) => Number(a.startedAt) - Number(b.startedAt));
const byUid = {};
list.forEach(s => {
if (!s.userUid) return;
(byUid[s.userUid] = byUid[s.userUid] || []).push(s);
});
Object.values(byUid).forEach(arr => arr.sort((a, b) => Number(b.startedAt || 0) - Number(a.startedAt || 0)));
setState({ today, tomorrow, byUid });
};
ref.on('value', handler, () => setState({ today: [], tomorrow: [], byUid: {} }));
return () => ref.off('value', handler);
}, []);
return state;
}
function startOfDay(d) {
const x = new Date(d);
x.setHours(0, 0, 0, 0);
return x;
}
// Detects whether the signed-in coach is *also* a client (their own iOS user
// has an active coach_link to someone else, or to themselves). Returns a
// synthetic "client" entry the dashboard can render as a preview card so the
// coach sees what their coach sees of them — same scope + coachShare filters
// flow through ClientDetail because the security rule `auth.uid === $uid`
// grants self-read access on every protected /users/{uid}/* path.
function useSelfAsClient() {
const [self, setSelf] = useState(null);
useEffect(() => {
if (!window.LWAuth || !window.LWFB) return;
let unsubAuth = null;
let off = null;
unsubAuth = window.LWAuth.onAuthChanged(async (u) => {
if (off) { off(); off = null; }
if (!u) { setSelf(null); return; }
const linkRef = window.LWFB.db.ref(`/users/${u.uid}/coach_link`);
const linkHandler = async (snap) => {
if (!snap.exists()) { setSelf(null); return; }
const link = snap.val() || {};
if (link.status !== 'active') { setSelf(null); return; }
// Pull a sensible display name. Prefer the iOS-side profile display
// name if present; otherwise fall back to the coach profile we just
// read at sign-in (Apple display name for federated users).
let displayName = (u.profile && u.profile.displayName) || (u.email ? u.email.split('@')[0] : 'You');
try {
const profileSnap = await window.LWFB.db.ref(`/users/${u.uid}/profile/displayName`).get();
if (profileSnap.exists() && profileSnap.val()) displayName = String(profileSnap.val());
} catch {}
setSelf({
id: u.uid,
userUid: u.uid,
name: displayName,
initials: window.LWAuth.initialsOf(displayName),
avatarHue: 200,
connectedAt: link.claimedAt || 0,
channel: 'self',
channelHandle: '',
status: 'active',
tags: [],
isSelfPreview: true,
previewCoachName: link.coachName || '',
});
};
linkRef.on('value', linkHandler);
off = () => linkRef.off('value', linkHandler);
});
return () => { if (unsubAuth) unsubAuth(); if (off) off(); };
}, []);
return self;
}
// Per-client attention signals. Each is an object { kind, severity, label }.
// Severity: 0 muted, 1 normal, 2 strong (used for sort + tone).
function computeAttentionSignals(client, enrichment) {
const out = [];
const e = enrichment || {};
// 1. Outbox stale: items pushed > 2 days ago, no client action. The waiting
// count comes from summarizeOutbox; we don't have age detail there yet,
// so fall back to "any waiting" as a soft signal.
if (e.outbox && e.outbox.waiting > 0) {
out.push({ kind: 'outbox', severity: 1, n: e.outbox.waiting });
}
// 2. Quiet: no journal/mood for 7+ days AND has been connected longer than 3 days.
const connectedAt = client.connectedAt ? Number(client.connectedAt) : null;
const connectedDays = connectedAt ? Math.floor((Date.now() - connectedAt) / 86_400_000) : 0;
if (e.lastActivity && connectedDays >= 3) {
const quietDays = Math.floor((Date.now() - e.lastActivity) / 86_400_000);
if (quietDays >= 7) {
out.push({ kind: 'quiet', severity: 2, n: quietDays });
}
} else if (!e.lastActivity && connectedDays >= 7) {
// No data at all after a week of being connected — soft "quiet".
out.push({ kind: 'quiet', severity: 2, n: connectedDays });
}
// 3. Mood drop: mood week trends down by 1.5+ points.
const week = e.mood ? buildMoodWeek(e.mood) : null;
if (week) {
const valid = week.filter(v => v != null);
if (valid.length >= 4) {
const early = valid.slice(0, Math.floor(valid.length / 2));
const late = valid.slice(Math.floor(valid.length / 2));
const earlyAvg = early.reduce((s, v) => s + v, 0) / early.length;
const lateAvg = late.reduce((s, v) => s + v, 0) / late.length;
const delta = lateAvg - earlyAvg;
if (delta <= -1.5) {
out.push({ kind: 'mood_drop', severity: 2, n: Math.abs(delta).toFixed(1) });
}
}
}
return out;
}
function LoadingDashboard({ coachName, view }) {
const { c: cBase, fonts: fontsBase } = useLW();
const isBrut = !!(window.__brutMode && window.__brutC);
const c = isBrut ? window.__brutC : cBase;
const fonts = isBrut ? (window.__brutFonts || fontsBase) : fontsBase;
const lang = window.LWLang ? window.LWLang.lang() : 'en';
return (
{isBrut ? `—— ${lang === 'ru' ? 'Загружаем список клиентов' : 'Loading your roster'} ——` : 'Loading your roster…'}
);
}
// Plain stroked arrow — keeps the CTA glyph as a typographic accent rather
// than a full emoji-rendered icon. Inherits color from `currentColor` unless
// `color` is set so it picks up the link's foreground naturally.
function ArrowGlyph({ color }) {
return (
);
}
function EmptyDashboard({ coachName, view }) {
const { c: cBase, fonts: fontsBase, t } = useLW();
const isBrut = !!(window.__brutMode && window.__brutC);
const c = isBrut ? window.__brutC : cBase;
const fonts = isBrut ? (window.__brutFonts || fontsBase) : fontsBase;
const open = (e) => {
e.preventDefault();
if (window.LWRouter) window.LWRouter.navigate('invite');
else window.location.hash = '#/invite';
};
return (
{t('dash.empty_test_hint')}
);
}
// Subscribe per-client to spheres + areas + mood so each card can render a
// real mini wheel and mood arrow. Returns roster augmented with `_enriched`.
function useEnrichedRoster(rosterClients, sessionsByUid) {
const [enrichments, setEnrichments] = useState({});
useEffect(() => {
if (!window.LWFB || !rosterClients || !rosterClients.length) return;
const coach = window.LWAuth && window.LWAuth.currentCoach && window.LWAuth.currentCoach();
const coachUid = coach && coach.uid;
const cleanups = [];
rosterClients.forEach((cl) => {
const uid = cl.userUid;
if (!uid) return;
const acc = { spheres: null, areas: null, mood: null, journal: null, goals: null, outboxRaw: null, executionLog: null, wheels: null, activeWheelId: null };
const apply = () => {
// Filter all wheel-scoped data to the user's currently-active wheel
// (multi-wheel v0). Helpers come from client.jsx via window globals.
const wheelCtx = (typeof resolveActiveWheel === 'function')
? resolveActiveWheel(acc.wheels, acc.activeWheelId)
: { activeId: null, isDefault: true, defaultId: null };
const filterMap = (typeof filterMapToActiveWheel === 'function')
? filterMapToActiveWheel : (m) => m;
const goalsFilter = (typeof goalsFromMap === 'function')
? (raw) => {
// Reuse the client.jsx filter (paused/completed/active-wheel)
// and re-key to the original map shape downstream consumers
// (summarizeOutbox, pulse) expect.
const list = goalsFromMap(raw, wheelCtx);
const map = {};
list.forEach(g => { map[g.id] = g; });
return map;
}
: (m) => m;
const spheresOnActive = filterMap(acc.spheres, wheelCtx);
const areasOnActive = filterMap(acc.areas, wheelCtx);
const goalsOnActive = goalsFilter(acc.goals);
const moodLast = latestMoodTs(acc.mood);
const journalLast = latestJournalTs(acc.journal);
const lastActivity = Math.max(moodLast || 0, journalLast || 0) || null;
const outboxSummary = summarizeOutbox(acc.outboxRaw, coachUid);
const sessionList = (sessionsByUid && sessionsByUid[uid]) || [];
const lastSession = sessionList.find(s => s.endedAt && s.coachId === coachUid);
const pulse = pulseSinceLastSession({
lastEnded: lastSession ? Number(lastSession.endedAt) : null,
mood: acc.mood,
journal: acc.journal,
goals: goalsOnActive,
outboxRaw: acc.outboxRaw,
executionLog: acc.executionLog,
coachUid,
});
setEnrichments(prev => ({
...prev,
[uid]: {
...acc,
spheres: spheresOnActive,
areas: areasOnActive,
goals: goalsOnActive,
moodLast,
journalLast,
lastActivity,
outbox: outboxSummary,
pulse,
},
}));
};
const sphR = window.LWFB.db.ref(`/users/${uid}/spheres`);
const areaR = window.LWFB.db.ref(`/users/${uid}/areas`);
const wheelsR = window.LWFB.db.ref(`/users/${uid}/wheels`);
const activeR = window.LWFB.db.ref(`/users/${uid}/activeWheelId`);
const moodR = window.LWFB.db.ref(`/users/${uid}/mood`);
const jrnR = window.LWFB.db.ref(`/users/${uid}/journal`);
const goalsR = window.LWFB.db.ref(`/users/${uid}/goals`);
const exR = window.LWFB.db.ref(`/users/${uid}/TodoExecutionLog`);
const outR = window.LWFB.db.ref(`/coach_outbox/${uid}`);
sphR.on('value', (s) => { acc.spheres = s.exists() ? s.val() : null; apply(); }, () => {});
areaR.on('value', (s) => { acc.areas = s.exists() ? s.val() : null; apply(); }, () => {});
wheelsR.on('value', (s) => { acc.wheels = s.exists() ? s.val() : null; apply(); }, () => {});
activeR.on('value', (s) => { acc.activeWheelId = s.exists() ? s.val() : null; apply(); }, () => {});
moodR.on('value', (s) => { acc.mood = s.exists() ? s.val() : null; apply(); }, () => {});
jrnR.on('value', (s) => { acc.journal = s.exists() ? s.val() : null; apply(); }, () => {});
goalsR.on('value', (s) => { acc.goals = s.exists() ? s.val() : null; apply(); }, () => {});
exR.on('value', (s) => { acc.executionLog = s.exists() ? s.val() : null; apply(); }, () => {});
outR.on('value', (s) => { acc.outboxRaw = s.exists() ? s.val() : null; apply(); }, () => {});
cleanups.push(() => { sphR.off(); areaR.off(); wheelsR.off(); activeR.off(); moodR.off(); jrnR.off(); goalsR.off(); exR.off(); outR.off(); });
});
return () => cleanups.forEach(fn => { try { fn(); } catch {} });
}, [rosterClients, sessionsByUid]);
return enrichments;
}
// Mini-pulse summary used by the dashboard card. Takes the same inputs as the
// full Pulse panel on Client.html but emits compact counts instead of full
// per-item rendering. When `lastEnded` is null (no session yet) this returns
// nulls and the card falls back to the existing activity line.
function pulseSinceLastSession({ lastEnded, mood, journal, goals, outboxRaw, executionLog, coachUid }) {
if (!lastEnded) return null;
let journalSince = 0, moodSince = 0, accepted = 0, pending = 0, newGoals = 0, habitCompletions = 0;
if (journal) {
Object.values(journal).forEach(j => {
if (!j) return;
// Privacy: count only entries explicitly shared with the coach.
const v = j.coachShare;
let shared = false;
if (v === true) shared = true;
else if (typeof v === 'string') {
const s = v.toLowerCase();
shared = (s === 'shared' || s === 'true' || s === '1' || s === 'yes' || s === 'on');
} else if (typeof v === 'number') shared = v === 1;
if (!shared) return;
const ts = Number(j.creationDate || j.modificationDate || 0);
const ms = ts > 1e12 ? ts : ts * 1000;
if (ms >= lastEnded) journalSince += 1;
});
}
if (mood) {
Object.values(mood).forEach(m => {
if (!m) return;
const ts = Number(m.creationDate || m.ts || 0);
const ms = ts > 1e12 ? ts : ts * 1000;
if (ms >= lastEnded) moodSince += 1;
});
}
if (goals) {
Object.values(goals).forEach(g => {
if (!g) return;
const ct = parseFloat(g.creationTime || 0);
if (!ct) return;
const ms = ct > 1e12 ? ct : ct * 1000;
if (ms >= lastEnded) newGoals += 1;
});
}
if (outboxRaw) {
Object.entries(outboxRaw).forEach(([id, it]) => {
if (id === '_meta' || !it || it.fromCoachId !== coachUid) return;
if (it.acceptedAt && Number(it.acceptedAt) >= lastEnded) accepted += 1;
else if (!it.acceptedAt && !it.skippedAt) pending += 1;
});
}
if (executionLog) {
Object.values(executionLog).forEach(goalRecord => {
const dates = goalRecord && goalRecord.executionDates;
if (!dates) return;
Object.values(dates).forEach(record => {
if (!record || typeof record !== 'object') return;
Object.entries(record).forEach(([dateStr, action]) => {
if (action !== 'increment') return;
const parts = dateStr.split('-');
if (parts.length !== 3) return;
const [d, m, y] = parts.map(s => parseInt(s, 10));
if (isNaN(d) || isNaN(m) || isNaN(y)) return;
const ms = new Date(y, m - 1, d, 12).getTime();
if (ms >= lastEnded) habitCompletions += 1;
});
});
});
}
return { journalSince, moodSince, accepted, pending, newGoals, habitCompletions, lastEnded };
}
// Last mood entry timestamp (ms). iOS writes mood entries with creationDate
// as Unix seconds (fractional); web mirrors. Promote to ms if needed.
function latestMoodTs(mood) {
if (!mood) return null;
let best = 0;
Object.values(mood).forEach(m => {
const ts = Number((m && (m.creationDate || m.ts)) || 0);
const ms = ts > 1e12 ? ts : ts * 1000;
if (ms > best) best = ms;
});
return best || null;
}
function latestJournalTs(journal) {
if (!journal) return null;
let best = 0;
Object.values(journal).forEach(j => {
const ts = Number((j && (j.creationDate || j.modificationDate)) || 0);
const ms = ts > 1e12 ? ts : ts * 1000;
if (ms > best) best = ms;
});
return best || null;
}
// Counts of items the SIGNED-IN coach sent to this client. waitingCount =
// pushed-but-unresolved (or pending, never pushed). acceptedRecent = accepted
// in last 7 days. Both gated to fromCoachId === coachUid.
function summarizeOutbox(outbox, coachUid) {
if (!outbox || !coachUid) return { waiting: 0, acceptedRecent: 0 };
const weekAgo = Date.now() - 7 * 86_400_000;
let waiting = 0, acceptedRecent = 0;
Object.entries(outbox).forEach(([id, it]) => {
if (id === '_meta' || !it || it.fromCoachId !== coachUid) return;
if (it.acceptedAt) {
if (Number(it.acceptedAt) >= weekAgo) acceptedRecent += 1;
return;
}
if (it.skippedAt) return;
waiting += 1;
});
return { waiting, acceptedRecent };
}
// Compact mini-pulse line for dashboard cards. Renders top 2-3 most-significant
// signals as colored chips inline (✓ N · + N · ◇ N). Hidden when no signals.
function CardMiniPulse({ pulse, c, t }) {
if (!pulse || !pulse.lastEnded) return null;
const chips = [];
if (pulse.pending > 0) chips.push({ key: 'p', text: t('dash.card_pulse_pending', { n: pulse.pending }), tone: c.flame });
if (pulse.accepted > 0) chips.push({ key: 'a', text: t('dash.card_pulse_accepted', { n: pulse.accepted }), tone: c.accent });
if (pulse.habitCompletions > 0) chips.push({ key: 'h', text: t('dash.card_pulse_habits', { n: pulse.habitCompletions }), tone: c.accent });
if (pulse.newGoals > 0) chips.push({ key: 'g', text: t('dash.card_pulse_new_goal', { n: pulse.newGoals }), tone: c.accent });
if (pulse.journalSince > 0) chips.push({ key: 'j', text: t('dash.card_pulse_journal', { n: pulse.journalSince }), tone: c.textSecondary });
if (pulse.moodSince > 0) chips.push({ key: 'm', text: t('dash.card_pulse_mood', { n: pulse.moodSince }), tone: c.textSecondary });
if (chips.length === 0) return null;
// Cap at 3 most-prioritized signals to keep the card compact.
const shown = chips.slice(0, 3);
return (
{shown.map(ch => (
{ch.text}
))}
);
}
function OutboxBadge({ waiting, accepted }) {
const { c, fonts, t } = useLW();
// Waiting takes priority — that's the "needs the client's eyes" signal.
// Fall back to accepted only when nothing's pending.
const showWaiting = waiting > 0;
const label = showWaiting
? t('dash.card_outbox_pending', { n: waiting })
: t('dash.card_outbox_accepted', { n: accepted });
const tone = showWaiting ? c.flame : c.accent;
const bg = showWaiting ? hexToRgba(c.flame, 0.12) : hexToRgba(c.accent, 0.10);
return (
);
}
function RealRosterGrid({ clients, enrichments }) {
return (
{clients.map(cl => (
);
}
// First-run nudge — when coach hasn't filled in displayName / avatar yet,
// show a small pill linking to Settings → Account. Hides once both are set.
function ProfileNudge() {
const { c, fonts, t, brutMode } = useLW();
const isBrut = !!brutMode;
const [missing, setMissing] = useState(null); // 'name' | 'avatar' | 'both' | null
useEffect(() => {
if (!window.LWAuth || !window.LWFB) return;
const off = window.LWAuth.onAuthChanged(async (u) => {
if (!u) { setMissing(null); return; }
try {
const snap = await window.LWFB.db.ref(`/coaches/${u.uid}`).get();
const v = snap.exists() ? snap.val() : {};
const hasName = !!(v.displayName && String(v.displayName).trim());
const hasAvatar = !!(v.avatarUrl && String(v.avatarUrl).trim());
if (!hasName && !hasAvatar) setMissing('both');
else if (!hasName) setMissing('name');
else if (!hasAvatar) setMissing('avatar');
else setMissing(null);
} catch { setMissing(null); }
});
return off;
}, []);
if (!missing) return null;
const label = missing === 'name' ? t('dash.profile_nudge_name')
: missing === 'avatar' ? t('dash.profile_nudge_avatar')
: t('dash.profile_nudge_both');
const ink = c.ink || c.textPrimary;
return (
{isBrut ? '※' : '✦'}
{label} →
);
}
// ── Today's sessions rail ──
function TodaySessionsRail({ sessions, clients }) {
const { c, fonts, t, lang, brutMode } = useLW();
const isBrut = !!brutMode;
const ink = c.ink || c.textPrimary;
const byUid = Object.fromEntries(clients.map(cl => [cl.userUid, cl]));
const loc = lang === 'ru' ? 'ru-RU' : undefined;
return (
{t('dash.todays_sessions')}
{sessions.map(s => {
const cli = byUid[s.userUid];
if (!cli) return null;
const startMs = Number(s.startedAt);
const time = new Date(startMs).toLocaleTimeString(loc, { hour: '2-digit', minute: '2-digit' });
return (
{time} · {cli.name}
{t('dash.session_open_prep')} →
);
})}
);
}
// ── Attention queue ──
function AttentionQueue({ entries }) {
const { c, fonts, t } = useLW();
return (
{entries.map(({ client, signals }) => (
))}
);
}
function AttentionCard({ client, signals }) {
const { c, fonts, t, lang, brutMode } = useLW();
const isBrut = !!brutMode;
const ink = c.ink || c.textPrimary;
const top = signals.slice().sort((a, b) => b.severity - a.severity)[0];
const tone = top.severity >= 2 ? c.flame : c.accent;
const brutAccent = top.severity >= 2 ? c.flame : ink;
const bg = top.severity >= 2 ? hexToRgba(c.flame, 0.08) : hexToRgba(c.accent, 0.06);
const border = top.severity >= 2 ? hexToRgba(c.flame, 0.30) : hexToRgba(c.accent, 0.30);
return (
{
if (isBrut) {
e.currentTarget.style.transform = 'translate(-1px, -1px)';
e.currentTarget.style.boxShadow = `5px 5px 0 0 ${brutAccent}`;
} else {
e.currentTarget.style.transform = 'translateY(-1px)';
e.currentTarget.style.boxShadow = '0 6px 20px rgba(0,0,0,0.15)';
}
}}
onMouseLeave={(e) => {
if (isBrut) {
e.currentTarget.style.transform = 'none';
e.currentTarget.style.boxShadow = `3px 3px 0 0 ${brutAccent}`;
} else {
e.currentTarget.style.transform = 'none';
e.currentTarget.style.boxShadow = 'none';
}
}}>
{client.name}
{signals.map(s => signalLabel(t, s, lang)).join(' · ')}
{t('dash.attention_view')} →
);
}
function signalLabel(t, sig, lang) {
if (sig.kind === 'outbox') {
return t('dash.attention_outbox_stale', { n: sig.n, days: 2 });
}
if (sig.kind === 'quiet') {
return t('dash.attention_quiet', { n: sig.n });
}
if (sig.kind === 'mood_drop') {
return t('dash.attention_mood_drop', { n: sig.n });
}
if (sig.kind === 'fresh_wheel') {
return t('dash.attention_fresh_wheel', { when: sig.when || '' });
}
return '';
}
function RealClientCard({ client, enrichment }) {
const { c: cBase, fonts: fontsBase, t, lang } = useLW();
const isBrut = !!(window.__brutMode && window.__brutC);
const c = isBrut ? window.__brutC : cBase;
const fonts = isBrut ? (window.__brutFonts || fontsBase) : fontsBase;
const scores = window.sphereScoresFromAny
? window.sphereScoresFromAny(enrichment.spheres, enrichment.areas)
: null;
// Mini wheel labels: prefer the iOS user's real area.title so coaches see
// each client's actual wheel labels (V3 schema, customizations) rather
// than a canonical V4.2 map that misrepresents legacy positions.
const titles = window.areaTitlesFromAny
? window.areaTitlesFromAny(enrichment.spheres, enrichment.areas)
: null;
const moodSeries = enrichment.mood ? buildMoodWeek(enrichment.mood) : null;
const moodValid = moodSeries ? moodSeries.filter(v => v != null) : [];
const moodNow = moodValid.length ? moodValid[moodValid.length - 1] : null;
const moodEarly = moodValid.length ? moodValid[0] : null;
const moodDelta = (moodNow != null && moodEarly != null) ? moodNow - moodEarly : 0;
const moodGlyph = moodDelta > 0.4 ? '↑' : moodDelta < -0.4 ? '↓' : '·';
const moodTone = moodDelta > 0.4 ? c.accent : moodDelta < -0.4 ? c.flame : c.textTertiary;
const wheelAvg = scores
? (scores.filter(s => typeof s === 'number').reduce((s, v) => s + v, 0) /
Math.max(1, scores.filter(s => typeof s === 'number').length))
: null;
const tags = client.tags && client.tags.length ? client.tags.slice(0, 2).join(' · ') : null;
// Recent activity line: most-recent of journal/mood timestamp.
const lastAct = enrichment.lastActivity || null;
const lastKind = (() => {
const j = enrichment.journalLast || 0, m = enrichment.moodLast || 0;
if (j > m) return 'journal';
if (m > 0) return 'mood';
return null;
})();
const connectedAt = client.connectedAt ? Number(client.connectedAt) : null;
const connectedDays = connectedAt ? Math.floor((Date.now() - connectedAt) / 86_400_000) : null;
const activityLine = (() => {
if (lastAct && lastKind) {
const ago = relTimeShort(t, lastAct);
return t(lastKind === 'journal' ? 'dash.activity_journal' : 'dash.activity_mood', { ago });
}
if (connectedDays != null && connectedDays < 1) return t('dash.activity_brand_new');
if (connectedDays != null && connectedDays >= 7) return t('dash.activity_quiet', { n: connectedDays });
return t('dash.mood_no_signal');
})();
return (
{
if (isBrut) {
e.currentTarget.style.transform = 'translate(-2px, -2px)';
e.currentTarget.style.boxShadow = `4px 4px 0 0 ${c.ink}`;
} else {
e.currentTarget.style.transform = 'translateY(-2px)';
e.currentTarget.style.boxShadow = '0 14px 36px rgba(0,0,0,0.22)';
e.currentTarget.style.borderColor = hexToRgba(c.accent, 0.5);
}
}}
onMouseLeave={(e) => {
if (isBrut) {
e.currentTarget.style.transform = 'none';
e.currentTarget.style.boxShadow = `2px 2px 0 0 ${c.ink}`;
} else {
e.currentTarget.style.transform = 'none';
e.currentTarget.style.boxShadow = 'none';
e.currentTarget.style.borderColor = c.borderDefault;
}
}}
>
{/* Top row: avatar + name + outbox badge */}
{client.name}
{client.isSelfPreview && (
{lang === 'ru' ? 'ТЫ' : 'YOU'}
)}
{activityLine}
{enrichment.outbox && (enrichment.outbox.waiting > 0 || enrichment.outbox.acceptedRecent > 0) && (
)}
{/* Body row: wheel + right column */}
{scores ? (
) : (
no wheel
)}
{/* Wheel avg + focus tags */}
{wheelAvg != null && (
{wheelAvg.toFixed(1)}
)}
{t('dash.card_avg')}
{tags && (
{tags}
)}
{/* Mood sparkline */}
{/* Mini-pulse: counts since last session — only renders when there's
signal. Padding above to separate from sparkline. */}
);
}
// Inline 7-day mood sparkline. Each non-null point is a small dot; line connects
// the points. Tone shifts: rising → accent; falling sharply → flame; flat → tertiary.
function MoodSparkline({ series, c, t }) {
const valid = (series || []).filter(v => v != null);
if (valid.length === 0) {
return (
{t('dash.mood_no_signal')}
);
}
// Single point: show value without a sparkline.
if (valid.length === 1) {
return (
{t('dash.card_mood')}
{Math.round(valid[0] * 10) / 10}
);
}
const last = valid[valid.length - 1];
const first = valid[0];
const delta = last - first;
const tone = delta >= 0.4 ? c.accent : delta <= -1.2 ? c.flame : c.textSecondary;
// Map series to 90×22 svg
const w = 130, h = 22;
const xs = (series || []).map((_, i) => (i / Math.max(1, (series.length - 1))) * w);
// Normalize to 0-10 mood domain
const norm = (v) => h - ((v / 10) * h);
const points = (series || []).map((v, i) => v == null ? null : `${xs[i]},${norm(v)}`).filter(Boolean).join(' ');
return (
{t('dash.card_mood')}
{Math.round(last * 10) / 10}
);
}
// Concise relative-time formatter for activity lines on cards: "today",
// "yesterday", "Nd ago", or "Nh ago" within last 24h.
function relTimeShort(t, ms) {
const now = Date.now();
const diff = now - ms;
if (diff < 60_000) return t('dash.rel_today');
if (diff < 3_600_000) {
const m = Math.round(diff / 60_000);
return m + 'm';
}
if (diff < 86_400_000) {
const h = Math.round(diff / 3_600_000);
return h + 'h';
}
const today0 = new Date(); today0.setHours(0, 0, 0, 0);
const then0 = new Date(ms); then0.setHours(0, 0, 0, 0);
const days = Math.round((today0.getTime() - then0.getTime()) / 86_400_000);
if (days === 0) return t('dash.rel_today');
if (days === 1) return t('dash.rel_yesterday');
return t('dash.rel_days_ago', { n: days });
}
// Pull a 7-day mood series from /mood map. Inline copy of moodWeekFromMap so
// dashboard.jsx doesn't import client.jsx helpers.
function buildMoodWeek(mood) {
if (!mood) return null;
const VALS = { terrible_mood:2, bad_mood:4, neutral_mood:6, good_mood:8, great_mood:10, awful:2, bad:4, neutral:6, good:8, great:10 };
const today0 = new Date(); today0.setHours(0,0,0,0);
const dayMs = 86400000;
const out = new Array(7).fill(null);
const buckets = new Array(7).fill(null).map(() => ({ sum:0, n:0 }));
Object.values(mood).forEach(e => {
if (!e) return;
const v = (typeof e.mood === 'string' && VALS[e.mood] != null) ? VALS[e.mood]
: (typeof e.value === 'number' ? e.value : null);
if (v == null) return;
const t = Number(e.creationDate || e.createdAt || e.ts || 0);
if (!t) return;
const ms = t > 1e12 ? t : t * 1000;
const d = new Date(ms); d.setHours(0,0,0,0);
const off = Math.round((today0 - d) / dayMs);
if (off < 0 || off >= 7) return;
const slot = 6 - off;
buckets[slot].sum += v; buckets[slot].n += 1;
});
for (let i = 0; i < 7; i++) if (buckets[i].n > 0) out[i] = buckets[i].sum / buckets[i].n;
return out;
}
// Legacy demo Dashboard, kept reachable for design-partner walkthroughs while
// the real per-client reads are wired up. Triggered if URL has ?demo=1.
function DemoDashboard() {
const { c, fonts } = useLW();
const { isMobile, isTablet } = useViewport();
const stackBody = isMobile || isTablet;
const clients = useMemo(() => LWDATA.CLIENTS.map(deriveClient), []);
const clientById = useMemo(() => Object.fromEntries(clients.map(cl => [cl.id, cl])), [clients]);
const sessions = useMemo(() => LWDATA.SESSIONS.map(s => deriveSession(s, clientById)), [clientById]);
const today0 = new Date(LW_NOW); today0.setHours(0,0,0,0);
const tomorrow0 = new Date(today0); tomorrow0.setDate(tomorrow0.getDate() + 1);
const todaySessions = sessions.filter(s => s.start >= today0 && s.start < tomorrow0);
const todayClientIds = new Set(todaySessions.map(s => s.clientId));
const attentionClients = clients.filter(cl => cl.status === 'attention');
const otherClients = clients
.filter(cl => !todayClientIds.has(cl.id))
.sort((a,b) => {
const order = { attention: 0, new: 1, active: 2, stable: 3 };
return (order[a.status] ?? 9) - (order[b.status] ?? 9);
});
const upcomingThisWeek = sessions.filter(s => s.status === 'upcoming');
return (
cl.status !== 'paused').length}
sub={`${clients.length} total · ${clients.filter(cl => cl.status === 'new').length} just joined`} />
cl.name.split(' ')[0]).slice(0,3).join(', ') : 'all caught up'}
tone={attentionClients.length ? 'flame' : null} />
cl.scores).length}/${clients.length}`}
sub="have a current wheel" />
See full calendar →
}
/>
{otherClients.length} clients} />
{LWDATA.PINGS_SUGGESTED.length} suggested}
style={{ marginBottom: 8 }} />
);
}
window.LWDashboard = Dashboard;
// Expose so feed.jsx can reuse the roster + enrichment plumbing without
// duplicating the RTDB subscription logic.
window.useRealRoster = useRealRoster;
window.useEnrichedRoster = useEnrichedRoster;
window.useTodaySessions = useTodaySessions;
window.pulseSinceLastSession = pulseSinceLastSession;