fix: update agent field names in frontend to match backend DTO
All checks were successful
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 1m6s
CI / docker (push) Successful in 57s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Successful in 37s

The AgentInstanceResponse backend DTO uses instanceId, displayName,
applicationId, status — but the stale schema.d.ts still had id, name,
application, state. This caused the runtime table to show no data.

- Update schema.d.ts AgentInstanceResponse fields
- Fix AgentHealth: row.id→instanceId, row.name→displayName,
  row.application→applicationId, inst.id→instanceId
- Fix AgentInstance: agent.id→instanceId, agent.name→displayName
- Fix ExchangeHeader: agent.id→instanceId, agent.state→status
- Fix LayoutShell search: agent.state→status, agentTps→tps

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-01 20:36:31 +02:00
parent f82aa26371
commit a028905e41
5 changed files with 21 additions and 21 deletions

View File

@@ -70,7 +70,7 @@ interface AppGroup {
function groupByApp(agentList: AgentInstance[]): AppGroup[] {
const map = new Map<string, AgentInstance[]>();
for (const a of agentList) {
const app = a.application;
const app = a.applicationId;
const list = map.get(app) ?? [];
list.push(a);
map.set(app, list);
@@ -225,7 +225,7 @@ export default function AgentHealth() {
title="Open instance page"
onClick={(e) => {
e.stopPropagation();
navigate(`/agents/${row.application}/${row.id}`);
navigate(`/agents/${row.applicationId}/${row.instanceId}`);
}}
>
<ExternalLink size={14} />
@@ -236,7 +236,7 @@ export default function AgentHealth() {
key: 'name',
header: 'Instance',
render: (_val, row) => (
<MonoText size="sm" className={styles.instanceName}>{row.name ?? row.id}</MonoText>
<MonoText size="sm" className={styles.instanceName}>{row.displayName ?? row.instanceId}</MonoText>
),
},
{
@@ -298,7 +298,7 @@ export default function AgentHealth() {
);
function handleInstanceClick(inst: AgentInstance) {
navigate(`/runtime/${inst.application}/${inst.id}`);
navigate(`/runtime/${inst.applicationId}/${inst.instanceId}`);
}
const isFullWidth = !!appId;
@@ -526,9 +526,9 @@ export default function AgentHealth() {
) : undefined
}
>
<DataTable<AgentInstance>
columns={instanceColumns}
data={group.instances}
<DataTable<AgentInstance & { id: string }>
columns={instanceColumns as Column<AgentInstance & { id: string }>[]}
data={group.instances.map(i => ({ ...i, id: i.instanceId }))}
onRowClick={handleInstanceClick}
pageSize={50}
flush