fix: resolve 4 TypeScript compilation errors from CI

- AuditLogPage: e.details -> e.detail (correct property name)
- AgentInstance: BarChart x: number -> x: String(i) (BarSeries requires string)
- AppsTab: add missing CatalogRoute import
- Dashboard: wrap MonoText in span for title attribute (MonoText lacks title prop)

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

ui/src/pages/Admin/AuditLogPage.tsx

@@ -21,7 +21,7 @@ const CATEGORIES = [
 function exportCsv(events: AuditEvent[]) {
   const headers = ['Timestamp', 'User', 'Category', 'Action', 'Target', 'Result', 'Details'];
   const rows = events.map(e => [
-    e.timestamp, e.username, e.category, e.action, e.target, e.result, e.details ?? '',
+    e.timestamp, e.username, e.category, e.action, e.target, e.result, e.detail ?? '',
   ]);
   const csv = [headers, ...rows].map(r => r.map(c => `"${String(c).replace(/"/g, '""')}"`).join(',')).join('\n');
   const blob = new Blob([csv], { type: 'text/csv' });

ui/src/pages/AgentInstance/AgentInstance.tsx

@@ -116,7 +116,7 @@ export default function AgentInstance() {
   const gcSeries = useMemo(() => {
     const pts = jvmMetrics?.metrics?.['jvm.gc.time'];
     if (!pts?.length) return null;
-    return [{ label: 'GC ms', data: pts.map((p: any, i: number) => ({ x: i, y: p.value })) }];
+    return [{ label: 'GC ms', data: pts.map((p: any, i: number) => ({ x: String(i), y: p.value })) }];
   }, [jvmMetrics]);
 
   const throughputSeries = useMemo(

ui/src/pages/AppsTab/AppsTab.tsx

@@ -36,7 +36,7 @@ import type { Environment } from '../../api/queries/admin/environments';
 import { useApplicationConfig, useUpdateApplicationConfig, useProcessorRouteMapping } from '../../api/queries/commands';
 import type { ApplicationConfig, TapDefinition } from '../../api/queries/commands';
 import { useCatalog } from '../../api/queries/catalog';
-import type { CatalogApp } from '../../api/queries/catalog';
+import type { CatalogApp, CatalogRoute } from '../../api/queries/catalog';
 import { DeploymentProgress } from '../../components/DeploymentProgress';
 import { timeAgo } from '../../utils/format-utils';
 import { applyTracedProcessorUpdate, applyRouteRecordingUpdate } from '../../utils/config-draft-utils';

ui/src/pages/Dashboard/Dashboard.tsx

@@ -119,8 +119,7 @@ function buildColumns(hasAttributes: boolean): Column<Row>[] {
       header: 'Exchange ID',
       sortable: true,
       render: (_: unknown, row: Row) => (
-        <MonoText
+        <span
-          size="xs"
           title={row.executionId}
           style={{ cursor: 'pointer' }}
           onClick={(e: React.MouseEvent) => {
@@ -128,8 +127,8 @@ function buildColumns(hasAttributes: boolean): Column<Row>[] {
             navigator.clipboard.writeText(row.executionId);
           }}
         >
-          ...{row.executionId.slice(-8)}
+          <MonoText size="xs">...{row.executionId.slice(-8)}</MonoText>
-        </MonoText>
+        </span>
       ),
     },
     {