1

frontend/app/subjects/[subjectId]/weeks/[weekNumber]/page.tsx

@@ -181,7 +181,7 @@ export default function WeekPage({ params }: { params: { subjectId: string; week
             <h1 className="text-4xl font-bold">Semana {weekNumber}</h1>
             <p className="mt-2 text-slate-400">{week?.title || "Sube fuentes y genera Markdown procesado."}</p>
           </div>
-          {error && <Card className="border-red-500/30 bg-red-500/10 text-red-200">{error}</Card>}
+          {error && <Card className="whitespace-pre-wrap border-red-500/30 bg-red-500/10 text-red-200 [overflow-wrap:anywhere]">{error}</Card>}
 
           <Card>
             <div className="flex flex-wrap items-center justify-between gap-4">
@@ -298,7 +298,7 @@ export default function WeekPage({ params }: { params: { subjectId: string; week
           <Card>
             <h2 className="text-lg font-semibold">Trabajos</h2>
             <div className="mt-4 space-y-3">
-              {jobs.map((job) => <div key={job.id} className="rounded-xl bg-slate-900 p-3 text-sm"><div className="flex justify-between"><span>#{job.id}</span><StatusBadge status={job.status} /></div><p className="mt-2 text-slate-400">{job.message}</p></div>)}
+              {jobs.map((job) => <div key={job.id} className="min-w-0 rounded-xl bg-slate-900 p-3 text-sm"><div className="flex items-start justify-between gap-2"><span>#{job.id}</span><StatusBadge status={job.status} /></div><p className="mt-2 whitespace-pre-wrap text-slate-400 [overflow-wrap:anywhere]">{job.message}</p></div>)}
               {jobs.length === 0 && <p className="text-sm text-slate-400">Sin trabajos.</p>}
             </div>
           </Card>