diff --git a/src/features/assets/components/asset-drawer.tsx b/src/features/assets/components/asset-drawer.tsx
index d542c7d1..602ae153 100644
--- a/src/features/assets/components/asset-drawer.tsx
+++ b/src/features/assets/components/asset-drawer.tsx
@@ -180,6 +180,24 @@ function AssetInfoColumn({ asset }: { asset: AssetWithIssueRelations }) {
header: "CPE",
content: {asset.deviceGroup.cpe},
},
+ ...(asset.deviceGroup.sbomUrl
+ ? [
+ {
+ header: "SBOM",
+ content: (
+
+ View SBOM
+
+
+ ),
+ },
+ ]
+ : []),
...(asset.serialNumber
? [
{
diff --git a/src/features/assets/components/asset.tsx b/src/features/assets/components/asset.tsx
index 2c69c70f..ed3ecb91 100644
--- a/src/features/assets/components/asset.tsx
+++ b/src/features/assets/components/asset.tsx
@@ -372,6 +372,23 @@ export const AssetDetailPage = ({ assetId }: AssetDetailProps) => {
{asset.deviceGroup.cpe}
+
+ {asset.deviceGroup.sbomUrl && (
+
+ )}
diff --git a/src/features/device-artifacts/components/device-artifacts.tsx b/src/features/device-artifacts/components/device-artifacts.tsx
index 7d167476..c8a10c34 100644
--- a/src/features/device-artifacts/components/device-artifacts.tsx
+++ b/src/features/device-artifacts/components/device-artifacts.tsx
@@ -1,7 +1,7 @@
"use client";
import { formatDistanceToNow } from "date-fns";
-import { DownloadIcon } from "lucide-react";
+import { DownloadIcon, ExternalLinkIcon } from "lucide-react";
import {
EmptyView,
EntityContainer,
@@ -215,6 +215,23 @@ function DeviceArtifactDrawer({
{deviceArtifact.deviceGroup.cpe}
+
+ {deviceArtifact.deviceGroup.sbomUrl && (
+
+ )}