Fix job-progress field text overflow by allowing text wrapping and increasing column width

templates/jobs.html

@@ -8,7 +8,7 @@
     .jobs-table { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); overflow: hidden; }
     .table-header { padding: 2rem; border-bottom: 1px solid #e5e7eb; }
     .table-header h2 { margin: 0; color: #1e293b; }
-    .job-row { display: grid; grid-template-columns: 0.3fr 1.6fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0.2rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #e5e7eb; align-items: center; }
+    .job-row { display: grid; grid-template-columns: 0.3fr 1.6fr 1fr 2fr 1fr 1fr 1fr 1fr 1.5fr 1fr; gap: 0.2rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #e5e7eb; align-items: center; }
     .job-row:last-child { border-bottom: none; }
     .job-type { color: #374151; }
     .job-row > div { padding: 0.25rem 0; }
@@ -22,7 +22,7 @@
     .status-cancelled { background: #f3f4f6; color: #6b7280; }
     .job-tokens { font-weight: 600; color: #667eea; text-align: center; }
     .no-jobs { text-align: center; padding: 3rem; color: #6b7280; }
-    .job-progress { color: #64748b; font-size: 0.8rem; }
+    .job-progress { color: #64748b; font-size: 0.8rem; min-width: 200px; max-width: 300px; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; }
     .spinner { display: inline-block; width: 12px; height: 12px; border: 2px solid #f3f3f3; border-top: 2px solid #667eea; border-radius: 50%; animation: spin 1s linear infinite; margin-right: 0.5rem; }
     .view-result-link { color: #667eea; text-decoration: none; font-size: 0.9rem; font-weight: 500; }
     .view-result-link:hover { text-decoration: underline; }
@@ -130,6 +130,10 @@
             const progressText = document.createElement('div');
             progressText.style.fontSize = '0.75rem';
             progressText.style.color = '#6b7280';
+            progressText.style.wordWrap = 'break-word';
+            progressText.style.overflowWrap = 'break-word';
+            progressText.style.whiteSpace = 'normal';
+            progressText.style.lineHeight = '1.2';
             progressText.textContent = `${progressPercent}% - ${stage}: ${message}`;
 
             progressElement.innerHTML = '';