📊

No Active Job

Execute a workflow to see its status here

\n );\n }\n\n return (\n

\n {/* Job Header */}\n

\n {getStatusIcon(currentStatus.status)}\n

\n Job Status\n

\n \n {currentStatus.status}\n \n

\n \n

\n Job ID:\n {currentStatus.prompt_id}\n

\n \n

\n Server:\n {serverIp}\n

\n \n

\n Created:\n {formatTimestamp(currentStatus.created_at)}\n

\n \n {currentStatus.completed_at && (\n

\n Completed:\n {formatTimestamp(currentStatus.completed_at)}\n

\n )}\n \n

\n Duration:\n \n {calculateDuration(currentStatus.created_at, currentStatus.completed_at)}\n \n

\n \n {currentStatus.current_node && (\n

\n Current Node:\n {currentStatus.current_node}\n

\n )}\n

\n \n

\n {isPolling && (\n

\n )}\n window.location.reload()}\n className=\"text-sm text-blue-600 hover:text-blue-800\"\n title=\"Refresh page\"\n >\n 🔄\n \n

\n\n {/* Progress Bar */}\n {currentStatus.status === 'running' && currentStatus.progress !== undefined && (\n

\n Progress\n {Math.round(currentStatus.progress * 100)}%\n

\n )}\n\n {/* Error Display */}\n {(error || currentStatus.error) && (\n

⚠️

Error

\n {error || currentStatus.error}\n

\n )}\n

\n\n {/* Status Timeline */}\n

Timeline

\n Job Created\n \n {formatTimestamp(currentStatus.created_at)}\n \n

\n \n {currentStatus.status !== 'pending' && (\n

\n Job Started\n

\n )}\n \n {(currentStatus.status === 'completed' || currentStatus.status === 'failed') && (\n

\n \n Job {currentStatus.status === 'completed' ? 'Completed' : 'Failed'}\n \n {currentStatus.completed_at && (\n \n {formatTimestamp(currentStatus.completed_at)}\n \n )}\n

\n )}\n

\n\n {/* Generated Images */}\n {currentStatus.images && currentStatus.images.length > 0 && (\n

\n Generated Images ({currentStatus.images.length})\n

\n \n

\n )}\n\n {/* Waiting Message */}\n {currentStatus.status === 'pending' && (\n

⏳

Job Queued

\n Your workflow is in the queue and will start processing soon.\n

\n )}\n\n {currentStatus.status === 'running' && (\n

🔄

Processing

\n Your workflow is currently being processed. This may take a few minutes.\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/anibalpw/comfy-frontend/code/frontend/components/JobStatus.tsx","extension","actionData","errors"]