web: the session Vulnerability Report names its inventory badge "Identification Confidence" (header and legend, Inventory and Delta tab); the Software Inventory analyzer toggle uses the rose accent like the other Agent Analyzer toggles

The column showed high/medium/low under the header "Identification", which reads as a method rather than a rating. The wire field is `confidence` and the tooltip already says "identification confidence"; the header and legend now match. The analyzer toggle and its hover border were still emerald from before the section moved.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Oliver Kieselbach
2026-09-07 13:13:31 +02:00
parent 29e5b8251d
commit a1e2b76a9f
2 changed files with 6 additions and 6 deletions
@@ -718,7 +718,7 @@ export default function VulnerabilityReportSection({
<th className="py-2 px-3">Publisher</th>
<th className="py-2 px-3">Install Date</th>
<th className="py-2 px-3">Source</th>
<th className="py-2 px-3">Identification</th>
<th className="py-2 px-3">Identification Confidence</th>
<th className="py-2 px-3">CVE Mapping</th>
</tr>
</thead>
@@ -772,7 +772,7 @@ export default function VulnerabilityReportSection({
Showing {filteredInventory.length} of {inventoryItems.length} items
</div>
<div className="mt-3 pt-3 border-t border-gray-100 flex flex-wrap items-start gap-x-4 gap-y-1 text-xs text-gray-400">
<span className="font-medium text-gray-500 whitespace-nowrap">Identification (Registry):</span>
<span className="font-medium text-gray-500 whitespace-nowrap">Identification Confidence (Registry):</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-green-100 text-green-700 font-medium mr-1">high</span> Publisher + version identified</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-yellow-100 text-yellow-700 font-medium mr-1">medium</span> Partial match</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-red-100 text-red-700 font-medium mr-1">low</span> Unidentified</span>
@@ -810,7 +810,7 @@ export default function VulnerabilityReportSection({
<th className="py-2 px-3">Publisher</th>
<th className="py-2 px-3">Install Date</th>
<th className="py-2 px-3">Source</th>
<th className="py-2 px-3">Identification</th>
<th className="py-2 px-3">Identification Confidence</th>
<th className="py-2 px-3">CVE Mapping</th>
</tr>
</thead>
@@ -854,7 +854,7 @@ export default function VulnerabilityReportSection({
</table>
</div>
<div className="mt-3 pt-3 border-t border-gray-100 flex flex-wrap items-start gap-x-4 gap-y-1 text-xs text-gray-400">
<span className="font-medium text-gray-500 whitespace-nowrap">Identification (Registry):</span>
<span className="font-medium text-gray-500 whitespace-nowrap">Identification Confidence (Registry):</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-green-100 text-green-700 font-medium mr-1">high</span> Publisher + version identified</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-yellow-100 text-yellow-700 font-medium mr-1">medium</span> Partial match</span>
<span><span className="inline-block px-1.5 py-0.5 rounded bg-red-100 text-red-700 font-medium mr-1">low</span> Unidentified</span>
@@ -196,14 +196,14 @@ export default function AgentAnalyzersSection({
</p>
{/* Enable toggle */}
<div className="flex items-center justify-between p-4 rounded-lg border border-gray-200 hover:border-emerald-200 transition-colors">
<div className="flex items-center justify-between p-4 rounded-lg border border-gray-200 hover:border-rose-200 transition-colors">
<div>
<p className="font-medium text-gray-900">Enable Software Inventory & Vulnerability Analyzer</p>
<p className="text-sm text-gray-500">Collect installed software inventory and correlate against known vulnerabilities</p>
</div>
<button
onClick={() => setEnableSoftwareInventoryAnalyzer(!enableSoftwareInventoryAnalyzer)}
className={`relative inline-flex h-6 w-11 flex-shrink-0 items-center rounded-full transition-colors ${enableSoftwareInventoryAnalyzer ? 'bg-emerald-500' : 'bg-gray-300'}`}
className={`relative inline-flex h-6 w-11 flex-shrink-0 items-center rounded-full transition-colors ${enableSoftwareInventoryAnalyzer ? 'bg-rose-500' : 'bg-gray-300'}`}
>
<span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${enableSoftwareInventoryAnalyzer ? 'translate-x-6' : 'translate-x-1'}`} />
</button>