US09-04: Write the User Manual with Generated Screenshots (#110)

frontend/js/uploads.js

@@ -8,7 +8,7 @@
 // preview arrives redacted — so nothing in this view may reconstruct, store, or
 // route a secret.
 import { api } from "./api.js";
-import { el, errorBanner, setActiveNav } from "./dom.js";
+import { el, errorBanner, setActiveNav, show } from "./dom.js";
 import { subscribeJob } from "./events.js";
 import { navigate } from "./router.js";
 
@@ -45,7 +45,7 @@ export async function renderUploads(root, params = {}) {
       api.listUploadBatches(),
     ]);
   } catch (error) {
-    root.replaceChildren(errorBanner(`Failed to load uploads: ${error.message}`));
+    show(root, errorBanner(`Failed to load uploads: ${error.message}`));
     return;
   }
 
@@ -62,12 +62,12 @@ export async function renderUploads(root, params = {}) {
       batch = detail;
       history = verifications.verifications;
     } catch (error) {
-      root.replaceChildren(errorBanner(`Failed to load upload batch: ${error.message}`));
+      show(root, errorBanner(`Failed to load upload batch: ${error.message}`));
       return;
     }
   }
 
-  root.replaceChildren(
+  show(root,
     ...[
       el("h1", {}, "Upload"),
       configurationCard(preflight),