fix(hosts): tweak detail page copy and summary style
CI / Lint · Typecheck · Test · Build (push) Successful in 55s
CI / Playwright (smoke) (push) Has been skipped
CI / Build & push images (push) Successful in 8s

- Render State/Stack as plain text in the summary (badges still in header).
- Show FM UUID instead of problem text in the timeline entries.
- Rename PART_ARRIVED label to "Part deployed".

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-04-17 14:11:13 -04:00
parent b0e9c5d1d0
commit 95e501a9c8
2 changed files with 5 additions and 5 deletions
@@ -78,8 +78,8 @@ function EntryRow({ entry }: { entry: HostTimelineEntry }) {
<> <>
<div className="flex flex-wrap items-center gap-x-2 text-sm"> <div className="flex flex-wrap items-center gap-x-2 text-sm">
<span className="font-medium text-foreground">{label}</span> <span className="font-medium text-foreground">{label}</span>
<Link to={`/fms/${fm.id}`} className="text-xs text-muted-foreground hover:underline"> <Link to={`/fms/${fm.id}`} className="font-mono text-xs text-muted-foreground hover:underline">
{fm.problem} {fm.id}
</Link> </Link>
</div> </div>
<div className="mt-0.5 text-xs text-muted-foreground">{formatWhen(entry.at)}</div> <div className="mt-0.5 text-xs text-muted-foreground">{formatWhen(entry.at)}</div>
@@ -120,7 +120,7 @@ function EntryRow({ entry }: { entry: HostTimelineEntry }) {
case 'PART_ARRIVED': case 'PART_ARRIVED':
case 'PART_DEPARTED': { case 'PART_DEPARTED': {
const { part } = entry; const { part } = entry;
const label = entry.type === 'PART_ARRIVED' ? 'Part arrived' : 'Part departed'; const label = entry.type === 'PART_ARRIVED' ? 'Part deployed' : 'Part departed';
return ( return (
<> <>
<div className="flex flex-wrap items-center gap-x-2 text-sm"> <div className="flex flex-wrap items-center gap-x-2 text-sm">
+2 -2
View File
@@ -144,8 +144,8 @@ export default function HostDetail() {
value={<span className="font-mono text-xs">{host.assetId}</span>} value={<span className="font-mono text-xs">{host.assetId}</span>}
/> />
<DetailRow label="Name" value={host.name} /> <DetailRow label="Name" value={host.name} />
<DetailRow label="State" value={<HostStateBadge state={host.state} />} /> <DetailRow label="State" value={host.state} />
<DetailRow label="Stack" value={<HostStackBadge stack={host.stack} />} /> <DetailRow label="Stack" value={host.stack} />
<DetailRow <DetailRow
label="Location" label="Location"
value={ value={