Spaces:
Running
Running
File size: 1,371 Bytes
df4a1a2 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | export default function ProcessingView({ job, onBack }) {
return (
<div className="processing-view">
<div className="spinner" />
<h2>Processing <span className="gradient-text">{job.filename}</span></h2>
<p>Running the 5-phase extraction pipeline...</p>
<div className="pipeline-steps" style={{ marginTop: 24 }}>
{[
'Table Detection',
'Structure Recognition',
'Text Detection',
'OCR Recognition',
'Cell Assignment',
].map((label, i) => (
<div className="pipeline-step" key={i} style={{
borderColor: 'var(--accent)',
animation: `pulse-badge ${1.5 + i * 0.2}s ease-in-out infinite`,
background: 'var(--panel-bg)',
color: 'var(--text-primary)'
}}>
<span className="step-num" style={{ background: 'var(--accent)', color: '#fff' }}>{i + 1}</span>
{label}
</div>
))}
</div>
<div style={{ marginTop: 32, display: 'flex', gap: 12 }}>
<button type="button" className="btn btn-secondary" onClick={onBack}>
← Go Back
</button>
</div>
<p style={{ color: 'var(--text-muted)', fontSize: 13, marginTop: 16 }}>
This typically takes 5–20 seconds depending on image complexity and hardware.
</p>
</div>
)
}
|