@@ -30,20 +49,45 @@ export function MessageCard({ message, onReanalyze }: MessageCardProps) { {message.username || message.user_id} - {new Date(message.created_at).toLocaleString()} + + {new Date(message.created_at).toLocaleString()} + {message.edited_at ? edited : null} {message.deleted_at ? deleted : null} - {aiStatus} + + {getAiIcon(aiStatus)} + {aiStatus} + {displayContent || "(empty message)"} - {message.ai_analysis ? {message.ai_analysis} : null} - {message.ai_error ? AI error: {message.ai_error} : null} - onReanalyze(message.id)} disabled={aiStatus === "pending"}> - - Re-analyze - + {message.ai_analysis ? ( + + {message.ai_analysis} + + ) : null} + {message.ai_error ? ( + + AI error: {message.ai_error} + + ) : null} + + + + {isReanalyzing ? "Reanalyzing..." : "Re-analyze"} + + {aiStatus === "error" && ( + + Click to retry analysis + + )} +