Stabilize agent turn footer layout

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

@@ -2,13 +2,10 @@ import { describe, it, expect } from "vitest";
 import { formatDuration, formatMessageTimestamp } from "./time";
 
 describe("formatDuration", () => {
-  it("renders 0-10s with one decimal", () => {
-    expect(formatDuration(0)).toBe("0.0s");
-    expect(formatDuration(5_600)).toBe("5.6s");
-    expect(formatDuration(9_900)).toBe("9.9s");
-  });
-
-  it("renders 10s-60s as whole seconds", () => {
+  it("renders sub-minute durations as whole seconds", () => {
+    expect(formatDuration(0)).toBe("0s");
+    expect(formatDuration(5_600)).toBe("5s");
+    expect(formatDuration(9_900)).toBe("9s");
     expect(formatDuration(10_400)).toBe("10s");
     expect(formatDuration(12_340)).toBe("12s");
     expect(formatDuration(47_000)).toBe("47s");
@@ -26,8 +23,8 @@ describe("formatDuration", () => {
   });
 
   it("guards against negative and NaN", () => {
-    expect(formatDuration(-1)).toBe("0.0s");
-    expect(formatDuration(Number.NaN)).toBe("0.0s");
+    expect(formatDuration(-1)).toBe("0s");
+    expect(formatDuration(Number.NaN)).toBe("0s");
   });
 });
 

packages/app/src/utils/time.ts

@@ -92,19 +92,15 @@ export function formatMessageTimestamp(date: Date, now: Date = new Date()): stri
 
 /**
  * Format a duration as a compact human-readable string.
- * - 0-10s: one decimal ("3.4s")
- * - 10s-60s: whole seconds ("47s")
+ * - 0-60s: whole seconds ("47s")
  * - Minutes/hours: integers only ("2m 12s", "1h 5m")
  */
 export function formatDuration(durationMs: number): string {
   if (!Number.isFinite(durationMs) || durationMs < 0) {
-    return "0.0s";
+    return "0s";
   }
   const totalSeconds = durationMs / 1000;
 
-  if (totalSeconds < 10) {
-    return `${totalSeconds.toFixed(1)}s`;
-  }
   if (totalSeconds < 60) {
     return `${Math.floor(totalSeconds)}s`;
   }