// Component — Requested actions banner. // Sits above the three-column Course architecture grid. Shows source items // the AI placed with low confidence (or items it wants to reassign after a // source update). User can Accept, Reassign per-row, or bulk-reassign. const REQUESTED_ACTIONS = [ { id: 'A-101', source: 'CLEAR-framework_handbook.docx', loc: 'p. 12', snippet: 'The CLEAR model originated at the Center for Creative Leadership and frames difficult conversations as a 5-step contract.', suggested: 'M2', confidence: 0.86, note: 'Currently mapped to M1 — reads more like a framework introduction.' }, { id: 'A-102', source: 'Priya-Naidu_SME-interview.mp4', loc: '04:32', snippet: '"The hardest part of every difficult conversation is the first sentence — the bit you rehearse on the drive in."', suggested: 'M3', confidence: 0.91, note: 'Strong anecdote, opens the door to the script practice in M3.' }, { id: 'A-103', source: 'Difficult-Interactions_v3-final.docx', loc: '¶ 47', snippet: 'Three-paragraph definition of psychological safety with a footnote citing Edmondson (1999).', suggested: 'M1', confidence: 0.72, note: 'Could also belong in M3 as in-the-moment scaffolding.' }, { id: 'A-104', source: 'Manager-anecdotes-collected.docx', loc: '¶ 8', snippet: 'Anecdote: a regional director who delayed a performance conversation by 11 months and lost the team.', suggested: 'M1', confidence: 0.79, note: 'Sharp cautionary tale — fits early in the arc.' }, { id: 'A-105', source: 'Customer-escalation-case_audio.mp3', loc: '06:14', snippet: 'Audio segment describing how a follow-up coffee 2 weeks later repaired a soured working relationship.', suggested: 'M4', confidence: 0.88, note: 'Repair & follow-through — natural M4 placement.' }, { id: 'A-106', source: 'CLEAR-framework_handbook.docx', loc: 'p. 28', snippet: 'Body-language cues and pacing notes — when to slow down, when to pause, when to mirror posture.', suggested: 'M3', confidence: 0.68, note: 'Low confidence — could also slot into a Brand-and-settings tone guide.' }, { id: 'A-107', source: 'Difficult-Interactions_v3-final.docx', loc: '¶ 91', snippet: 'Statistic: 73% of managers report avoiding at least one difficult feedback conversation per quarter.', suggested: 'M1', confidence: 0.84, note: 'Strong opener stat for the recognising-tension arc.' }, ]; function RequestedActions({ modules, moduleGroups, onAssignToModule }) { const [items, setItems] = React.useState(REQUESTED_ACTIONS); const [selected, setSelected] = React.useState(() => new Set()); const [expanded, setExpanded] = React.useState(true); const [bulkTarget, setBulkTarget] = React.useState(''); if (items.length === 0) return null; const toggleOne = (id) => { setSelected(s => { const next = new Set(s); if (next.has(id)) next.delete(id); else next.add(id); return next; }); }; const toggleAll = () => { setSelected(s => s.size === items.length ? new Set() : new Set(items.map(i => i.id))); }; const resolveIds = (ids) => { setItems(it => it.filter(i => !ids.includes(i.id))); setSelected(s => { const next = new Set(s); ids.forEach(id => next.delete(id)); return next; }); }; const acceptOne = (id) => resolveIds([id]); const reassignOne = (id, target) => { onAssignToModule && onAssignToModule(id, target); resolveIds([id]); }; const applyBulk = () => { if (!bulkTarget || selected.size === 0) return; const ids = Array.from(selected); ids.forEach(id => onAssignToModule && onAssignToModule(id, bulkTarget)); resolveIds(ids); setBulkTarget(''); }; const acceptAll = () => { const ids = items.map(i => i.id); resolveIds(ids); }; const selectedCount = selected.size; const allChecked = selectedCount === items.length; return (
{/* Header bar */}

Requested actions

{items.length} item{items.length === 1 ? '' : 's'} need a module assignment
The AI placed these with low confidence — review and confirm before publishing.
{selectedCount > 0 && (
{selectedCount} selected
)}
{/* Body */} {expanded && (
{/* Table */}
{/* Header row */}
Source Excerpt AI-suggested module Actions
{/* Rows */} {items.map((item, i) => ( toggleOne(item.id)} onAccept={() => acceptOne(item.id)} onReassign={(target) => reassignOne(item.id, target)} last={i === items.length - 1} /> ))}
)}
); } // ── One row in the actions table ─────────────────────────────────────────── function ActionRow({ item, modules, moduleGroups, checked, onCheck, onAccept, onReassign, last }) { const [menuOpen, setMenuOpen] = React.useState(false); const [menuPos, setMenuPos] = React.useState(null); // { top, left, openUp } const btnRef = React.useRef(null); const suggestedModule = modules.find(m => m.id === item.suggested); const conf = Math.round(item.confidence * 100); const confTone = conf >= 85 ? 'var(--success-text)' : conf >= 75 ? 'var(--text-muted)' : 'var(--warning-text)'; const POPUP_W = 280; const POPUP_H = Math.min(360, 60 + modules.length * 34); const openMenu = () => { if (menuOpen) { setMenuOpen(false); return; } const rect = btnRef.current && btnRef.current.getBoundingClientRect(); if (!rect) return; const spaceBelow = window.innerHeight - rect.bottom; const openUp = spaceBelow < POPUP_H + 16; const top = openUp ? Math.max(8, rect.top - POPUP_H - 6) : rect.bottom + 6; const left = Math.min( Math.max(8, rect.right - POPUP_W), window.innerWidth - POPUP_W - 8 ); setMenuPos({ top, left }); setMenuOpen(true); }; return (
{/* Source */}
{ e.preventDefault(); /* prototype: would open original */ }} className="truncate" title={`Open ${item.source}`} style={{ fontSize: 12, fontWeight: 500, color: 'var(--accent-text)', textDecoration: 'none', display: 'block', cursor: 'default', }} onMouseOver={e => e.currentTarget.style.textDecoration = 'underline'} onMouseOut={e => e.currentTarget.style.textDecoration = 'none'}> {item.source}
{item.loc}
{/* Excerpt */}
{item.snippet}
{item.note}
{/* Suggested module */}
{item.suggested} · {locText(suggestedModule?.title)} {conf}%
{/* Actions */}
{menuOpen && menuPos && ( <>
setMenuOpen(false)} style={{ position: 'fixed', inset: 0, zIndex: 60 }} />
Move to module
{(moduleGroups || []).map(g => { const inG = modules.filter(m => m.group === g.id); if (inG.length === 0) return null; return (
{locText(g.title)}
{inG.map(m => ( { setMenuOpen(false); onReassign(id); }} /> ))}
); })} {modules.filter(m => !m.group).length > 0 && (
Ungrouped
{modules.filter(m => !m.group).map(m => ( { setMenuOpen(false); onReassign(id); }} /> ))}
)}
)}
); } // ── One row inside the Reassign popup ────────────────────────────────────── function ReassignRow({ module: m, item, onPick }) { return ( ); } Object.assign(window, { RequestedActions });