Report unavailable
The linked report is missing, so another one is picked instead.
Not quite it? Ask for a variation
Install
Writes one React component into components/illos. Nothing else to install.
npx shadcn@latest add https://illos.dev/r/flat/report-unavailable.jsonOr hand it to your agent
Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.
How it moves
- a list of reports, with the linked one missing and dashed.
- a click selects one of the reports that exist.
- the missing row is never picked, since there is nothing to open.
Where it fits
For analytics, reporting and dashboard products: the screen a shared link opens when its report was removed, a saved view that no longer exists, or the docs page on sharing reports. The missing row drawn dashed while the cursor picks one that does exist shows what happened and the way forward in one look, without an error code. As a spot it fits above a heading such as This report is unavailable and a line that offers another one. It is free to copy and pairs with Page not found, Error loading page and Export report.
Pairs well with Page not found, Error loading page and Export report.
On your site
Read where product illustrations go, how to place an animated SVG and how to keep animations fast.
For developers
- File size
- 3.2 KB gzipped
- Motion
- Plays once, 3.8 s, then holds
- Reduced motion
- Shows a still
- File
- report-unavailable.svg