Both came out of building the filebrowser module, and neither is specific to
it — which is the test for whether something belongs in the kit rather than in
the module that needed it first.

**AccessDenied.** The module list is not filtered by role, so a viewer reaches
a page whose every route answers 403 and reads "HTTP 403: forbidden" over a
spinner. The person is not doing anything wrong; they simply do not have the
role, and the page should say so. It borrows the sign-in screen's language —
the radial wash, the rising card, the gradient mark — in the colour of a
refusal, and deliberately says nothing about what is behind it: a refusal that
describes the thing it refuses is a disclosure with a nicer font.

**ActionProgress.** Two presentations of one set of numbers. Compact is a
single line — title, bar, percentage, ETA — for ordinary work, because a page
should not become a progress bar with an application attached. Verbose is the
panel with per-entity rows, byte counts and a rate, for transfers, where a
stall is the thing people watch. One control moves between them; both read the
same props, so they cannot disagree. Typed structurally like StepList and
ProgressList: the caller's data does not have to BE a task run.

**RateEstimator, etaSeconds, formatRate, formatEta, transferred.** The
arithmetic under that, in progress.ts beside itemPercent. The rate is smoothed
over a short window because the instantaneous figure — bytes since the last
event over the time since the last event — swings between zero and absurd on
every chunk boundary, and an ETA computed from it is unreadable; two samples
are required before it reports anything, and a counter that restarts (the next
file) is not read as negative throughput. An ETA with no total or no rate is
omitted rather than invented, and `transferred` reports a total only when every
entity knows its own size, because a partial total makes the remaining bytes
look smaller than they are and the ETA with them.

formatRate delegates to formatBytes(n, true) rather than spelling a byte count
a second way; two spellings of one number is how two parts of a screen end up
disagreeing.

@@ -48,0 +52,4 @@
+    // in the author's checkout but not in /data/modules/src fails the build
+    // and disables the module. How a module is compiled is the builder's
+    // decision anyway, not the module's.
+    esbuild: { tsconfigRaw: "{}" },

@@ -128,3 +180,4 @@
+      {/if}
       <div class="buttons">
         <button
           bind:this={cancelEl}

@@ -103,0 +137,4 @@
+        (el): el is HTMLInputElement | HTMLButtonElement =>
+          el !== null && !el.disabled,
+      );
+      if (stops.length === 0) return;

@@ -0,0 +153,4 @@
+      aria-label={label}
+      onkeydown={onMenuKey}
+    >
+      {#each options as option, i (option.value)}

@@ -33,0 +131,4 @@
+    return s ? `${m}m ${s}s left` : `${m}m left`;
+  }
+  const h = Math.floor(seconds / 3600);
+  return `${h}h ${Math.round((seconds % 3600) / 60)}m left`;