/* MFM Research Hub — AI features using window.claude.complete */
const AISummary = ({ update, project }) => {
const [state, setState] = useState('idle'); // idle | loading | ready | error
const [summary, setSummary] = useState('');
const generate = async () => {
setState('loading');
try {
const prompt = `You are summarizing a research trainee's weekly progress update for a busy clinician-scientist PI. Output exactly TWO sentences. First sentence: what's the headline (key progress or biggest blocker). Second sentence: what the PI should do next, if anything. Plain language, no fluff, no greeting.
Project: ${project.acronym} — ${project.title}
Current phase: ${project.status}
What was completed:
${update.completed}
What's in progress:
${update.inProgress}
Barriers/delays:
${update.barriers}
Help needed:
${update.helpNeeded}
Planned next:
${update.next}`;
const out = await window.claude.complete(prompt);
setSummary(out.trim());
setState('ready');
} catch (e) {
setSummary('Could not generate summary. ' + (e?.message || ''));
setState('error');
}
};
if (state === 'idle') {
return (
);
}
return (
AI summary
{state === 'loading' ? (
Reading the update…
) : (
{summary}
)}
{state === 'ready' && (
)}
);
};
const AIReplyModal = ({ open, update, project, onClose, onSend }) => {
if (!open) return null;
const [tone, setTone] = useState('warm');
const [intent, setIntent] = useState('acknowledge');
const [draft, setDraft] = useState('');
const [loading, setLoading] = useState(false);
const user = personById(update.user);
const toneOptions = [
{ id: 'warm', label: 'Warm & encouraging' },
{ id: 'direct', label: 'Direct & clinical' },
{ id: 'coaching', label: 'Coaching / Socratic' },
];
const intentOptions = [
{ id: 'acknowledge', label: 'Acknowledge + thank' },
{ id: 'clarify', label: 'Ask clarifying questions' },
{ id: 'unblock', label: 'Help unblock' },
{ id: 'redirect', label: 'Suggest a different angle' },
{ id: 'approve', label: 'Approve & set next step' },
];
const generate = async () => {
setLoading(true);
try {
const intentMap = {
acknowledge: 'briefly acknowledge what was completed and thank the trainee for the update; reinforce one specific thing that was done well',
clarify: 'ask 1–2 targeted clarifying questions about the methodology, data or interpretation; be specific',
unblock: 'offer concrete suggestions to address the barriers they reported; propose a path forward',
redirect: 'gently suggest an alternative approach or consideration they may not have thought of',
approve: 'give explicit PI approval to continue, and propose the next 1–2 milestones to target',
};
const toneMap = {
warm: 'warm, encouraging, supportive — like a thoughtful senior mentor',
direct: 'direct, professional, clinical — efficient and to the point',
coaching: 'coaching style — answer with questions that guide the trainee to think it through themselves',
};
const prompt = `You are Dr. Eran Ashwal, a Maternal-Fetal Medicine PI replying to a progress update from a trainee. Write a SHORT reply (3–5 sentences, no greeting line, no sign-off). Tone: ${toneMap[tone]}. Goal: ${intentMap[intent]}.
Trainee: ${user?.name} (${user?.training})
Project: ${project.acronym} — ${project.title}
Phase: ${project.status}
Their update:
- Completed: ${update.completed}
- In progress: ${update.inProgress}
- Barriers: ${update.barriers}
- Help needed: ${update.helpNeeded}
- Plan: ${update.next}
Write only the reply text. No quotes around it.`;
const out = await window.claude.complete(prompt);
setDraft(out.trim());
} catch (e) {
setDraft('Could not generate a draft. ' + (e?.message || ''));
} finally {
setLoading(false);
}
};
return (