From 5e22f15e76224c99c89eddfc449176dddd970fcd Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Thu, 1 Jan 2026 10:22:20 -0600
Subject: [PATCH] fix: TypeScript errors in JobDetail error display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use explicit null returns and String() casts for unknown types
from job.error Record to satisfy TypeScript strict mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/routes/jobs/JobDetail.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/routes/jobs/JobDetail.tsx b/frontend/src/routes/jobs/JobDetail.tsx
index 338afd4..a47e2ca 100644
--- a/frontend/src/routes/jobs/JobDetail.tsx
+++ b/frontend/src/routes/jobs/JobDetail.tsx
@@ -444,29 +444,29 @@ export function JobDetail() {
               <p className="text-sm text-red-700 mb-2">
                 {String(job.error.message || 'An error occurred during processing')}
               </p>
-              {job.error.type && (
+              {job.error.type ? (
                 <p className="text-xs text-red-600 mb-2">
                   <span className="font-medium">Type:</span> {String(job.error.type).replace(/_/g, ' ')}
                 </p>
-              )}
+              ) : null}
               {/* Show failed languages for render failures */}
-              {job.error.failed_languages && Array.isArray(job.error.failed_languages) && (
+              {Array.isArray(job.error.failed_languages) ? (
                 <div className="mt-3 pt-3 border-t border-red-200">
                   <p className="text-xs font-medium text-red-800 mb-2">Failed Languages:</p>
                   <ul className="space-y-1">
                     {(job.error.failed_languages as Array<{language: string; error: string}>).map((item, idx) => (
                       <li key={idx} className="text-xs text-red-600">
-                        <span className="font-medium">{item.language.toUpperCase()}:</span> {item.error}
+                        <span className="font-medium">{String(item.language).toUpperCase()}:</span> {String(item.error)}
                       </li>
                     ))}
                   </ul>
                 </div>
-              )}
-              {job.error.timestamp && (
+              ) : null}
+              {job.error.timestamp ? (
                 <p className="text-xs text-red-500 mt-2">
                   {formatDistanceToNow(new Date(String(job.error.timestamp)))} ago
                 </p>
-              )}
+              ) : null}
             </div>
           )}
         </div>