Format settings latency readouts (#1170)

packages/app/src/utils/latency.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from "vitest";
+import { formatLatency } from "./latency";
+
+describe("formatLatency", () => {
+  it("uses microseconds for sub-millisecond latency", () => {
+    expect(formatLatency(0.4)).toBe("400\u00b5s");
+  });
+
+  it("uses integer milliseconds below one second", () => {
+    expect(formatLatency(7.200000047683716)).toBe("7ms");
+    expect(formatLatency(999.4)).toBe("999ms");
+  });
+
+  it("uses seconds at one second and above", () => {
+    expect(formatLatency(1000)).toBe("1s");
+    expect(formatLatency(1234)).toBe("1.2s");
+    expect(formatLatency(10_040)).toBe("10s");
+  });
+});

packages/app/src/utils/latency.ts

@@ -0,0 +1,13 @@
+export function formatLatency(latencyMs: number): string {
+  if (latencyMs < 1) {
+    return `${Math.round(latencyMs * 1000)}\u00b5s`;
+  }
+
+  if (latencyMs < 1000) {
+    return `${Math.round(latencyMs)}ms`;
+  }
+
+  const seconds = latencyMs / 1000;
+  const roundedSeconds = Math.round(seconds * 10) / 10;
+  return Number.isInteger(roundedSeconds) ? `${roundedSeconds}s` : `${roundedSeconds.toFixed(1)}s`;
+}