🤖
AI Clinical Summary
{parts.map((part, pi) => {
if (part.startsWith("**") && part.includes("**\n")) {
const newlineIdx = part.indexOf("\n");
const heading = part.slice(2, part.indexOf("**", 2));
const body = part.slice(newlineIdx + 1);
return (
);
}
if (part.startsWith("*") && part.endsWith("*")) {
return (
{part.replace(/\*/g, "")}
);
}
return (
{part}
);
})}
);
}
// ─── Patient detail view ────────────────────────────────────────────────────────
function PatientDetail({
result,
patientName,
onBack,
onUseSuggestions,
}: {
result: PatientQuizResult;
patientName: string;
onBack: () => void;
onUseSuggestions: (text: string) => void;
}) {
const [activeTab, setActiveTab] = useState<"scores" | "questionnaire" | "summary">("scores");
const summary = useMemo(() => generateAISummary(result, patientName), [result, patientName]);
const sortedNutrients = (Object.entries(result.nutrientRisks) as [keyof typeof result.nutrientRisks, number][])
.sort((a, b) => b[1] - a[1]);
const vitalityColor =
result.vitalityScore >= 70 ? "#16A34A" : result.vitalityScore >= 50 ? "#D97706" : "#DC2626";
return (
{patientName}
Questionnaire completed{" "}
{new Date(result.completedAt).toLocaleDateString("en-IN", {
day: "numeric",
month: "short",
year: "numeric",
})}
Vitality Score
{result.vitalityScore}/100
{(
[
{ id: "scores", label: "Section Scores" },
{ id: "questionnaire", label: "Full Q&A" },
{ id: "summary", label: "🤖 AI Summary" },
] as const
).map((tab) => (
))}
{activeTab === "scores" && (
Category Risk Scores
{Object.entries(result.categoryScores).map(([cat, val]) => (
))}
Nutrient Deficiency Risk (ranked highest → lowest)
{sortedNutrients.map(([key, val]) => (
))}
)}
{activeTab === "questionnaire" &&
}
{activeTab === "summary" && (
)}
);
}
// ─── Main export ────────────────────────────────────────────────────────────────
interface QuizPanelProps {
onUseSuggestions?: (patientName: string, text: string) => void;
}
export default function QuizPanel({ onUseSuggestions }: QuizPanelProps) {
const [selectedId, setSelectedId] = useState