/* Pulse — AI assistant powered by window.claude.complete A right-side slide-over with quick actions, chat, and apply-suggestions. */ function PulsePanel({ open, onClose, tasks, allTasks, onApply, onSelectTask }) { const [history, setHistory] = React.useState([ { role: 'assistant', content: "Hi Alex — I'm Pulse. I can plan your day, summarise threads, draft replies, triage incoming work, or balance workload. Try a chip below, or just ask." } ]); const [input, setInput] = React.useState(''); const [busy, setBusy] = React.useState(false); const [activeAction, setActiveAction] = React.useState(null); const scrollRef = React.useRef(null); React.useEffect(() => { if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight; }, [history, busy]); if (!open) return null; // ─── Workspace context for Claude ─── const buildContext = () => { const compact = (t) => ({ id: t.id, ticket: t.ticket, title: t.title, space: spaceById(t.spaceId)?.name, status: statusById(t.statusId)?.title, priority: t.priority, type: t.type, due: t.dueDate, est_mins: t.estimateMins, assignees: t.assignees.map(id => userById(id)?.name), tags: t.tags.map(id => tagById(id)?.name), clients: t.clients.map(id => clientById(id)?.name), important: t.important, my_day: t.myDay, desc: (t.description || '').slice(0, 200), }); return { today: TODAY.toISOString().slice(0, 10), current_user: { id: 1, name: 'Alex Harley', role: 'Lead clinician' }, workspace: 'Harley Mindcare · clinical task management', spaces: D.spaces.map(s => ({ name: s.name, prefix: s.prefix, sla_days: s.sla })), statuses: D.statuses.map(s => s.title), users: D.users.map(u => ({ name: u.name, role: u.role })), visible_tasks: tasks.slice(0, 30).map(compact), all_tasks_count: allTasks.length, }; }; const systemPrompt = () => `You are Pulse, an AI assistant inside a clinical task-management product called Taskhub (used at a UK private mental-health practice). Your job is to help Alex Harley and her team triage, plan, distribute and write tasks. Guidelines: - Be concise. 2–4 short paragraphs max, OR a tight numbered list — never both unless asked. - Be specific. Use ticket IDs and names from the workspace. Don't generalise. - Show your reasoning briefly when prioritising or balancing — one sentence, not a lecture. - Tone: warm but professional. UK English. No marketing language. No emoji unless the user uses one. - For clinical context, default to safe, conservative recommendations and explicitly flag when something needs human judgement (safeguarding, risk, prescribing). - When you suggest a concrete action that the app could apply, end your message with a JSON block: \`\`\`apply [{ "kind": "reassign", "task_id": 5, "to": "Priya Rao", "why": "..." }, ...] \`\`\` Action kinds: "reassign", "set_priority", "set_status", "set_due", "snooze", "add_tag". - Do NOT include the JSON block unless the user has confirmed they want changes. Workspace context (live): ${JSON.stringify(buildContext(), null, 2)}`; const send = async (userMessage, label = null) => { if (!userMessage) return; setBusy(true); setActiveAction(label); const next = [...history, { role: 'user', content: userMessage, label }]; setHistory(next); setInput(''); try { const messages = next.filter(m => m.role !== 'system').map(m => ({ role: m.role, content: m.content })); const reply = await window.claude.complete({ system: systemPrompt(), messages, }); setHistory(h => [...h, { role: 'assistant', content: reply }]); } catch (err) { setHistory(h => [...h, { role: 'assistant', content: `Sorry — I couldn't reach the language model just then. ${(err && err.message) || ''}` }]); } finally { setBusy(false); setActiveAction(null); } }; const quickActions = [ { key: 'plan', label: 'Plan my day', glyph: '☀', prompt: "Look at my visible tasks and give me a focused, ranked plan for today. Group into 'Right now' (next 90 minutes), 'After lunch', and 'If time'. Briefly explain why each item is where it is. Take account of urgency, due dates, and dependencies." }, { key: 'balance', label: 'Balance workload', glyph: '⚖', prompt: "Look at the team's open work and estimates for this week. Identify who is over-capacity and who has slack. Suggest 2–4 specific reassignments to even things out, with one-line reasoning each. End with the 'apply' JSON block ready to execute." }, { key: 'standup', label: 'Standup', glyph: '☕', prompt: "Generate a short standup for me (Alex) covering: ✓ done yesterday (use my completed tasks), ▸ on today, ⚠ blocked. Keep it under 80 words. Plain text, no JSON." }, { key: 'risk', label: 'Risk scan', glyph: '⚠', prompt: "Sweep my visible tasks for anything that smells like safeguarding, risk, prescribing concerns, urgent clinical contact, or DNA escalation. List the 3–5 highest-concern items with ticket ID and one-line reason. Mark any that need *immediate* human escalation." }, { key: 'summary', label: 'Weekly summary', glyph: '◐', prompt: "Write a one-paragraph weekly summary I could share with the practice manager: volume handled, top themes, anything notable in compliance / billing / care. Keep it factual and under 100 words." }, { key: 'draft', label: 'Draft reply', glyph: '✎', prompt: "I need to draft a warm but professional acknowledgement letter to Dr Levin confirming I've received the referral for Mrs Aldridge, will call her today, and will write again after triage. Sign as Alex Harley, Harley Mindcare. Plain text, ~80 words." }, ]; return (
e.stopPropagation()} className="slide-in-r" style={{ width: 460, height: '100vh', background: 'rgb(var(--surface))', borderLeft: '1px solid rgb(var(--rule))', display: 'flex', flexDirection: 'column', boxShadow: 'var(--sh-pop)', }}> {/* Header */}
✦

Pulse AI

Knows your tasks, team, and schedule

online
{/* Quick actions */}

Try

{quickActions.map(a => ( ))}
{/* History */}
{history.map((m, i) => )} {busy && }
{/* Input */}
{ e.preventDefault(); if (input.trim()) send(input.trim()); }} style={{ padding: '12px 16px', borderTop: '1px solid rgb(var(--rule))', background: 'rgb(var(--surface))', }}>