Share formatElapsed and drop status-bar IIFE

Reuse the in-flight indicator duration formatter for the agents strip
and completed-agents label so three near-copies do not drift. Compute
completedAgentsLabel once above the return instead of an IIFE spread.

Author: TheGreatAxios

src/tui/app.tsx

@@ -578,6 +578,8 @@ export function App({
     providerCatalog,
     extraChromeRows,
   });
+
+  const completedAgentsLabel = formatCompletedAgentsLabel(subAgentSessions?.list() ?? []);
   const { leftWidth, visibleRows, effectiveOverlayRows, permissionsOverlayRows } = layout;
   // Text wraps and renders inside the gutter so prose never touches the edges.
   const contentWidth = Math.max(8, leftWidth - TEXT_GUTTER * 2);
@@ -1325,10 +1327,7 @@ export function App({
           )}
         <Box marginTop={1}>
           <StatusBar
-            {...(() => {
-              const agentsLabel = formatCompletedAgentsLabel(subAgentSessions?.list() ?? []);
-              return agentsLabel !== undefined ? { completedAgentsLabel: agentsLabel } : {};
-            })()}
+            {...(completedAgentsLabel !== undefined ? { completedAgentsLabel } : {})}
             mcpCount={mcpStatus.connected.length}
             model={model}
             cwd={cwd}

src/tui/components/agents-strip.tsx

@@ -4,6 +4,7 @@ import type { Task } from "../../agent/tasks.js";
 import type { SubAgentSession, SubAgentSessionStatus } from "../../subagent/session-store.js";
 import { color } from "../theme.js";
 import { describeToolCall } from "../tool-formatter.js";
+import { formatElapsed } from "./in-flight-indicator.js";
 
 export type AgentsStripProps = {
   sessions: readonly SubAgentSession[];
@@ -318,7 +319,7 @@ export function formatSessionLabel(session: SubAgentSession): string {
   // (completed sub-agent times, not a live tick for in-flight sessions).
   const duration =
     session.finishedAt !== undefined && session.finishedAt >= session.startedAt
-      ? formatStripDuration(session.finishedAt - session.startedAt)
+      ? formatElapsed(session.finishedAt - session.startedAt)
       : undefined;
   const durationSuffix = duration !== undefined ? ` · ${duration}` : "";
   if (session.status === "running" && session.currentToolName !== null) {
@@ -341,16 +342,6 @@ export function formatSessionLabel(session: SubAgentSession): string {
   return `${session.agentId}: ${session.description}${tool}${durationSuffix}`;
 }
 
-function formatStripDuration(ms: number): string {
-  const totalSec = Math.max(0, Math.floor(ms / 1000));
-  const hours = Math.floor(totalSec / 3600);
-  const minutes = Math.floor((totalSec % 3600) / 60);
-  const seconds = totalSec % 60;
-  if (hours > 0) return `${hours}h ${minutes}m`;
-  if (minutes > 0) return `${minutes}m ${seconds}s`;
-  return `${seconds}s`;
-}
-
 function summaryCounts(sessions: readonly SubAgentSession[]): string {
   const running = sessions.filter((s) => s.status === "running").length;
   const done = sessions.filter((s) => s.status === "done").length;

src/tui/components/status-bar.tsx

@@ -148,18 +148,8 @@ export function planStatusBarLayout(args: StatusBarLayoutArgs): StatusBarLayout
   };
 }
 
-export function formatElapsed(elapsedMs: number): string {
-  const totalSeconds = Math.floor(elapsedMs / 1000);
-  if (totalSeconds < 60) return `${totalSeconds}s`;
-
-  const seconds = totalSeconds % 60;
-  const totalMinutes = Math.floor(totalSeconds / 60);
-  if (totalMinutes < 60) return `${totalMinutes}m ${seconds}s`;
-
-  const minutes = totalMinutes % 60;
-  const hours = Math.floor(totalMinutes / 60);
-  return `${hours}h ${minutes}m ${seconds}s`;
-}
+export { formatElapsed } from "./in-flight-indicator.js";
+import { formatElapsed } from "./in-flight-indicator.js";
 
 // Slim footer: brand anchors the bottom-left; completed sub-agent timing sits
 // beside it when any worker has finished this session. MCP health sits on the