);
}
function Dashboard({ onRescue, dashVariant = 'A' }) {
const [projects] = useLFState('projects', []);
const [activeSprint, setActiveSprint] = useLFState('activeSprint', null);
const [cogState, setCogState] = useLFState('cognitiveState', { focus: 7, energy: 6, stress: 4, mood: 8 });
const [launchingShow, setLaunchingShow] = useState(null);
const [missionOrder, setMissionOrder] = useLFState('missionOrder', []);
const [dailyBrief, setDailyBrief] = useLFState('dailyBrief', null);
const [apiKey] = useLFState('apiKey', '');
const [apiModel] = useLFState('apiModel', 'claude-sonnet-4-6');
const today = new Date().toISOString().slice(0, 10);
const briefFresh = dailyBrief && dailyBrief.date === today;
// Cognitive state check-in. answers held in component state; whether the
// state was already recorded today is a persisted timestamp so the UI
// remembers across reloads.
const [answers, setAnswers] = useLFState('checkinAnswers', { mood: '', energy: '', pulling: '' });
const [cogRecordedAt, setCogRecordedAt] = useLFState('cogRecordedAt', '');
const cogRecordedToday = cogRecordedAt && cogRecordedAt.startsWith(today);
const [editingState, setEditingState] = useState(!cogRecordedToday);
const [recording, setRecording] = useState(false);
const [briefing, setBriefing] = useState(false);
// The brief is invalid if cog state has been re-recorded since brief was written
const briefStillFresh = briefFresh && dailyBrief?.recordedAt === cogRecordedAt;
// Freeform note above the mission tasks. Editable here, also settable
// from the Debrief tab as "tomorrow's note".
const [missionTopText, setMissionTopText] = useLFState('missionTopText', '');
const [editingTopText, setEditingTopText] = useState(false);
const [topTextDraft, setTopTextDraft] = useState(missionTopText);
useEffect(() => { setTopTextDraft(missionTopText); }, [missionTopText]);
// Pull today's mission tasks from any project. Auto-elevate tasks whose
// due_date is today or in the past (and not yet done) — "due today must
// be part of today's mission" is the rule.
let todayTasks = [];
const seenKeys = new Set();
const pushTask = (p, m, t) => {
const k = `${p.id}:${m.id}:${t.id}`;
if (seenKeys.has(k)) return;
seenKeys.add(k);
todayTasks.push({ project: p, milestone: m, task: t });
};
for (const p of projects) for (const m of (p.branches || [])) {
if (m.archived) continue;
for (const t of (m.leaves || [])) {
if (t.today) pushTask(p, m, t);
else if (t.dueDate && !t.done) {
const d = window.daysUntil?.(t.dueDate);
if (d !== null && d !== undefined && d <= 0) pushTask(p, m, t);
}
}
}
// Compute "due soon" — anything with a date 1–5 days out (today/overdue
// are already in Today's Mission). Includes milestones, tasks, subtasks,
// and task-typed inbox captures.
const dueSoon = [];
for (const p of projects) for (const m of (p.branches || [])) {
if (m.archived) continue;
const md = window.daysUntil?.(m.dueDate);
if (md !== null && md !== undefined && md >= 1 && md <= 5) {
dueSoon.push({ kind: 'milestone', label: `${p.name} › ${m.label}`, dueDate: m.dueDate, days: md, project: p, milestone: m });
}
for (const t of (m.leaves || [])) {
if (t.done) continue;
const td = window.daysUntil?.(t.dueDate);
if (td !== null && td !== undefined && td >= 1 && td <= 5) {
dueSoon.push({ kind: 'task', label: `${p.name} › ${m.label} › ${t.label}`, dueDate: t.dueDate, days: td, project: p, milestone: m, task: t });
}
for (const s of (t.subtasks || [])) {
if (s.done) continue;
const sd = window.daysUntil?.(s.dueDate);
if (sd !== null && sd !== undefined && sd >= 1 && sd <= 5) {
dueSoon.push({ kind: 'subtask', label: `${p.name} › ${m.label} › ${t.label} › ${s.title}`, dueDate: s.dueDate, days: sd, project: p, milestone: m, task: t, subtask: s });
}
}
}
}
// Inbox task captures with dates (orphans)
try {
const raw = localStorage.getItem('lf.inboxItems');
if (raw) {
const items = JSON.parse(raw) || [];
for (const it of items) {
if (it.type !== 'task' || !it.dueDate) continue;
const d = window.daysUntil?.(it.dueDate);
if (d !== null && d !== undefined && d >= 1 && d <= 5) {
dueSoon.push({ kind: 'capture', label: it.text || '(unnamed capture)', dueDate: it.dueDate, days: d, inboxId: it.id });
}
}
}
} catch {}
dueSoon.sort((a, b) => a.days - b.days);
// Apply missionOrder
const keyOf = (r) => `${r.project.id}:${r.milestone.id}:${r.task.id}`;
todayTasks = [...todayTasks].sort((a, b) => {
const ai = missionOrder.indexOf(keyOf(a));
const bi = missionOrder.indexOf(keyOf(b));
if (ai === -1 && bi === -1) return 0;
if (ai === -1) return 1;
if (bi === -1) return -1;
return ai - bi;
});
const completedToday = todayTasks.filter(({ task }) => task.done || taskProgress(task) === 100).length;
const missionPct = todayTasks.length ? Math.round((completedToday / todayTasks.length) * 100) : 0;
const onSprint = ({ project, milestone, task, subtask }) => {
setLaunchingShow({
projectId: project.id, milestoneId: milestone.id, taskId: task.id,
subtaskId: subtask?.id,
label: subtask?.title || task.label || 'Untitled task',
defaultMode: task.mode || 'production',
});
};
// Action 1: read the 3 text answers, ask Claude to estimate
// focus/energy/stress/mood numbers, save them as the current cog state.
const recordCogState = async () => {
if (recording) return;
const t = {
mood: (answers.mood || '').trim(),
energy: (answers.energy || '').trim(),
pulling: (answers.pulling || '').trim(),
};
if (!t.mood && !t.energy && !t.pulling) {
// Nothing to record — just stamp now and use current numbers
setCogRecordedAt(new Date().toISOString());
setEditingState(false);
return;
}
setRecording(true);
try {
if (!apiKey) {
// No-key path: try parsing "1-10" out of energy text, leave the rest
const ns = { ...cogState };
const en = parseInt((t.energy.match(/\d+/) || [])[0], 10);
if (!isNaN(en) && en >= 1 && en <= 10) ns.energy = en;
setCogState(ns);
} else {
const prompt = `Quick check-in answers:
- Mood: ${t.mood || '(no answer)'}
- Energy: ${t.energy || '(no answer)'}
- What's pulling on attention: ${t.pulling || '(no answer)'}
Estimate the operator's current cognitive state on a 1-10 scale for each of: focus, energy, stress, mood. Use clues in the text (e.g. low-energy words → lower energy; scattered/anxious words → higher stress / lower focus).
Respond ONLY with raw JSON, no preface or fences:
{ "focus": 1-10, "energy": 1-10, "stress": 1-10, "mood": 1-10 }`;
const result = await window.callClaude({
apiKey, model: apiModel,
system: window.USER_PROFILE_SYSTEM + '\n\nFor this turn estimate cognitive-state numbers from a short check-in. Output ONLY raw JSON.',
messages: [{ role: 'user', content: prompt }],
});
const text = (result.content || []).filter((b) => b.type === 'text').map((b) => b.text).join('');
const m = text.match(/\{[\s\S]*\}/);
if (m) {
try {
const p = JSON.parse(m[0]);
const ns = { ...cogState };
if (typeof p.focus === 'number') ns.focus = Math.max(1, Math.min(10, p.focus));
if (typeof p.energy === 'number') ns.energy = Math.max(1, Math.min(10, p.energy));
if (typeof p.stress === 'number') ns.stress = Math.max(1, Math.min(10, p.stress));
if (typeof p.mood === 'number') ns.mood = Math.max(1, Math.min(10, p.mood));
setCogState(ns);
} catch {}
}
}
setCogRecordedAt(new Date().toISOString());
setEditingState(false);
} catch (e) {
// Fall back to recording without updating numbers
setCogRecordedAt(new Date().toISOString());
setEditingState(false);
} finally {
setRecording(false);
}
};
// Action 2: generate (or re-generate) a brief using the current cog state +
// today's mission tasks. Picks a starting task when there's a clear signal.
const generateBrief = async () => {
if (briefing) return;
setBriefing(true);
try {
if (!apiKey) {
setDailyBrief({ date: today, brief: 'No API key — kick some ass today anyway.', suggestedTaskId: null, recordedAt: cogRecordedAt });
return;
}
const taskList = todayTasks.length
? todayTasks.map((r) => {
const due = r.task.dueDate ? ` due=${r.task.dueDate}(${window.daysUntil?.(r.task.dueDate)}d)` : '';
return `- ${r.task.id}: ${r.task.label} (mode=${r.task.mode}, priority=${r.task.priority || 'medium'}, done=${r.task.done || taskProgress(r.task) === 100}${due})`;
}).join('\n')
: '(none — no tasks on today\'s mission)';
const remaining = todayTasks.filter(({ task }) => !task.done && taskProgress(task) < 100).length;
const dueSoonSummary = dueSoon.length
? dueSoon.slice(0, 8).map((d) => `- [${d.kind}] ${d.label} → in ${d.days}d (${d.dueDate})`).join('\n')
: '(nothing in 1–5 days)';
const overdueCount = todayTasks.filter(({ task }) => {
if (task.done) return false;
const d = window.daysUntil?.(task.dueDate);
return d !== null && d !== undefined && d < 0;
}).length;
const dueTodayCount = todayTasks.filter(({ task }) => {
if (task.done) return false;
const d = window.daysUntil?.(task.dueDate);
return d === 0;
}).length;
const prompt = `Current cognitive state (1-10): focus ${cogState.focus}, energy ${cogState.energy}, stress ${cogState.stress}, mood ${cogState.mood}.
Latest self-check answers:
- Mood: ${(answers.mood || '').trim() || '(none)'}
- Energy: ${(answers.energy || '').trim() || '(none)'}
- Pulling: ${(answers.pulling || '').trim() || '(none)'}
Today's mission (${remaining} remaining${overdueCount ? `, ${overdueCount} OVERDUE` : ''}${dueTodayCount ? `, ${dueTodayCount} due today` : ''}):
${taskList}
Coming up (1–5 days):
${dueSoonSummary}
Pick ONE remaining task as the recommended next move. Weighting:
1. OVERDUE items first — they don't wait for great cognitive state.
2. Then DUE TODAY (red) — match to current cog state if possible (high focus → cognitive task; low energy → low-load task).
3. Then "due in 1-2 days" if cog state permits.
4. Otherwise pick by best fit to cog state.
In the brief (1-2 sharp sentences), be explicit about deadline pressure if any item is overdue or due-today. Don't soften it.
Output ONLY raw JSON:
{ "brief": "1-2 sharp sentences", "suggestedTaskId": "..." or null }`;
const result = await window.callClaude({
apiKey, model: apiModel,
system: window.USER_PROFILE_SYSTEM + '\n\nFor this turn generate a daily brief. Output ONLY raw JSON.',
messages: [{ role: 'user', content: prompt }],
});
const text = (result.content || []).filter((b) => b.type === 'text').map((b) => b.text).join('');
const m = text.match(/\{[\s\S]*\}/);
let brief = 'Kick some ass today.';
let suggestedTaskId = null;
if (m) {
try {
const p = JSON.parse(m[0]);
brief = p.brief || brief;
suggestedTaskId = p.suggestedTaskId || null;
} catch {}
} else if (text) brief = text;
setDailyBrief({ date: today, brief, suggestedTaskId, recordedAt: cogRecordedAt });
} catch (e) {
setDailyBrief({ date: today, brief: `⚠ Brief failed: ${e.message}. Kick some ass anyway.`, suggestedTaskId: null, recordedAt: cogRecordedAt });
} finally {
setBriefing(false);
}
};
const suggestedRow = briefStillFresh && dailyBrief?.suggestedTaskId
? todayTasks.find((r) => r.task.id === dailyBrief.suggestedTaskId)
: null;
// First active project for the "primary" mission card on top
const activeProject = projects.find((p) => p.status !== 'archived');
return (
{/* Top row: CSS Grid so both columns share row height. Left column
stacks Mission + DueSoon; right column is CogState (single card)
which stretches to match the left column's total height. */}
{/* Mission summary */}
Today's Mission
{todayTasks.length ? `${completedToday} of ${todayTasks.length} done` : 'No mission set'}
{missionPct}%
complete
{/* Freeform note — your own pinned line above the mission tasks.
Settable here OR from Daily Debrief. */}
{editingTopText ? (