📋 What was this drill?

Drill: 8 states: one table component, all 8 states (loading skeleton, empty, error, partial, filtered-empty, sorted, selected, overflow). Each state must be correct.

Interpretation: Built as 'Framehouse' — a video-transcode render queue: developer-tool surface with mono technical metadata (codecs, durations, GB sizes, relative times). Constraints: identical 7-column contract across all 8 panels so state-vs-structure comparison works; one indigo accent reserved for actions/sort/selection; semantic status via dot+label. Light Stripe-adjacent aesthetic, Inter + JetBrains Mono, tnum+zero numerics.

Framehouse · Render queue

One table, eight states

A transcode farm's render queue — the same seven-column table in every state a table can be in. The column contract never changes; only the state does.

Columns cb · render · status · progress · duration · size · created Body 13 px · numerics JetBrains Mono, tnum + zero Accents 1 indigo + semantic status
01 Loading skeleton rows mirror the real column grid — structure arrives before data
Renders …
Search renders/
RenderStatusProgressDurationSizeCreated
02 Empty first run: what this space is, why it's empty, what to do next
RenderStatusProgressDurationSizeCreated

No renders yet

Nothing has been queued from this project since it was created on Aug 12. Renders appear here the moment a job is submitted from the editor or the API.
03 Error cause + reassurance + recovery — a read failure, not data loss
RenderStatusProgressDurationSizeCreated

Couldn't load the render queue

The transcode API didn't respond within 10 s (HTTP 504, attempt 3 of 3).

Your renders and source media are safe — only this list request failed.
04 Partial rows stream in with an honest remaining count
RenderStatusProgressDurationSizeCreated
ep04_sc012_master_v5
H.264 · 1080p24 · 2 m
Done
100%
12:044.21 GB2 m
teaser_9x16_social
H.264 · 1080×1920 · 9 m
Done
100%
0:38182 MB9 m
ep04_sc012_hls_ladder
HLS · adaptive · 14 m · 47%
Transcoding
47%
12:04≈ 8.1 GB14 m
ep03_qc_proxy
H.264 · 720p23.98 · 31 m
Queued
—
43:12—31 m
sizzle_reel_v2
H.264 · 1080p24 · 1 h · failed at 62%
Failed
62%
2:58—1 h
ep04_sc014_master_v2
H.264 · 1080p24 · 3 h
Done
100%
8:472.94 GB3 h
Loading 8 more of 14 total renders…6 / 14
05 Filtered empty no match is not no data — surface the active filters and a way out
Status: Failed Output: HLS
RenderStatusProgressDurationSizeCreated

No renders match these filters

2 filters are active: no failed HLS renders exist in the last 30 days. Remove a filter to widen the result.
06 Sorted one active sort, stated in the column header and the chip
Created newest first 7 renders · page 1 of 1
RenderStatusProgressDurationSizeCreated▼
ep04_sc015_master_v1
H.264 · 1080p24 · 2 m
Done
100%
5:261.83 GB2 m
ep04_sc014_master_v2
H.264 · 1080p24 · 12 m
Done
100%
8:472.94 GB12 m
ep04_sc013_hls
HLS · adaptive · 26 m · 12%
Transcoding
12%
11:19≈ 7.4 GB26 m
ep04_sc012_master_v5
H.264 · 1080p24 · 41 m
Done
100%
12:044.21 GB41 m
ep03_fin_v8
ProRes 422 HQ · master · 2 h
Done
100%
43:1214.8 GB2 h
ep03_fin_v8_proxy
H.264 · 720p23.98 · 2 h
Queued
—
43:12—2 h
sizzle_reel_v1
H.264 · 1080p24 · 1 d · failed at 89%
Failed
89%
2:58—1 d
07 Selected tri-state header checkbox + dark batch bar — actions scoped to the selection
RenderStatusProgressDurationSizeCreated
ep04_sc012_master_v5
H.264 · 1080p24 · 2 m
Done
100%
12:044.21 GB2 m
teaser_9x16_social
H.264 · 1080×1920 · 9 m
Done
100%
0:38182 MB9 m
ep04_sc012_hls_ladder
HLS · adaptive · 14 m · 47%
Transcoding
47%
12:04≈ 8.1 GB14 m
ep03_qc_proxy
H.264 · 720p23.98 · 31 m
Queued
—
43:12—31 m
sizzle_reel_v2
H.264 · 1080p24 · 1 h · failed at 62%
Failed
62%
2:58—1 h
ep04_sc014_master_v2
H.264 · 1080p24 · 3 h
Done
100%
8:472.94 GB3 h
3 selected · 4.21 GB done · 1 failed · 1 in flight
08 Overflow the honest range — show the slice, the total, and the way through
RenderStatusProgressDurationSizeCreated
ep04_sc015_master_v1
H.264 · 1080p24 · 2 m
Done
100%
5:261.83 GB2 m
ep04_sc014_v2_hls
HLS · adaptive · 8 m
Done
100%
8:476.02 GB8 m
ep04_sc014_master_v2
H.264 · 1080p24 · 12 m
Done
100%
8:472.94 GB12 m
ep04_sc013_hls
HLS · adaptive · 26 m · 12%
Transcoding
12%
11:19≈ 7.4 GB26 m
ep04_sc012_master_v5
H.264 · 1080p24 · 41 m
Done
100%
12:044.21 GB41 m
ep04_sc011_master_v3
H.264 · 1080p24 · 1 h
Done
100%
9:313.18 GB1 h
sizzle_reel_v2
H.264 · 1080p24 · 1 h · failed at 62%
Failed
62%
2:58—1 h
ep04_sc010_gfx_pass
H.264 · 1080p24 · 2 h
Done
100%
4:021.36 GB2 h
ep03_fin_v8
ProRes 422 HQ · master · 2 h
Done
100%
43:1214.8 GB2 h
ep03_fin_v8_proxy
H.264 · 720p23.98 · 2 h
Queued
—
43:12—2 h
ep03_sc88_master_v2
H.264 · 1080p24 · 3 h
Done
100%
17:405.92 GB3 h
ep03_sc87_hls
HLS · adaptive · 4 h
Done
100%
14:039.14 GB4 h
Showing 1–12 of 47 renders
…