feat(vuln): Complete the implementation

GMishx · heliocastro · commit 98afe9cc3536 · 2025-08-15T10:48:49.000+02:00
Signed-off-by: Gaurav Mishra &lt;mishra.gaurav@siemens.com&gt;
diff --git a/messages/de.json b/messages/de.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "hochgeladen von",
     "Usage": "Verwendung",
     "Usage Right Available": "Nutzungsrecht verfügbar",
+    "Usage overview": "Nutzungsübersicht",
     "UsageRestrictionsFound": "Nutzungsbeschränkungen gefunden",
     "Usages": "Verwendungen",
     "Use license info from files": "Verwenden Sie Lizenzinformationen aus Dateien",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "Die Sicherheitslücke wurde aktualisiert",
     "Vulnerability is created": "Schwachstelle erstellt",
     "Vulnerability matching statistics": "Statistik zur Schwachstelle",
+    "Vulnerability Metadata": "Metadaten zu Sicherheitslücken",
     "Vulnerability scoring": "Schwachstelle scoring",
     "Vulnerability updated successfully": "Schwachstelle erfolgreich aktualisiert",
     "Vulnerability with the same External Id already exists": "Schwachstelle mit demselben externen Id existiert bereits",
diff --git a/messages/en.json b/messages/en.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "Uploaded by",
     "Usage": "Usage",
     "Usage Right Available": "Usage Right Available",
+    "Usage overview": "Usage overview",
     "UsageRestrictionsFound": "Usage Restrictions Found",
     "Usages": "Usages",
     "Use license info from files": "Use license info from files",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "Vulnerability has been updated",
     "Vulnerability is created": "Vulnerability is created",
     "Vulnerability matching statistics": "Vulnerability matching statistics",
+    "Vulnerability Metadata": "Vulnerability Metadata",
     "Vulnerability scoring": "Vulnerability scoring",
     "Vulnerability updated successfully": "Vulnerability updated successfully",
     "Vulnerability with the same External Id already exists": "Vulnerability with the same External Id already exists",
diff --git a/messages/es.json b/messages/es.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "subido por",
     "Usage": "Usage",
     "Usage Right Available": "Derecho de uso disponible",
+    "Usage overview": "Descripción general del uso",
     "UsageRestrictionsFound": "Restricciones de uso encontrado",
     "Usages": "Usos",
     "Use license info from files": "Utilice la información de la licencia de los archivos",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "La vulnerabilidad ha sido actualizada.",
     "Vulnerability is created": "La vulnerabilidad se crea",
     "Vulnerability matching statistics": "Estadísticas de coincidencia de vulnerabilidad",
+    "Vulnerability Metadata": "Metadatos de vulnerabilidad",
     "Vulnerability scoring": "Anotación de vulnerabilidad",
     "Vulnerability updated successfully": "Vulnerabilidad actualizada con éxito",
     "Vulnerability with the same External Id already exists": "Vulnerabilidad con el mismo Id Externo ya existe",
diff --git a/messages/fr.json b/messages/fr.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "telechargé par",
     "Usage": "Utilisation",
     "Usage Right Available": "Droit d'utilisation disponible",
+    "Usage overview": "Aperçu de l'utilisation",
     "UsageRestrictionsFound": "Restrictions d'utilisation trouvées",
     "Usages": "Coutumes",
     "Use license info from files": "Utiliser les informations de licence à partir de fichiers",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "La vulnérabilité a été mise à jour",
     "Vulnerability is created": "La vulnérabilité est créée",
     "Vulnerability matching statistics": "Statistiques de correspondance de vulnérabilité",
+    "Vulnerability Metadata": "Métadonnées de vulnérabilité",
     "Vulnerability scoring": "Évaluation de la vulnérabilité",
     "Vulnerability updated successfully": "Vulnérabilité actualisée avec succès",
     "Vulnerability with the same External Id already exists": "La vulnérabilité avec le même Id externe existe déjà",
diff --git a/messages/ja.json b/messages/ja.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "アップロード者",
     "Usage": "使い方",
     "Usage Right Available": "利用権あり",
+    "Usage overview": "使用方法の概要",
     "UsageRestrictionsFound": "使用制限が見つかりました",
     "Usages": "用途",
     "Use license info from files": "ファイルからライセンス情報を使用します",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "脆弱性が更新されました",
     "Vulnerability is created": "脆弱性が生まれる",
     "Vulnerability matching statistics": "脆弱性マッチング統計",
