feat: add claudecode with oauth to AI providers

frontend/src/pages/Reports.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback } from 'react'
 import { Trash2, FileText, Clock, Loader2, XCircle, AlertCircle } from 'lucide-react'
 import { reportsApi, type Report } from '@/api/reports'
 import { Card, CardContent } from '@/components/ui/card'
+import { Markdown } from '@/components/ui/markdown'
 import { Button } from '@/components/ui/button'
 import { Spinner } from '@/components/ui/spinner'
 import { Badge } from '@/components/ui/badge'
@@ -108,8 +109,8 @@ export function Reports() {
                   </div>
                 )}
                 {r.status === 'done' && (
-                  <div className="text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed border-t pt-3">
-                    {r.answer}
+                  <div className="border-t pt-3">
+                    <Markdown content={r.answer} />
                   </div>
                 )}
                 {r.status === 'error' && (