refactor: extract duplicated utility functions into shared modules

Consolidate 20+ duplicate function definitions across UI components into
three shared util files (format-utils, agent-utils, config-draft-utils).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/pages/Exchanges/ExchangeHeader.tsx

@@ -8,6 +8,7 @@ import { useCatalog } from '../../api/queries/catalog';
 import { useCanControl } from '../../auth/auth-store';
 import type { ExecutionDetail } from '../../components/ExecutionDiagram/types';
 import { attributeBadgeColor } from '../../utils/attribute-color';
+import { formatDuration, statusLabel } from '../../utils/format-utils';
 import { RouteControlBar } from './RouteControlBar';
 import styles from './ExchangeHeader.module.css';
 
@@ -28,21 +29,6 @@ function statusVariant(s: string): StatusVariant {
   }
 }
 
-function statusLabel(s: string): string {
-  switch (s) {
-    case 'COMPLETED': return 'OK';
-    case 'FAILED': return 'ERR';
-    case 'RUNNING': return 'RUN';
-    default: return s;
-  }
-}
-
-function formatDuration(ms: number): string {
-  if (ms >= 60_000) return `${(ms / 1000).toFixed(0)}s`;
-  if (ms >= 1000) return `${(ms / 1000).toFixed(2)}s`;
-  return `${ms}ms`;
-}
-
 export function ExchangeHeader({ detail, onCorrelatedSelect, onClearSelection }: ExchangeHeaderProps) {
   const navigate = useNavigate();
   const { timeRange } = useGlobalFilters();