@@ -220,9 +208,6 @@ export default function UpstreamHealthTable({ health }: { health: UpstreamHealth
|
{successRate(upstream.period)}
|
-
- {lastFailure(upstream.period, nowSeconds)}
- |
);
})}
diff --git a/admin/src/lib/format.test.ts b/admin/src/lib/format.test.ts
index 2dbddb9..5252db1 100644
--- a/admin/src/lib/format.test.ts
+++ b/admin/src/lib/format.test.ts
@@ -1,4 +1,4 @@
-import { formatAge, formatBytes, formatDuration, formatMicros, formatTime } from "@/lib/format";
+import { formatBytes, formatDuration, formatMicros, formatTime } from "@/lib/format";
test("formatTime renders unix seconds in the given locale and zone", () => {
// 2024-01-01T00:00:00Z; ICU emits U+202F before AM/PM in recent Node.
@@ -15,23 +15,19 @@ test("formatBytes humanizes with binary units", () => {
expect(formatBytes(2 * 1024 ** 4)).toBe("2.0 TiB");
});
-test("formatAge steps up a unit at each boundary and truncates", () => {
- expect(formatAge(0)).toBe("0s ago");
- expect(formatAge(59)).toBe("59s ago");
- expect(formatAge(60)).toBe("1m ago");
- expect(formatAge(3599)).toBe("59m ago");
- expect(formatAge(3600)).toBe("1h ago");
- expect(formatAge(10800)).toBe("3h ago");
- expect(formatAge(86399)).toBe("23h ago");
- expect(formatAge(86400)).toBe("1d ago");
- expect(formatAge(400000)).toBe("4d ago");
-});
-
-test("formatDuration is the same span without the 'ago', and never negative", () => {
+test("formatDuration steps up a unit at each boundary and truncates", () => {
expect(formatDuration(0)).toBe("0s");
expect(formatDuration(59)).toBe("59s");
+ expect(formatDuration(60)).toBe("1m");
+ expect(formatDuration(3599)).toBe("59m");
expect(formatDuration(3600)).toBe("1h");
+ expect(formatDuration(10800)).toBe("3h");
+ expect(formatDuration(86399)).toBe("23h");
expect(formatDuration(86400)).toBe("1d");
+ expect(formatDuration(400000)).toBe("4d");
+});
+
+test("formatDuration is never negative", () => {
// Clock skew between the server's timestamps and the browser's clock.
expect(formatDuration(-5)).toBe("0s");
});
diff --git a/admin/src/lib/format.ts b/admin/src/lib/format.ts
index 815d193..ebccd33 100644
--- a/admin/src/lib/format.ts
+++ b/admin/src/lib/format.ts
@@ -28,21 +28,9 @@ const AGE_UNITS = [
] as const;
/**
- * Seconds of elapsed time → a coarse "3h ago". Truncating and single-unit on
- * purpose: this labels a snapshot the caller renders once, so a reader must not
- * take it for a live count. Nothing re-renders it as it ages.
- */
-export function formatAge(seconds: number): string {
- for (const unit of AGE_UNITS) {
- if (seconds >= unit.seconds) return `${Math.floor(seconds / unit.seconds)}${unit.suffix} ago`;
- }
- return `${Math.floor(seconds)}s ago`;
-}
-
-/**
- * Seconds of elapsed time → a coarse "3h", the same single truncated unit as
- * `formatAge` without the "ago". For a span the caller labels itself, as in
- * "active for 3h". A negative span reads "0s": clock skew is not a duration.
+ * Seconds of elapsed time → a coarse "3h". Truncating and single-unit on
+ * purpose, for a span the caller labels itself, as in "active for 3h". A
+ * negative span reads "0s": clock skew is not a duration.
*/
export function formatDuration(seconds: number): string {
for (const unit of AGE_UNITS) {
diff --git a/admin/src/ui/styles.ts b/admin/src/ui/styles.ts
index 84a2409..32c10aa 100644
--- a/admin/src/ui/styles.ts
+++ b/admin/src/ui/styles.ts
@@ -193,7 +193,15 @@ export const styles = stylex.create({
mono: {
fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
},
- /** Visible to a screen reader only; the element keeps its place in the a11y tree. */
+ /**
+ * Visible to a screen reader only; the element keeps its place in the a11y tree.
+ *
+ * Apply it to a block container. `overflow` has no effect on a table box, and
+ * `height` on one is a minimum, so a `` wearing this still lays out at
+ * its full content height and pushes the page's scrollable overflow past the
+ * app shell — invisible, because `clip-path` still hides the paint. Wrap the
+ * table in a hidden `` instead of hiding the table itself.
+ */
srOnly: {
position: "absolute",
width: 1,