+ {Object.entries(jobStates).map(([modelId, state]) => {
+ const model = VIDEO_MODELS.find((m) => m.id === modelId)
+ return (
+
+ {selectedModel === 'all' && (
+
+ {model?.name ?? modelId}
+
+ )}
+ {state.status === 'submitting' && (
+
+
+ Submitting...
+
+ )}
+ {state.status === 'pending' && (
+
+
+ Queued...
+
+ )}
+ {state.status === 'processing' && (
+
+
+
+ Processing
+ {state.progress != null ? ` (${state.progress}%)` : '...'}
+
+
+ )}
+ {state.status === 'error' && (
+
+ {state.message}
+
+ )}
+ {state.status === 'completed' && (
+
+
+
+ )}
+