fix(hosts): tweak detail page copy and summary style
- 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:
@@ -78,8 +78,8 @@ function EntryRow({ entry }: { entry: HostTimelineEntry }) {
|
||||
<>
|
||||
<div className="flex flex-wrap items-center gap-x-2 text-sm">
|
||||
<span className="font-medium text-foreground">{label}</span>
|
||||
<Link to={`/fms/${fm.id}`} className="text-xs text-muted-foreground hover:underline">
|
||||
{fm.problem}
|
||||
<Link to={`/fms/${fm.id}`} className="font-mono text-xs text-muted-foreground hover:underline">
|
||||
{fm.id}
|
||||
</Link>
|
||||
</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_DEPARTED': {
|
||||
const { part } = entry;
|
||||
const label = entry.type === 'PART_ARRIVED' ? 'Part arrived' : 'Part departed';
|
||||
const label = entry.type === 'PART_ARRIVED' ? 'Part deployed' : 'Part departed';
|
||||
return (
|
||||
<>
|
||||
<div className="flex flex-wrap items-center gap-x-2 text-sm">
|
||||
|
||||
@@ -144,8 +144,8 @@ export default function HostDetail() {
|
||||
value={<span className="font-mono text-xs">{host.assetId}</span>}
|
||||
/>
|
||||
<DetailRow label="Name" value={host.name} />
|
||||
<DetailRow label="State" value={<HostStateBadge state={host.state} />} />
|
||||
<DetailRow label="Stack" value={<HostStackBadge stack={host.stack} />} />
|
||||
<DetailRow label="State" value={host.state} />
|
||||
<DetailRow label="Stack" value={host.stack} />
|
||||
<DetailRow
|
||||
label="Location"
|
||||
value={
|
||||
|
||||
Reference in New Issue
Block a user