+    "Vulnerability Metadata": "脆弱性メタデータ",
     "Vulnerability scoring": "脆弱性スコアリング",
     "Vulnerability updated successfully": "脆弱性は正常に更新されました",
     "Vulnerability with the same External Id already exists": "同じ外部 ID の脆弱性がすでに存在します",
diff --git a/messages/ko.json b/messages/ko.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "업로드한 사람",
     "Usage": "제품 정보",
     "Usage Right Available": "사용법 유효한 권리",
+    "Usage overview": "사용 개요",
     "UsageRestrictionsFound": "사용 제한",
     "Usages": "용도",
     "Use license info from files": "파일에서 라이센스 정보를 사용합니다",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "취약점이 업데이트되었습니다.",
     "Vulnerability is created": "취약점 생성",
     "Vulnerability matching statistics": "Vulnerability 일치 통계",
+    "Vulnerability Metadata": "취약성 메타데이터",
     "Vulnerability scoring": "Vulnerability 득점",
     "Vulnerability updated successfully": "Vulnerability 업데이트",
     "Vulnerability with the same External Id already exists": "동일한 외부 Id를 가진 취약점은 이미 존재합니다",
diff --git a/messages/pt-BR.json b/messages/pt-BR.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "Enviado por",
     "Usage": "Uso",
     "Usage Right Available": "Direito de uso disponível",
+    "Usage overview": "Visão geral do uso",
     "UsageRestrictionsFound": "Restrições de uso encontradas",
     "Usages": "Usos",
     "Use license info from files": "Use informações de licença de arquivos",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "A vulnerabilidade foi atualizada",
     "Vulnerability is created": "A vulnerabilidade foi criada",
     "Vulnerability matching statistics": "Estatísticas de correspondência de vulnerabilidades",
+    "Vulnerability Metadata": "Metadados de vulnerabilidade",
     "Vulnerability scoring": "Pontuação de vulnerabilidade",
     "Vulnerability updated successfully": "Vulnerabilidade atualizada com sucesso",
     "Vulnerability with the same External Id already exists": "Vulnerabilidade com o mesmo ID externo já existe",
diff --git a/messages/vi.json b/messages/vi.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "Được tải lên bởi",
     "Usage": "Cách sử dụng",
     "Usage Right Available": "Quyền sử dụng có sẵn",
+    "Usage overview": "Tổng quan về cách sử dụng",
     "UsageRestrictionsFound": "Đã tìm thấy hạn chế sử dụng",
     "Usages": "Công dụng",
     "Use license info from files": "Sử dụng thông tin giấy phép từ các tệp",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "Lỗ hổng đã được cập nhật",
     "Vulnerability is created": "Lỗ hổng được tạo ra",
     "Vulnerability matching statistics": "Thống kê phù hợp với lỗ hổng",
+    "Vulnerability Metadata": "Siêu dữ liệu lỗ hổng",
     "Vulnerability scoring": "Tính điểm dễ bị tổn thương",
     "Vulnerability updated successfully": "Lỗ hổng được cập nhật thành công",
     "Vulnerability with the same External Id already exists": "Lỗ hổng có cùng Id bên ngoài đã tồn tại",
diff --git a/messages/zh-CN.json b/messages/zh-CN.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "上传者：",
     "Usage": "用法",
     "Usage Right Available": "可用使用权",
+    "Usage overview": "使用概述",
     "UsageRestrictionsFound": "发现使用限制",
     "Usages": "用法",
     "Use license info from files": "使用文件中的许可证信息",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "漏洞已更新",
     "Vulnerability is created": "漏洞已创建",
     "Vulnerability matching statistics": "漏洞匹配统计",
+    "Vulnerability Metadata": "漏洞元数据",
     "Vulnerability scoring": "漏洞评分",
     "Vulnerability updated successfully": "漏洞更新成功",
     "Vulnerability with the same External Id already exists": "具有相同外部 ID 的漏洞已存在",
diff --git a/messages/zh-TW.json b/messages/zh-TW.json
@@ -1382,6 +1382,7 @@
     "Uploaded by": "上傳者：",
     "Usage": "用法",
     "Usage Right Available": "可用的使用權",
+    "Usage overview": "用法概覽",
     "UsageRestrictionsFound": "找到使用限制",
     "Usages": "用法",
     "Use license info from files": "使用文件中的許可證信息",
@@ -1434,6 +1435,7 @@
     "Vulnerability has been updated": "漏洞已更新",
     "Vulnerability is created": "造成脆弱性",
     "Vulnerability matching statistics": "脆弱性匹配统计数据",
+    "Vulnerability Metadata": "漏洞元數據",
     "Vulnerability scoring": "脆弱性分數",
     "Vulnerability updated successfully": "成功更新脆弱性",
     "Vulnerability with the same External Id already exists": "同樣的外部元件的脆弱程度已經存在",
