From 8ae637d9c6576b0a298fc19f6adc3b52ec1fc992 Mon Sep 17 00:00:00 2001
From: dyzulk <66510723+dyzulk@users.noreply.github.com>
Date: Wed, 7 Jan 2026 10:01:09 +0700
Subject: [PATCH] feat: display Family ID and detailed Issuer in CA tables

---
 src/components/admin/ArchiveManagementTable.tsx | 13 ++++++++++++-
 src/components/admin/RootCaTable.tsx            | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/ArchiveManagementTable.tsx b/src/components/admin/ArchiveManagementTable.tsx
index 2618130..c0eacdb 100644
--- a/src/components/admin/ArchiveManagementTable.tsx
+++ b/src/components/admin/ArchiveManagementTable.tsx
@@ -24,6 +24,7 @@ interface CaCertificate {
   is_latest: boolean;
   issuer_name?: string;
   issuer_serial?: string;
+  family_id?: string;
 }
 
 interface ArchiveManagementTableProps {
@@ -79,6 +80,9 @@ export default function ArchiveManagementTable({
                 <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
                   Version (UUID)
                 </TableCell>
+                <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
+                  Family
+                </TableCell>
                 <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
                   {t("common_name_th")}
                 </TableCell>
@@ -103,6 +107,13 @@ export default function ArchiveManagementTable({
                   <TableCell className="px-5 py-4 text-start font-mono text-theme-xs text-gray-500 dark:text-gray-400">
                     {cert.uuid}
                   </TableCell>
+                  <TableCell className="px-5 py-4 text-start">
+                     {cert.family_id ? (
+                        <span className="text-[9px] font-mono bg-gray-100 dark:bg-white/5 px-1 rounded text-gray-500">
+                            {cert.family_id.split('-')[0]}
+                        </span>
+                     ) : "-"}
+                  </TableCell>
                   <TableCell className="px-5 py-4 text-start text-theme-sm text-gray-600 dark:text-gray-400">
                     <div className="flex flex-col">
                         <span className="font-medium text-gray-800 dark:text-white/90">{cert.common_name}</span>
@@ -157,7 +168,7 @@ export default function ArchiveManagementTable({
               ))}
               {filteredCertificates.length === 0 && (
                 <TableRow>
-                  <TableCell colSpan={6} className="px-5 py-10 text-center text-gray-500 dark:text-gray-400">
+                  <TableCell colSpan={7} className="px-5 py-10 text-center text-gray-500 dark:text-gray-400">
                     No versions found.
                   </TableCell>
                 </TableRow>
diff --git a/src/components/admin/RootCaTable.tsx b/src/components/admin/RootCaTable.tsx
index 8939001..bcacd6a 100644
--- a/src/components/admin/RootCaTable.tsx
+++ b/src/components/admin/RootCaTable.tsx
@@ -23,6 +23,7 @@ interface CaCertificate {
   status: string;
   issuer_name?: string;
   issuer_serial?: string;
+  family_id?: string;
 }
 
 interface RootCaTableProps {
@@ -78,6 +79,9 @@ export default function RootCaTable({
                 <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
                   {t("type_th")}
                 </TableCell>
+                <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
+                  Family
+                </TableCell>
                 <TableCell isHeader className="px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400">
                   {t("common_name_th")}
                 </TableCell>
@@ -105,6 +109,13 @@ export default function RootCaTable({
                   <TableCell className="px-5 py-4 text-start font-medium text-gray-800 dark:text-white/90">
                     {formatType(cert.ca_type)}
                   </TableCell>
+                  <TableCell className="px-5 py-4 text-start">
+                     {cert.family_id ? (
+                        <span className="text-[10px] font-mono bg-gray-100 dark:bg-white/5 px-1.5 py-0.5 rounded text-gray-500">
+                            {cert.family_id.split('-')[0]}...
+                        </span>
+                     ) : "-"}
+                  </TableCell>
                   <TableCell className="px-5 py-4 text-start text-theme-sm text-gray-600 dark:text-gray-400">
                     {cert.common_name}
                   </TableCell>
@@ -144,7 +155,7 @@ export default function RootCaTable({
               ))}
               {filteredCertificates.length === 0 && (
                 <TableRow>
-                  <TableCell colSpan={7} className="px-5 py-10 text-center text-gray-500 dark:text-gray-400">
+                  <TableCell colSpan={8} className="px-5 py-10 text-center text-gray-500 dark:text-gray-400">
                     {searchTerm ? t("no_ca_search", { term: searchTerm }) : t("no_ca_found")}
                   </TableCell>
                 </TableRow>