/* ============================================================
AI Summary generator page
============================================================ */
const SAMPLE_SUMMARIES = {
t1: {
trends: "Maya's third week shows continued upward movement across the board. Customer Service climbed from 82% → 88% and Drink Prep is up to 78% after focused practice on free pours. POS Operation is now at 92%, well above the 90% target.",
wins: "Solo'd the morning rush on Tuesday, May 12 with three concurrent mobile orders and zero remakes. First time handling a Tuesday open without senior support — opening checklist completed in 28 minutes (target: 35).",
focus: "Latte art consistency is the standout gap. Devon noted inconsistent rosettas during slower shifts. Suggest scheduling 30 minutes of free-pour practice at the start of three shifts this week.",
recommendations: "1) Pair Maya with Jordan on Saturday open for latte art shadowing. 2) Move closing procedure into next week's evaluation rotation — she's ready. 3) Begin introducing customer recovery scenarios.",
},
t3: {
trends: "Dani's overall numbers remain strong on people-side skills (Customer Service 91%, Drink Prep 90%) but operational accuracy has slipped. Cash Handling dropped from 84% → 72% over the last two weeks, and Closing Procedure is trending down (78% → 70%).",
wins: "Customer recovery on the Saturday-night noise complaint was handled exactly to spec — clear de-escalation, manager loop-in, and a follow-up email logged. Bar work is genuinely strong, especially on espresso pulls.",
focus: "Cash drawer was short $11 on Wed and Sat. Closing checklist missed two items twice in the past 7 days (cleaning log, alarm code). This is the single biggest blocker to shift-lead readiness. Coaching conversation booked Thursday.",
recommendations: "1) Side-by-side drawer count for next three closes with Marcus. 2) Move alarm/lockup to a pre-leave checklist sign-off — must be initialed before clocking out. 3) Hold off on remaining shift-lead modules until we see two clean weeks.",
},
};
const SUMMARIES = SAMPLE_TRAINEES.reduce((acc, t) => {
acc[t.id] = SAMPLE_SUMMARIES[t.id] || {
trends: `${t.name}'s scores over the selected range trend mostly stable. Average performance ~${Math.round(Object.values(t.scores).filter(Boolean).reduce((a,b)=>a+b,0) / Object.values(t.scores).filter(Boolean).length)}%.`,
wins: `Consistent showing across day-to-day skills. ${t.trainer} has logged ${t.notes.length} positive observations.`,
focus: `Continue building reps on lower-scoring skills.`,
recommendations: `Maintain current pace. Schedule next evaluation block.`,
};
return acc;
}, {});
const AiSummaryPage = ({ config, trainees, contextArg }) => {
const L = config.labels;
const [traineeId, setTraineeId] = React.useState(contextArg?.traineeId || trainees[0]?.id);
const [range, setRange] = React.useState('7d');
const [generating, setGenerating] = React.useState(false);
const [generated, setGenerated] = React.useState(false);
const [genError, setGenError] = React.useState(null);
const [liveSummary, setLiveSummary] = React.useState(null); // null = use canned; object = Claude output
const [edited, setEdited] = React.useState(null); // null = use generated, otherwise edited markup
const [sendOpen, setSendOpen] = React.useState(false);
const trainee = trainees.find(t => t.id === traineeId);
const cannedSummary = SUMMARIES[traineeId];
const summary = liveSummary || cannedSummary;
React.useEffect(() => {
setGenerated(false);
setEdited(null);
setLiveSummary(null);
setGenError(null);
}, [traineeId, range]);
const generate = async () => {
setGenerating(true);
setGenError(null);
setLiveSummary(null);
try {
const t = trainee;
const rangeLabel = range === '7d' ? 'last 7 days' : range === '30d' ? 'last 30 days' : 'lifetime';
const sections = Object.entries(config.aiSummary.sections).filter(([_, v]) => v).map(([k]) => k);
const recentNotes = (t.notes || []).slice(0, 5).map(n => `[${n.date} ${n.author}] ${n.text}`).join('\n');
const flagsText = (t.redFlags || []).map(f => `[${f.kind} ${f.severity}] ${f.text}`).join('\n') || 'None';
const prompt = `You are writing a performance summary for ${t.name}, who is on day ${t.daysIn} of a ${t.pathDays}-day ${config.labels.training_path.toLowerCase()} as a ${t.position} at ${config.businessName}. Their assigned ${config.labels.trainer.toLowerCase()} is ${t.trainer}.
TIME RANGE: ${rangeLabel}
TONE: ${config.aiSummary.tone}
LENGTH: ${config.aiSummary.length} (short = 1 paragraph each section, medium = 2-3 sentences, long = full breakdown)
LANGUAGE: ${config.aiSummary.language}
AUDIENCE: ${config.aiSummary.audience}
SCORECARD (out of 100, target ≈85):
${Object.entries(t.scores).map(([k, v]) => `- ${k}: ${v == null ? 'not yet evaluated' : v + '% (' + (t.trend[k] || 'flat') + ')'}`).join('\n')}
TRAINING: ${t.trainingDone} of ${t.trainingTotal} items complete. Certifications earned: ${t.quals.join(', ') || 'none yet'}.
RED FLAGS / ESCALATIONS:
${flagsText}
RECENT TRAINER NOTES:
${recentNotes || 'None recorded.'}
Return ONLY valid JSON in this exact shape (no markdown fences, no preamble):
{
${sections.includes('trends') ? ' "trends": "...",\n' : ''}${sections.includes('wins') ? ' "wins": "...",\n' : ''}${sections.includes('focus') ? ' "focus": "...",\n' : ''}${sections.includes('recommendations') ? ' "recommendations": "1) ... 2) ... 3) ...",\n' : ''}${sections.includes('attendance') ? ' "attendance": "...",\n' : ''}}
For "recommendations", number them 1) 2) 3). Be specific — reference actual scores, trends, and notes from the data. Avoid generic advice.`;
const text = await window.claude.complete(prompt);
let parsed;
try {
// Strip any code fences if the model added them
const cleaned = text.replace(/^```json\s*/i, '').replace(/^```\s*/i, '').replace(/```\s*$/i, '').trim();
parsed = JSON.parse(cleaned);
} catch (e) {
throw new Error('Could not parse model response');
}
setLiveSummary(parsed);
setGenerated(true);
} catch (e) {
// Fallback to canned, but show a note
setGenError(e.message || 'Generation failed — showing sample summary instead');
setGenerated(true);
} finally {
setGenerating(false);
}
};
const sections = config.aiSummary.sections;
const tone = config.aiSummary.tone;
return (
<>
AI Summary
Generate a weekly or custom-range summary. Edit it, then email or export.