diff --git a/src/app/[locale]/vulnerabilities/add/page.tsx b/src/app/[locale]/vulnerabilities/add/page.tsx
@@ -13,7 +13,7 @@ import { ReactNode } from 'react'
 import AddVulnerability from './components/AddVulnerability'
 
 export const metadata: Metadata = {
-    title: 'Vulnerabilites',
+    title: 'Vulnerabilities',
 }
 
 const Vulnerability = (): ReactNode => {
diff --git a/src/app/[locale]/vulnerabilities/components/Vulnerabilities.tsx b/src/app/[locale]/vulnerabilities/components/Vulnerabilities.tsx
@@ -118,7 +118,10 @@ function Vulnerabilities(): ReactNode {
                     const { cvss, cvssTime } = row.original
                     return (
                         <>
-                            {cvss && cvssTime && <span style={{ color: 'red' }}>{`${cvss} (as of: ${cvssTime})`}</span>}
+                            <span style={{ color: 'red' }}>
+                                {cvss && <>{cvss}</>}
+                                {cvssTime && <>{` (as of: ${cvssTime.substring(0, 10)})`}</>}
+                            </span>
                         </>
                     )
                 },
@@ -132,7 +135,7 @@ function Vulnerabilities(): ReactNode {
                 accessorKey: 'publishDate',
                 cell: ({ row }) => {
                     const { publishDate } = row.original
-                    return <>{publishDate && <>{publishDate.substring(0, publishDate.lastIndexOf('T'))}</>}</>
+                    return <>{publishDate && <>{publishDate.substring(0, 10)}</>}</>
                 },
                 meta: {
                     width: '10%',
@@ -143,12 +146,11 @@ function Vulnerabilities(): ReactNode {
                 header: t('Last Update'),
                 accessorKey: 'lastUpdateDate',
                 cell: ({ row }) => {
-                    const { lastExternalUpdate } = row.original
+                    const { lastExternalUpdate, lastUpdateDate } = row.original
                     return (
                         <>
-                            {lastExternalUpdate && (
-                                <>{lastExternalUpdate.substring(0, lastExternalUpdate.lastIndexOf('T'))}</>
-                            )}
+                            {(lastExternalUpdate && <>{lastExternalUpdate.substring(0, 10)}</>) ||
+                                (lastUpdateDate && <>{lastUpdateDate.substring(0, 10)}</>)}
                         </>
                     )
                 },
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/components/MetaData.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/components/MetaData.tsx
@@ -0,0 +1,48 @@
+// Copyright (C) Siemens AG, 2025. Part of the SW360 Frontend Project.
+
+// This program and the accompanying materials are made
+// available under the terms of the Eclipse Public License 2.0
+// which is available at https://www.eclipse.org/legal/epl-2.0/
+
+// SPDX-License-Identifier: EPL-2.0
+// License-Filename: LICENSE
+
+'use client'
+
+import { DisplayMapOfMap } from '@/components/DisplayMap/DisplayMap'
+import { Vulnerability } from '@/object-types'
+import { signOut, useSession } from 'next-auth/react'
+import { useTranslations } from 'next-intl'
+import { ReactNode, useEffect } from 'react'
+
+export default function MetaData({ summaryData }: { summaryData: Vulnerability }): ReactNode {
+    const t = useTranslations('default')
+    const { status } = useSession()
+
+    useEffect(() => {
+        if (status === 'unauthenticated') {
+            signOut()
+        }
+    }, [status])
+
+    return (
+        <>
+            <table className='table summary-table'>
+                <thead>
+                    <tr>
+                        <th>{t('Vulnerability Metadata')}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>
+                            {summaryData.cveFurtherMetaDataPerSource && (
+                                <DisplayMapOfMap mapElement={summaryData.cveFurtherMetaDataPerSource} />
+                            )}
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </>
+    )
+}
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/components/References.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/components/References.tsx
@@ -0,0 +1,53 @@
+// Copyright (C) Siemens AG, 2025. Part of the SW360 Frontend Project.
+
+// This program and the accompanying materials are made
+// available under the terms of the Eclipse Public License 2.0
+// which is available at https://www.eclipse.org/legal/epl-2.0/
+
+// SPDX-License-Identifier: EPL-2.0
+// License-Filename: LICENSE
+
+'use client'
+
+import { Vulnerability } from '@/object-types'
+import { signOut, useSession } from 'next-auth/react'
+import { useTranslations } from 'next-intl'
+import { ReactNode, useEffect } from 'react'
+
+export default function References({ summaryData }: { summaryData: Vulnerability }): ReactNode {
+    const t = useTranslations('default')
+    const { status } = useSession()
+
+    useEffect(() => {
+        if (status === 'unauthenticated') {
+            signOut()
+        }
+    }, [status])
+
+    return (
+        <>
+            <table className='table summary-table'>
+                <thead>
+                    <tr>
+                        <th>{t('Vulnerability References')}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>
+                            <ul className='px-3'>
+                                {summaryData.references?.map((elem, i) => {
+                                    return (
+                                        <li key={i}>
+                                            <a href={elem}>{elem}</a>
+                                        </li>
+                                    )
+                                })}
+                            </ul>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </>
+    )
+}
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/components/Summary.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/components/Summary.tsx
@@ -9,11 +9,13 @@
 
 'use client'
 
+import { DisplayMap } from '@/components/DisplayMap/DisplayMap'
 import { Vulnerability } from '@/object-types'
 import { signOut, useSession } from 'next-auth/react'
 import { useTranslations } from 'next-intl'
 import Link from 'next/link'
 import { ReactNode, useEffect, useState } from 'react'
+import UsingReleasesTable from './UsingReleasesTable'
 
 export default function Summary({ summaryData }: { summaryData: Vulnerability }): ReactNode {
     const t = useTranslations('default')
@@ -74,17 +76,7 @@ export default function Summary({ summaryData }: { summaryData: Vulnerability })
                     </tr>
                     <tr>
                         <td>{t('Impact')}:</td>
-                        <td>
-                            <ul className='px-3'>
-                                {summaryData.impact &&
-                                    Object.entries(summaryData.impact).map(([key, val]) => (
-                                        <li key={key}>
-                                            <b>{t(key as never)}: </b>
-                                            {val}
-                                        </li>
-                                    ))}
-                            </ul>
-                        </td>
+                        <td>{summaryData.impact && <DisplayMap mapElement={Object.entries(summaryData.impact)} />}</td>
                     </tr>
                     <tr>
                         <td>{t('Legal Notice')}:</td>
@@ -152,17 +144,7 @@ export default function Summary({ summaryData }: { summaryData: Vulnerability })
                     </tr>
                     <tr>
                         <td>{t('Access')}:</td>
-                        <td>
-                            <ul className='px-3'>
-                                {summaryData.access &&
-                                    Object.entries(summaryData.access).map(([key, val]) => (
-                                        <li key={key}>
-                                            <b>{t(key as never)}: </b>
-                                            {val}
-                                        </li>
-                                    ))}
-                            </ul>
-                        </td>
+                        <td>{summaryData.access && <DisplayMap mapElement={Object.entries(summaryData.access)} />}</td>
                     </tr>
                     <tr>
                         <td>{t('Common weakness enumeration')}:</td>
@@ -181,18 +163,14 @@ export default function Summary({ summaryData }: { summaryData: Vulnerability })
                     <tr>
                         <td>{t('Vulnerable configurations')}:</td>
                         <td>
-                            <ul className='px-3'>
-                                {summaryData.vulnerableConfiguration &&
-                                    Object.entries(summaryData.vulnerableConfiguration).map(([key, value]) => (
-                                        <li key={key}>
-                                            <span className='fw-bold'>{key}</span> {value}
-                                        </li>
-                                    ))}
-                            </ul>
+                            {summaryData.vulnerableConfiguration && (
+                                <DisplayMap mapElement={Object.entries(summaryData.vulnerableConfiguration)} />
+                            )}
                         </td>
                     </tr>
                 </tbody>
             </table>
+            <UsingReleasesTable summaryData={summaryData} />
         </>
     )
 }
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/components/UsingReleasesTable.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/components/UsingReleasesTable.tsx
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/components/VulnerabilityDetailsTab.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/components/VulnerabilityDetailsTab.tsx
diff --git a/src/app/[locale]/vulnerabilities/detail/[id]/page.tsx b/src/app/[locale]/vulnerabilities/detail/[id]/page.tsx
diff --git a/src/app/[locale]/vulnerabilities/edit/[id]/page.tsx b/src/app/[locale]/vulnerabilities/edit/[id]/page.tsx
diff --git a/src/app/[locale]/vulnerabilities/page.tsx b/src/app/[locale]/vulnerabilities/page.tsx
diff --git a/src/components/DisplayMap/DisplayMap.tsx b/src/components/DisplayMap/DisplayMap.tsx
diff --git a/src/object-types/Vulnerability.ts b/src/object-types/Vulnerability.ts
