// Insights — the longitudinal view. Calm visualisation, honest framing. // Everything here is built from the user's OWN logs and completed PROMs. // Sections show a plain empty state until there is real data to show. // Suggested patterns are EXPLICITLY observations, not diagnoses. function EmptyHint({ icon, children }) { const Icon = icon || Ic.List; return (
{children}
 ); } function InsightsScreen({ openProm, openRedFlagLog, openReport, logs, proms, goHome }) { const { PROMS } = DEMO; const { Card, SectionLabel, StatusPanel, Button, Chip } = NB; const [range, setRange] = React.useState('4w'); const hasLogs = Array.isArray(logs) && logs.length > 0; const sev = severityByDay(logs); const freq = symptomFrequency(logs); const sevAvg = sev.data.length ? Math.round(sev.data.reduce((a, b) => a + b, 0) / sev.data.length) : null; const topSymptom = freq.length ? freq[0] : null; // Pattern detection from the patient's real logs. const [aiPatterns, setAiPatterns] = React.useState(null); const [aiState, setAiState] = React.useState('idle'); // idle | loading | done | error React.useEffect(() => { let alive = true; if (!(window.NotedAI && Array.isArray(logs) && logs.length)) return; setAiState('loading'); NotedAI.detectPatterns(logs) .then((r) => { if (!alive) return; if (r && Array.isArray(r.patterns) && r.patterns.length) { setAiPatterns(r.patterns); setAiState('done'); } else setAiState('error'); }) .catch(() => { if (alive) setAiState('error'); }); return () => { alive = false; }; }, [logs]); return (
} onClick={openReport}>Report} />
{/* Severity trend */}
Severity over time {sev.days >= 2 ? (

Your logged symptom severity is averaging {sevAvg}/10 over {sev.days} days.

 ) : ( {hasLogs ? 'Log on more than one day to see your severity trend.' : 'Your severity trend appears here once you start logging symptoms.'} )}
{/* Symptom frequency */}
How often you logged each symptom {freq.length ? (

{topSymptom.label} was your most logged symptom in this period.

b.value), 1)} /> ) : ( Once you log symptoms, you'll see how often each one comes up. )}
{/* Suggested patterns — observations, NOT diagnoses */}
From your logs : undefined}>Suggested patterns These are observations, not diagnoses. They show what your logs have in common. Only a clinician can diagnose. {aiState === 'loading' ? ( Looking for patterns in your logs… ) : (aiPatterns && aiPatterns.length) ? (
{aiPatterns.map((p, i) => (
{p.text}
{p.basis &&
{p.basis}
}
))}
) : ( Keep logging — once there's enough, Noted will surface patterns in what you record. )}
{/* PROM scores */}
Validated questionnaires}>Your scores over time
{['phq9', 'gad7', 'peg3'].map(k => openProm(k)} />)}
{/* Functional impact — needs daily check-in data */}
Impact on your day Log a few daily check-ins and you'll see how symptoms are affecting work, exercise, sleep and more.
{/* Medication adherence — needs daily check-in data */}
Medication adherence As you record which medications you take in your daily check-ins, your adherence shows here.
{/* Red-flag log */}
Urgent-symptom record
No urgent prompts recorded
Times the app flags a symptom that may need urgent care will appear here.
); } function PromCard({ prom, stats, onClick }) { const data = (stats && stats.scores) || []; const last = stats ? stats.lastScore : null; const trendDown = data.length > 1 && data[data.length - 1] < data[0]; return (
{prom.name}
{prom.full}
{prom.kind === 'inactive' ? ( Not active ) : !(stats && stats.taken) ? ( Not taken yet ) : (
{last}
{trendDown ? : } latest
)} ); } Object.assign(window, { InsightsScreen, PromCard, EmptyHint });