import { useState, useEffect, useRef } from "react"; const IDENTITY_AFFIRMATIONS = [ "I am someone who finishes.", "I do deep work daily.", "I don't avoid hard things.", "I act with intention.", "I protect my attention.", ]; const DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; function useStorage(key, fallback) { const [value, setValue] = useState(fallback); const [loaded, setLoaded] = useState(false); useEffect(() => { (async () => { try { const res = await window.storage.get(key); if (res && res.value !== undefined) { setValue(JSON.parse(res.value)); } } catch (e) {} setLoaded(true); })(); }, [key]); const set = async (newVal) => { const resolved = typeof newVal === "function" ? newVal(value) : newVal; setValue(resolved); try { await window.storage.set(key, JSON.stringify(resolved)); } catch (e) {} }; return [value, set, loaded]; } function formatDate(d) { return d.toLocaleDateString("en-US", { month: "short", day: "numeric" }); } function todayKey() { const d = new Date(); return `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`; } const VIEWS = ["morning", "execute", "review", "inbox", "vision"]; export default function FocusEngine() { const [view, setView] = useState("morning"); const [identity, setIdentity, idLoaded] = useStorage("fe_identity", "I am someone who finishes."); const [big3, setBig3, big3Loaded] = useStorage("fe_big3_" + todayKey(), ["", "", ""]); const [deepBlock, setDeepBlock, dbLoaded] = useStorage("fe_deepblock_" + todayKey(), ""); const [inbox, setInbox, inboxLoaded] = useStorage("fe_inbox", []); const [vision90, setVision90, v90Loaded] = useStorage("fe_vision90", ""); const [vision3yr, setVision3yr, v3Loaded] = useStorage("fe_vision3yr", ""); const [weekBig3, setWeekBig3, wb3Loaded] = useStorage("fe_weekbig3", ["", "", ""]); const [completed, setCompleted, compLoaded] = useStorage("fe_completed_" + todayKey(), [false, false, false]); const [inboxInput, setInboxInput] = useState(""); const [deepFocus, setDeepFocus] = useState(false); const [timer, setTimer] = useState(null); const [timerLeft, setTimerLeft] = useState(90 * 60); const [timerRunning, setTimerRunning] = useState(false); const [editIdentity, setEditIdentity] = useState(false); const [identityInput, setIdentityInput] = useState(""); const [streakData, setStreakData, streakLoaded] = useStorage("fe_streak", {}); const [weeklyNote, setWeeklyNote, wnLoaded] = useStorage("fe_weeklynote", ""); const intervalRef = useRef(null); const inputRef = useRef(null); // Mark today as active useEffect(() => { if (streakLoaded) { setStreakData(prev => ({ ...prev, [todayKey()]: true })); } }, [streakLoaded]); // Timer useEffect(() => { if (timerRunning) { intervalRef.current = setInterval(() => { setTimerLeft(t => { if (t <= 1) { clearInterval(intervalRef.current); setTimerRunning(false); return 0; } return t - 1; }); }, 1000); } else { clearInterval(intervalRef.current); } return () => clearInterval(intervalRef.current); }, [timerRunning]); const timerMins = Math.floor(timerLeft / 60); const timerSecs = timerLeft % 60; const completedCount = completed.filter(Boolean).length; const dayWon = completedCount === 3; const addInbox = () => { if (!inboxInput.trim()) return; setInbox(prev => [{ id: Date.now(), text: inboxInput.trim(), clarified: false, action: "" }, ...prev]); setInboxInput(""); }; const removeInbox = (id) => setInbox(prev => prev.filter(i => i.id !== id)); const moveToB3 = (item) => { const emptyIdx = big3.findIndex((t, i) => !t && !completed[i]); if (emptyIdx >= 0) { const nb3 = [...big3]; nb3[emptyIdx] = item.text; setBig3(nb3); removeInbox(item.id); } }; // Streak calc const getStreak = () => { let streak = 0; const d = new Date(); for (let i = 0; i < 365; i++) { const k = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`; if (streakData[k]) streak++; else break; d.setDate(d.getDate() - 1); } return streak; }; const loaded = idLoaded && big3Loaded && dbLoaded && inboxLoaded && v90Loaded && v3Loaded && wb3Loaded && compLoaded && streakLoaded && wnLoaded; if (!loaded) { return ( ); } if (deepFocus) { return (