fix: update frontend field names for identity rename (applicationId, instanceId)

The backend identity rename (applicationName → applicationId,
agentId → instanceId) was not reflected in the frontend. This caused
drilldown to fail (detail.applicationName was undefined, disabling
the diagram fetch) and various display issues.

Updated schema.d.ts, ExchangeHeader, ExecutionDiagram, Dashboard,
AgentHealth, AgentInstance, LayoutShell, LogTab, InfoTab, DetailPanel,
ExchangesPage, and tracing-store.

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

ui/src/components/ExecutionDiagram/DetailPanel.tsx

@@ -159,7 +159,7 @@ export function DetailPanel({
         )}
         {activeTab === 'log' && (
           <LogTab
-            applicationName={executionDetail.applicationName}
+            applicationId={executionDetail.applicationId}
             exchangeId={executionDetail.exchangeId}
             processorId={selectedProcessor?.processorId ?? null}
           />

ui/src/components/ExecutionDiagram/ExecutionDiagram.tsx

@@ -193,7 +193,7 @@ export function ExecutionDiagram({
           ↓ JSON
         </button>
         <ProcessDiagram
-          application={detail.applicationName}
+          application={detail.applicationId}
           routeId={detail.routeId}
           direction={direction}
           diagramLayout={diagramLayout}

ui/src/components/ExecutionDiagram/tabs/InfoTab.tsx

@@ -96,7 +96,7 @@ export function InfoTab({ processor, executionDetail }: InfoTabProps) {
         <Field label="Correlation ID" value={executionDetail.correlationId} mono />
         <Field label="Exchange ID" value={executionDetail.exchangeId} mono />
 
-        <Field label="Application" value={executionDetail.applicationName} />
+        <Field label="Application" value={executionDetail.applicationId} />
         <Field label="Route ID" value={executionDetail.routeId} />
         <div>
           <div className={styles.fieldLabel}>Status</div>

ui/src/components/ExecutionDiagram/tabs/LogTab.tsx

@@ -4,7 +4,7 @@ import type { LogEntryResponse } from '../../../api/queries/logs';
 import styles from '../ExecutionDiagram.module.css';
 
 interface LogTabProps {
-  applicationName: string;
+  applicationId: string;
   exchangeId?: string;
   processorId: string | null;
 }
@@ -28,11 +28,11 @@ function formatTime(iso: string): string {
   return `${h}:${m}:${s}.${ms}`;
 }
 
-export function LogTab({ applicationName, exchangeId, processorId }: LogTabProps) {
+export function LogTab({ applicationId, exchangeId, processorId }: LogTabProps) {
   const [filter, setFilter] = useState('');
 
   const { data: logs, isLoading } = useApplicationLogs(
-    applicationName,
+    applicationId,
     undefined,
     { exchangeId, limit: 500 },
   );

ui/src/components/LayoutShell.tsx

@@ -138,8 +138,8 @@ function LayoutContent() {
       category: 'exchange' as const,
       title: e.executionId,
       badges: [{ label: e.status, color: statusToColor(e.status) }],
-      meta: `${e.routeId} · ${e.applicationName ?? ''} · ${formatDuration(e.durationMs)}`,
-      path: `/exchanges/${e.applicationName ?? ''}/${e.routeId}/${e.executionId}`,
+      meta: `${e.routeId} · ${e.applicationId ?? ''} · ${formatDuration(e.durationMs)}`,
+      path: `/exchanges/${e.applicationId ?? ''}/${e.routeId}/${e.executionId}`,
       serverFiltered: true,
       matchContext: e.highlight ?? undefined,
     }));
@@ -156,8 +156,8 @@ function LayoutContent() {
               category: 'attribute' as const,
               title: `${key} = "${value}"`,
               badges: [{ label: e.status, color: statusToColor(e.status) }],
-              meta: `${e.executionId} · ${e.routeId} · ${e.applicationName ?? ''}`,
-              path: `/exchanges/${e.applicationName ?? ''}/${e.routeId}/${e.executionId}`,
+              meta: `${e.executionId} · ${e.routeId} · ${e.applicationId ?? ''}`,
+              path: `/exchanges/${e.applicationId ?? ''}/${e.routeId}/${e.executionId}`,
               serverFiltered: true,
             });
           }
@@ -218,7 +218,7 @@ function LayoutContent() {
         if (parts.length === 4 && parts[0] === 'exchanges') {
           state.selectedExchange = {
             executionId: parts[3],
-            applicationName: parts[1],
+            applicationId: parts[1],
             routeId: parts[2],
           };
         }