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/Dashboard/Dashboard.tsx

@@ -14,6 +14,7 @@ import {
 } from '../../api/queries/executions'
 import type { ExecutionSummary } from '../../api/types'
 import { attributeBadgeColor } from '../../utils/attribute-color'
+import { formatDuration, statusLabel } from '../../utils/format-utils'
 import styles from './Dashboard.module.css'
 
 // Row type extends ExecutionSummary with an `id` field for DataTable
@@ -23,12 +24,6 @@ interface Row extends ExecutionSummary {
 
 // ─── Helpers ─────────────────────────────────────────────────────────────────
 
-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`
-}
-
 function formatTimestamp(iso: string): string {
   const date = new Date(iso)
   const y = date.getFullYear()
@@ -49,15 +44,6 @@ function statusToVariant(status: string): 'success' | 'error' | 'running' | 'war
   }
 }
 
-function statusLabel(status: string): string {
-  switch (status) {
-    case 'COMPLETED': return 'OK'
-    case 'FAILED': return 'ERR'
-    case 'RUNNING': return 'RUN'
-    default: return 'WARN'
-  }
-}
-
 function durationClass(ms: number, status: string): string {
   if (status === 'FAILED') return styles.durBreach
   if (ms < 100) return styles.durFast