root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3296): tokenize health reason typography in agent detail

Browse Source 
Fixed health reason display in the Agent Detail view by tokenizing its typography to align with the design system's font token standards, updating the component's CSS and TypeScript files.

Fusion-Task-Id: FN-3296
This commit is contained in:
Fusion
2026-05-04 07:54:21 -07:00
committed by gsxdsm
parent f69e8b7de9
commit 17b11c533b
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/dashboard/app/components/AgentDetailView.css
View File

@@ -309,6 +309,11 @@
gap: var(--space-xs);
}
.dashboard-summary-health-reason {
margin-left: var(--space-xs);
font-size: var(--space-md);
}
.runs-list {
display: flex;
flex-direction: column;

2
packages/dashboard/app/components/AgentDetailView.tsx
View File

@@ -886,7 +886,7 @@ function DashboardTab({
</div>
<div>
<p className="dashboard-summary-label">Status</p>
<p className="dashboard-summary-health-row"><span className={cn("status-dot", agent.state === "running" && "status-dot--running")} />{health.label}{health.reason && <span className="text-secondary" style={{ marginLeft: 'var(--space-xs)', fontSize: '12px' }} title={health.reason}>({health.reason})</span>}</p>
<p className="dashboard-summary-health-row"><span className={cn("status-dot", agent.state === "running" && "status-dot--running")} />{health.label}{health.reason && <span className="text-secondary dashboard-summary-health-reason" title={health.reason}>({health.reason})</span>}</p>
</div>
</div>
</section>