Import Progress Account Block for React

Edit FIRST: each resource has an id, a name, a short hint, its total, how many are done and, when it stopped, the reason in failed. State is worked out, not typed: all written is Done, a reason with records still to write is Failed, anything else is Waiting. The overall count and every percentage come from the same list. The log's lines are typed in LINES and the order they appear in is kept in state, with their times counted from a start time.

All of it. Run next marks a resource written in this page and adds its lines to the log; no record is read from the old account or written to the new one, and the status line says so each time. To make it real, run the import as a job on your server, send the counts and the log lines to the page as they happen, and let Retry ask the server to resume. Keep the rule that the page shows what the server reports, never an estimate.

It fails by design, so the failed state is reachable: it stopped at 5,800 of 9,400 because the old account closed the connection. Its row says where and why, and Retry writes the rest and adds two lines to the log. Run next skips a failed resource, and when only the failed one is left it says to retry it first.

It is a scrolling region with a name that keyboard users can focus and scroll, held at one height whatever it holds, and it shows the newest line when one is added. It is not a live region: the single status line is the one that speaks, so a screen reader hears what changed once. The text is plain monospace in the theme's colours, so it follows light and dark.

Each resource becomes a short stack: the name with its state at the end, the bar, the count and the line under them. Every row keeps one height whatever its state, so Retry appearing or going never moves the others. The log keeps its height, and the status line sits over Start over in the foot.

State is a word with an icon, never a colour, the bars are decorative because every count is in the text beside them, and the buttons say which resource they act on. Run next waits quietly with the same label when nothing is waiting and explains itself if pressed. The status line is polite and present from the start.