From cdd04a4a731e49b4d11666fa249eccaf8b5843a6 Mon Sep 17 00:00:00 2001
From: Omur <omur@erciyes.edu.tr>
Date: Wed, 11 Jun 2025 13:31:17 +0200
Subject: [PATCH 1/3] minor updates

---
 web-report/src/components/FaultsComponent.tsx |  8 ++++--
 web-report/src/components/Header.tsx          | 28 +++++++++++--------
 .../src/components/StatusCodeFilters.tsx      |  2 +-
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/web-report/src/components/FaultsComponent.tsx b/web-report/src/components/FaultsComponent.tsx
index 72e91a9..9ea59ae 100644
--- a/web-report/src/components/FaultsComponent.tsx
+++ b/web-report/src/components/FaultsComponent.tsx
@@ -24,10 +24,14 @@ export const FaultsComponent: React.FC<Faults> = ({total_number, found_faults})
 
     const getShortNameOfCode = (code: number) => {
         const codeInfo = faults.find((fault) => fault.code === code);
+        if(code >= 900 && code <= 999) {
+            return `Custom Code`;
+        }
+
         if (codeInfo) {
             return codeInfo.descriptiveName;
         }
-        return `Custom Code`;
+        return `Unrecognized Code`;
     }
     return(
         <Card className="border-2 border-black p-6 rounded-none">
@@ -70,7 +74,7 @@ export const FaultsComponent: React.FC<Faults> = ({total_number, found_faults})
                         faultCounts.map((fault) => (
                             <div className="grid grid-cols-12 gap-4 p-6 transition-colors border-b border-gray-200" key={fault.code}>
                                 <div className="col-span-2 text-center font-bold cursor-help font-mono hover:text-green-300" onClick={() => handleOpenModal(fault.code)}>{fault.code}</div>
-                                <div className="col-span-6 text-left font-mono cursor-help hover:text-green-300"  onClick={() => handleOpenModal(fault.code)}>{getShortNameOfCode(fault.code)}</div>
+                                <div className="col-span-6 text-center font-mono cursor-help hover:text-green-300"  onClick={() => handleOpenModal(fault.code)}>{getShortNameOfCode(fault.code)}</div>
                                 <ReportTooltip className="col-span-2 text-center font-mono" tooltipText={getText(info.distribution_tooltip,
                                     {
                                         operation_count: fault.operation_count,
diff --git a/web-report/src/components/Header.tsx b/web-report/src/components/Header.tsx
index 6b7cf5a..dbbdd26 100644
--- a/web-report/src/components/Header.tsx
+++ b/web-report/src/components/Header.tsx
@@ -9,16 +9,20 @@ interface IHeaderProps {
 }
 
 export const Header: React.FC<IHeaderProps> = ({date, tool_name_version, schema_version}) => (
-    <div className="flex justify-between border-b border-black pb-2 mb-4">
-        <ReportTooltip tooltipText={info.creation_date}>
-            <div className="font-bold" data-testid="header-creation-date">Creation Date: {new Date(date).toUTCString()}</div>
-        </ReportTooltip>
-        <ReportTooltip tooltipText={info.tool_name_version}>
-            <div className="font-bold text-center" data-testid="header-tool-name-version">Tool: {tool_name_version}</div>
-        </ReportTooltip>
-        <ReportTooltip tooltipText={info.schema_version}>
-             <div className="font-bold text-right" data-testid="header-schema-version">Schema Version: {schema_version}</div>
-        </ReportTooltip>
-
-    </div>
+    <>
+        <div className="justify-between border-b border-black pb-2 mb-4">
+            <div className="font-extrabold" data-testid="header-creation-date">WEB FUZZING COMMONS</div>
+        </div>
+        <div className="flex justify-between border-b border-black pb-2 mb-4">
+            <ReportTooltip tooltipText={info.creation_date}>
+                <div className="font-bold" data-testid="header-creation-date">Creation Date: {new Date(date).toUTCString()}</div>
+            </ReportTooltip>
+            <ReportTooltip tooltipText={info.tool_name_version}>
+                <div className="font-bold text-center" data-testid="header-tool-name-version">Tool: {tool_name_version}</div>
+            </ReportTooltip>
+            <ReportTooltip tooltipText={info.schema_version}>
+                <div className="font-bold text-right" data-testid="header-schema-version">Schema Version: {schema_version}</div>
+            </ReportTooltip>
+        </div>
+    </>
 )
\ No newline at end of file
diff --git a/web-report/src/components/StatusCodeFilters.tsx b/web-report/src/components/StatusCodeFilters.tsx
index e80d31d..3a22a82 100644
--- a/web-report/src/components/StatusCodeFilters.tsx
+++ b/web-report/src/components/StatusCodeFilters.tsx
@@ -41,7 +41,7 @@ export function StatusCodeFilters({data, onFiltersChange}: StatusCodeFiltersProp
     return (
         <div className="mb-6">
             <div className="items-center mb-2">
-                <h3 className="text-sm font-medium text-gray-700 mr-3">Filter by Status Code</h3>
+                <h3 className="text-sm font-medium text-gray-700 mr-3">Filter by HTTP Status Code</h3>
                 <div className="flex-wrap gap-2">
                     {allStatusCodes.map((code) => (
                         <StatusCodeFilterButton

From 6fe67ad158097baddd01d481d6c0cf4af53853eb Mon Sep 17 00:00:00 2001
From: Omur <omur@erciyes.edu.tr>
Date: Wed, 11 Jun 2025 13:32:45 +0200
Subject: [PATCH 2/3] order fix

---
 web-report/src/components/FaultsComponent.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web-report/src/components/FaultsComponent.tsx b/web-report/src/components/FaultsComponent.tsx
index 9ea59ae..de9fe59 100644
--- a/web-report/src/components/FaultsComponent.tsx
+++ b/web-report/src/components/FaultsComponent.tsx
@@ -24,13 +24,12 @@ export const FaultsComponent: React.FC<Faults> = ({total_number, found_faults})
 
     const getShortNameOfCode = (code: number) => {
         const codeInfo = faults.find((fault) => fault.code === code);
-        if(code >= 900 && code <= 999) {
-            return `Custom Code`;
-        }
-
         if (codeInfo) {
             return codeInfo.descriptiveName;
         }
+        if(code >= 900 && code <= 999) {
+            return `Custom Code`;
+        }
         return `Unrecognized Code`;
     }
     return(

From 1b1f6740aff7e969cd2aa17782a2f6277bc79273 Mon Sep 17 00:00:00 2001
From: Omur <omur@erciyes.edu.tr>
Date: Wed, 11 Jun 2025 13:34:49 +0200
Subject: [PATCH 3/3] testid update

---
 web-report/src/components/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web-report/src/components/Header.tsx b/web-report/src/components/Header.tsx
index dbbdd26..d87bbcc 100644
--- a/web-report/src/components/Header.tsx
+++ b/web-report/src/components/Header.tsx
@@ -11,7 +11,7 @@ interface IHeaderProps {
 export const Header: React.FC<IHeaderProps> = ({date, tool_name_version, schema_version}) => (
     <>
         <div className="justify-between border-b border-black pb-2 mb-4">
-            <div className="font-extrabold" data-testid="header-creation-date">WEB FUZZING COMMONS</div>
+            <div className="font-extrabold">WEB FUZZING COMMONS</div>
         </div>
         <div className="flex justify-between border-b border-black pb-2 mb-4">
             <ReportTooltip tooltipText={info.creation_date}>