+
+ )}
+
+ {/* Loading Skeleton */}
+ {loading && (
+
+ Audit Service Connection Error
+
+
+ {error}
+
+
+ )}
+
+ {/* Empty State when no audit has been run */}
+ {!loading && !auditData && !error && (
+
+
+ Aggregating Global Health Data
++ Cross-referencing destination advisories with Canadian consular alerts, CDC travel notices, and WHO disease outbreaks… +
+
+
+
+ 1
+ Fetching GAC Risk Level
+
+
+ 2
+ Checking CDC Health Notices
+
+
+ 3
+ Analyzing WHO DON Outbreaks
+
+
+
+ )}
+
+ {/* Audit Results Content */}
+ {!loading && auditData && (
+
+
+ Ready for Consultation Audit
++ Select a destination country, travel style, and departure date on the left panel to trigger an automated clinical health risk assessment. +
+
+
+
+
+
+ Gov. of Canada Advisories
+
+ Security alerts, regional warnings, and health risks
+
+
+
+ CDC Travel Health Notices
+
+ Level 1–4 health notices, vector-borne spikes
+
+
+
+ WHO Outbreak Bulletins
+
+ Real-time epidemic tracking and global DON items
+
+ {/* Report Header Card */}
+
+ )}
+
+
+
+ {/* Priority Red Flags (if any) */}
+ {auditData.redFlags && auditData.redFlags.length > 0 && (
+
+
+
+ {/* Score Gauge Badge */}
+ + Clinical Travel Health Profile +
++ Multi-agency assessment for: +
+ +
+
+
+
+
+
+
+
+ {auditData.riskScore ?? '—'}
+ /10
+
+ Composite Risk Index
+
+
+ )}
+
+ {/* Clinical Summary Block */}
+ {auditData.clinicalSummary && (
+
+
+ Priority Red Flags & Active Notices
+ {auditData.redFlags.length} +
+ {auditData.redFlags.map((flag, idx) => {
+ const isStable = flag.toLowerCase().includes('stable') || flag.toLowerCase().includes('low risk')
+ return (
+
+
+
+ {flag}
+
+ )
+ })}
+
+
+ )}
+
+ {/* 3-Way Agency Breakdown Grid */}
+
+
+ Executive Clinical Summary
+{auditData.clinicalSummary}
+
+ {/* ── 1. Canadian Context (GAC) ─────────────────────────────── */}
+
+
+
+
+ {/* ── 2. CDC Context ─────────────────────────────────────────── */}
+
+
+
+
+ 
+ Government of Canada (GAC)
+
+
+ {auditData.canadianContext?.riskLevel && (
+
+
+ Official Advisory Level
+
+ )}
+
+ {auditData.gacRiskText && (
+
+
+ {auditData.canadianContext?.advisoryText && (
+ {auditData.canadianContext.advisoryText}
+ )} +
+ Consular & Security Note
+
+ )}
+
+ {auditData.canadianContext?.recentUpdates && (
+ {auditData.gacRiskText}
+
+ Latest Advisory Update
+ {auditData.canadianContext.recentUpdates}
+
+ )}
+
+ {/* Source Links */}
+
+ {auditData.travelRiskUrl && (
+
+ GAC Travel Advisory
+
+
+
+
+ {/* ── 3. WHO Context ─────────────────────────────────────────── */}
+
+
+
+
+
+
+ {auditData.cdcContext?.cdcNotices && auditData.cdcContext.cdcNotices.length > 0 ? (
+
+
+ {auditData.cdcContext.cdcNotices.map((notice, idx) => (
+
+ ) : (
+
+
+ ))}
+
+ {notice.level || 'Health Notice'}
+ {notice.pubDate && (
+
+ {new Date(notice.pubDate).toLocaleDateString(undefined, {
+ year: 'numeric',
+ month: 'short',
+ day: 'numeric',
+ })}
+
+ )}
+
+ {notice.title}
+ {notice.summary && ( +{notice.summary}
+ )} + {notice.link && ( + + Read Full CDC Notice +
+ CDC Notice Status
+
+ )}
+
+ {auditData.cdcHealthNoticeUrl && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {auditData.whoContext?.whoNotices && auditData.whoContext.whoNotices.length > 0 ? (
+
+
+ {auditData.whoContext.whoNotices.map((notice, idx) => (
+
+
+
+ ) : auditData.donItems && auditData.donItems.length > 0 ? (
+
+ {notice.title}
+ {notice.date}
+
+
+ {auditData.donItems.map((item, idx) => {
+ const url = auditData.donUrls?.[idx]
+ return url ? (
+
+
+
+ ) : (
+
+ {item}
+
+
+
+
+ )
+ })}
+
+ {item}
+
+
+
+ )}
+