// coach.jsx — Personal accountability coach
//
// A focused, private "command center" that lives as a third tab inside
// the existing Personal page (alongside To-do and Notes). Everything is
// stored locally on this device via the Store abstraction below.
//
// Sections (bottom tab nav):
// Today — habit checklist, plan + review, mentor banner, streak
// Routine — CRUD on daily habits (reset every day)
// Goals — CRUD on goals (referenced by the mentor engine)
// Tasks — CRUD on a persistent to-do list (does NOT reset)
// Record — streak / best / 30-day rate / heatmap / last 5 reviews
// Settings — coach name, strictness, reminder, export, reset today
//
// Storage is namespaced under fb.coach.* so it doesn't collide with
// anything else in the app. All reads/writes go through the Store
// helper so it can be swapped to a server-backed store later by
// editing one object.
(function () {
const R = window.React;
// ── Store ───────────────────────────────────────────────────────
// Tiny abstraction over localStorage. Every value is JSON-encoded.
// Replace the body of get/set/list to migrate to a server store
// later without touching the rest of the file.
const NS = "fb.coach.";
const Store = {
get(key, fallback) {
try {
const raw = window.localStorage.getItem(NS + key);
if (raw == null) return fallback;
return JSON.parse(raw);
} catch { return fallback; }
},
set(key, value) {
try { window.localStorage.setItem(NS + key, JSON.stringify(value)); } catch {}
},
remove(key) {
try { window.localStorage.removeItem(NS + key); } catch {}
},
list(prefix) {
const out = [];
try {
for (let i = 0; i < window.localStorage.length; i++) {
const k = window.localStorage.key(i);
if (k && k.startsWith(NS + prefix)) out.push(k.slice(NS.length));
}
} catch {}
return out;
},
};
// ── Date utilities ──────────────────────────────────────────────
function ymd(d) {
const y = d.getFullYear(), m = String(d.getMonth() + 1).padStart(2, "0"), da = String(d.getDate()).padStart(2, "0");
return y + "-" + m + "-" + da;
}
function today() { return ymd(new Date()); }
function shiftDays(iso, n) {
const [y, m, d] = iso.split("-").map(Number);
const dt = new Date(y, m - 1, d); dt.setDate(dt.getDate() + n);
return ymd(dt);
}
function rangeDays(n) {
const out = []; const t = new Date();
for (let i = n - 1; i >= 0; i--) {
const d = new Date(t); d.setDate(t.getDate() - i);
out.push(ymd(d));
}
return out;
}
function uid() { return Math.random().toString(36).slice(2, 9); }
// ── Defaults ────────────────────────────────────────────────────
const DEFAULT_CONFIG = {
goals: [],
habits: [],
mentorName: "Coach",
strict: 1, // 0 supportive, 1 firm, 2 drill sergeant
reminder: "", // "HH:MM" or empty
};
function loadConfig() {
const c = Store.get("config", null);
if (!c) return { ...DEFAULT_CONFIG };
// Merge so newly added defaults appear after upgrades.
return { ...DEFAULT_CONFIG, ...c, habits: c.habits || [], goals: c.goals || [] };
}
function loadDaily(date) {
return Store.get("daily:" + date, { date, plan: "", review: "", done: {} });
}
function loadTasks() {
return Store.get("tasks", []);
}
// ── Hooks ───────────────────────────────────────────────────────
function useConfig() {
const [c, setC] = R.useState(loadConfig);
const save = R.useCallback((next) => {
const v = typeof next === "function" ? next(c) : next;
setC(v); Store.set("config", v);
}, [c]);
return [c, save];
}
function useDaily(date) {
const [d, setD] = R.useState(() => loadDaily(date));
// Re-read whenever the date prop changes (e.g. tab switch or
// crossing midnight). Cheap because it's just localStorage.
R.useEffect(() => { setD(loadDaily(date)); }, [date]);
const save = R.useCallback((next) => {
const v = typeof next === "function" ? next(d) : next;
setD(v); Store.set("daily:" + date, v);
}, [d, date]);
return [d, save];
}
function useTasks() {
const [t, setT] = R.useState(loadTasks);
const save = R.useCallback((next) => {
const v = typeof next === "function" ? next(t) : next;
setT(v); Store.set("tasks", v);
}, [t]);
return [t, save];
}
// ── Streak logic ────────────────────────────────────────────────
// A past day "counts" only if every configured habit was marked done
// that day. Today being incomplete does NOT break the streak — only
// *past* days do.
function dayFullyDone(habits, daily) {
if (!habits.length) return false;
return habits.every(h => !!(daily && daily.done && daily.done[h.id]));
}
function habitDoneOn(habitId, daily) {
return !!(daily && daily.done && daily.done[habitId]);
}
// Walk back from `from` (default = today). Skip today if not yet
// fully done. Stop at the first past day that wasn't fully done.
function currentStreakAll(habits, fromIso) {
fromIso = fromIso || today();
let cursor = fromIso;
let count = 0;
// If today is fully done, count it; otherwise skip it without breaking.
const todayDaily = loadDaily(cursor);
if (dayFullyDone(habits, todayDaily)) count++;
cursor = shiftDays(cursor, -1);
while (true) {
const d = loadDaily(cursor);
if (dayFullyDone(habits, d)) { count++; cursor = shiftDays(cursor, -1); }
else break;
if (count > 5000) break; // safety
}
return count;
}
function currentStreakHabit(habit, fromIso) {
fromIso = fromIso || today();
let cursor = fromIso;
let count = 0;
if (habitDoneOn(habit.id, loadDaily(cursor))) count++;
cursor = shiftDays(cursor, -1);
while (true) {
if (habitDoneOn(habit.id, loadDaily(cursor))) { count++; cursor = shiftDays(cursor, -1); }
else break;
if (count > 5000) break;
}
return count;
}
// Best streak — longest run of fully-complete consecutive days anywhere
// in our recorded history. We scan whatever daily:* keys exist.
function bestStreakAll(habits) {
const keys = Store.list("daily:").sort(); // ascending by ISO date
if (!keys.length || !habits.length) return 0;
let best = 0, run = 0, prev = null;
for (const k of keys) {
const iso = k.slice("daily:".length);
const d = Store.get(k, null);
const full = dayFullyDone(habits, d);
if (!full) { run = 0; prev = iso; continue; }
if (prev && shiftDays(prev, 1) === iso) run++; else run = 1;
if (run > best) best = run;
prev = iso;
}
return best;
}
function completionRate(habits, days) {
if (!habits.length) return 0;
const range = rangeDays(days);
let total = 0, done = 0;
for (const iso of range) {
const d = loadDaily(iso);
for (const h of habits) {
total++;
if (habitDoneOn(h.id, d)) done++;
}
}
return total ? Math.round((done / total) * 100) : 0;
}
// % of habits done on a given day — drives heatmap intensity.
function dayCompletion(habits, daily) {
if (!habits.length) return 0;
let done = 0;
for (const h of habits) if (habitDoneOn(h.id, daily)) done++;
return done / habits.length;
}
// ── Mentor engine ───────────────────────────────────────────────
// Returns { tag, tone, message }.
// tag: one of the state names — useful for testing.
// tone: "neutral" | "success" | "danger"
// message: the line shown in the banner.
//
// Variants[strict]: 0 = supportive, 1 = firm, 2 = drill sergeant.
function pick(arr, strict) {
const i = Math.max(0, Math.min(2, strict | 0));
return arr[i];
}
function randomGoalSuffix(goals) {
if (!goals || !goals.length) return "";
const g = goals[Math.floor(Math.random() * goals.length)];
return " Remember why: " + g + ".";
}
function mentor(pct, hour, strict, goals, hasRoutine) {
if (!hasRoutine) {
return {
tag: "no-routine",
tone: "neutral",
message: pick([
"Set up a routine to start — small, daily, repeatable.",
"No routine yet. Define the non-negotiables. Pick three.",
"No routine, no progress. Set it up. Now.",
], strict),
};
}
if (hour >= 20 && pct < 100) {
return {
tag: "evening-incomplete",
tone: "danger",
message: pick([
"Day's almost out — close the loop on what you can.",
"Evening, still incomplete. Don't go to sleep on this.",
"Day is ending. You haven't earned tomorrow. Move.",
], strict),
};
}
if (pct === 100) {
return {
tag: "done-all",
tone: "success",
message: pick([
"All done today. Stack the win, get to bed.",
"Complete. Now don't ruin the trend tomorrow.",
"Routine cleared. Don't get comfortable. Tomorrow resets.",
], strict),
};
}
if (pct === 0) {
return {
tag: "zero-pct",
tone: "danger",
message: pick([
"Haven't started. One small action — pick the easiest, go.",
"Zero. You don't drift into your goals. Start now.",
"Nothing done. You're not tired — you're avoiding. Move.",
], strict),
};
}
// partial
const base = pick([
"Good start — keep stacking.",
"Halfway is nothing. Finish the list.",
"Don't celebrate halfway. Close it.",
], strict);
const suffix = Math.random() < 0.5 ? randomGoalSuffix(goals) : "";
return { tag: "partial", tone: "neutral", message: base + suffix };
}
// ── Backlog mentor (Tasks view) ─────────────────────────────────
// Escalates when the open list grows.
function backlogLine(openCount, strict) {
if (openCount === 0) return { tone: "success", msg: "Inbox zero. Don't refill it for the sake of it." };
if (openCount < 6) return { tone: "neutral", msg: openCount + " open. Manageable. Close them today." };
return {
tone: "danger",
msg: pick([
openCount + " open — that's a pileup. Triage now.",
openCount + " open. Stop adding. Start closing.",
openCount + " open. This is a discipline problem, not a time problem.",
], strict),
};
}
// ── Reminders ───────────────────────────────────────────────────
// NOTE: web builds can only show a notification while the page is
// open (Notification API + setTimeout). A true mobile build should
// use native local notifications / push scheduling — replace this
// hook with a thin wrapper around the native API on that platform.
function useReminder(timeStr) {
R.useEffect(() => {
if (!timeStr || !/^\d{2}:\d{2}$/.test(timeStr)) return;
if (!("Notification" in window)) return;
// Don't badger for permission — the Settings save handler does that.
const [hh, mm] = timeStr.split(":").map(Number);
const now = new Date();
const fire = new Date(now);
fire.setHours(hh, mm, 0, 0);
if (fire <= now) fire.setDate(fire.getDate() + 1); // tomorrow
const ms = fire - now;
const t = setTimeout(() => {
try {
if (Notification.permission === "granted") {
new Notification("Coach", { body: "Time to check in. Open the routine." });
}
} catch {}
}, ms);
return () => clearTimeout(t);
}, [timeStr]);
}
// ── Shared atoms ────────────────────────────────────────────────
function Bar({ pct }) {
return (
);
}
function Banner({ data }) {
if (!data) return null;
return (