From 95e501a9c8edba3db9c1e119ff88669472faa21d Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Fri, 17 Apr 2026 14:11:13 -0400
Subject: [PATCH] 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>
---
 apps/web/src/components/hosts/HostTimeline.tsx | 6 +++---
 apps/web/src/pages/HostDetail.tsx              | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/hosts/HostTimeline.tsx b/apps/web/src/components/hosts/HostTimeline.tsx
index e4dc599..705e331 100644
--- a/apps/web/src/components/hosts/HostTimeline.tsx
+++ b/apps/web/src/components/hosts/HostTimeline.tsx
@@ -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">
diff --git a/apps/web/src/pages/HostDetail.tsx b/apps/web/src/pages/HostDetail.tsx
index 85ef375..61fc0c8 100644
--- a/apps/web/src/pages/HostDetail.tsx
+++ b/apps/web/src/pages/HostDetail.tsx
@@ -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={