From 759d11ff215ff94ef255f87ae190f802626918b0 Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Thu, 31 Oct 2024 19:05:53 +0800
Subject: [PATCH 1/4] feat: added key id column

---
 .../src/views/Project/KmsPage/components/CmekTable.tsx    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Project/KmsPage/components/CmekTable.tsx b/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
index 7a9d74082..78f6a32a6 100644
--- a/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
+++ b/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
@@ -220,7 +220,7 @@ export const CmekTable = () => {
           <Table>
             <THead>
               <Tr className="h-14">
-                <Th className="w-1/3">
+                <Th>
                   <div className="flex items-center">
                     Name
                     <IconButton
@@ -235,6 +235,7 @@ export const CmekTable = () => {
                     </IconButton>
                   </div>
                 </Th>
+                <Th>Key ID</Th>
                 <Th>Algorithm</Th>
                 <Th>Status</Th>
                 <Th>Version</Th>
@@ -242,7 +243,7 @@ export const CmekTable = () => {
               </Tr>
             </THead>
             <TBody>
-              {isLoading && <TableSkeleton columns={4} innerKey="project-keys" />}
+              {isLoading && <TableSkeleton columns={5} innerKey="project-keys" />}
               {!isLoading &&
                 keys.length > 0 &&
                 keys.map((cmek) => {
@@ -252,7 +253,7 @@ export const CmekTable = () => {
                   return (
                     <Tr className="group h-10 hover:bg-mineshaft-700" key={`st-v3-${id}`}>
                       <Td>
-                        <div className="flex items-center gap-2">
+                        <div className="flex items-center gap-2 ">
                           {name}
                           {description && (
                             <Tooltip content={description}>
@@ -264,6 +265,7 @@ export const CmekTable = () => {
                           )}
                         </div>
                       </Td>
+                      <Td>{id}</Td>
                       <Td className="uppercase">{encryptionAlgorithm}</Td>
                       <Td>
                         <Badge variant={variant}>{label}</Badge>

From b18d8d542f4f9b745e28fa6a1f4ce0069be0707f Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Fri, 1 Nov 2024 00:22:21 +0800
Subject: [PATCH 2/4] misc: add copy to clipboard

---
 .../Project/KmsPage/components/CmekTable.tsx  | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Project/KmsPage/components/CmekTable.tsx b/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
index 78f6a32a6..8a56a75c1 100644
--- a/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
+++ b/frontend/src/views/Project/KmsPage/components/CmekTable.tsx
@@ -4,7 +4,9 @@ import {
   faArrowUp,
   faArrowUpRightFromSquare,
   faCancel,
+  faCheck,
   faCheckCircle,
+  faCopy,
   faEdit,
   faEllipsis,
   faInfoCircle,
@@ -50,7 +52,7 @@ import {
   useProjectPermission,
   useWorkspace
 } from "@app/context";
-import { usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
+import { usePagination, usePopUp, useResetPageHelper, useTimedReset } from "@app/hooks";
 import { useGetCmeksByProjectId, useUpdateCmek } from "@app/hooks/api/cmeks";
 import { CmekOrderBy, TCmek } from "@app/hooks/api/cmeks/types";
 import { OrderByDirection } from "@app/hooks/api/generic/types";
@@ -113,6 +115,11 @@ export const CmekTable = () => {
     setPage
   });
 
+  const [, isCopyingCiphertext, setCopyCipherText] = useTimedReset<string>({
+    initialState: "",
+    delay: 1000
+  });
+
   const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
     "upsertKey",
     "deleteKey",
@@ -251,7 +258,13 @@ export const CmekTable = () => {
                   const { variant, label } = getStatusBadgeProps(isDisabled);
 
                   return (
-                    <Tr className="group h-10 hover:bg-mineshaft-700" key={`st-v3-${id}`}>
+                    <Tr
+                      className="group h-10 hover:bg-mineshaft-700"
+                      key={`st-v3-${id}`}
+                      onMouseLeave={() => {
+                        setCopyCipherText("");
+                      }}
+                    >
                       <Td>
                         <div className="flex items-center gap-2 ">
                           {name}
@@ -265,7 +278,22 @@ export const CmekTable = () => {
                           )}
                         </div>
                       </Td>
-                      <Td>{id}</Td>
+                      <Td>
+                        <div>
+                          <span> {id}</span>
+                          <IconButton
+                            ariaLabel="copy icon"
+                            colorSchema="secondary"
+                            className="group/copy duration:0 invisible relative ml-3 group-hover:visible"
+                            onClick={() => {
+                              navigator.clipboard.writeText(id);
+                              setCopyCipherText("Copied");
+                            }}
+                          >
+                            <FontAwesomeIcon icon={isCopyingCiphertext ? faCheck : faCopy} />
+                          </IconButton>
+                        </div>
+                      </Td>
                       <Td className="uppercase">{encryptionAlgorithm}</Td>
                       <Td>
                         <Badge variant={variant}>{label}</Badge>

From b196251c19e6856825f48caee25d7339d01d4e52 Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Fri, 1 Nov 2024 00:42:23 +0800
Subject: [PATCH 3/4] doc: add kubernetes encryption

---
 docs/documentation/platform/kms/kubernetes-encryption.mdx | 5 +++++
 docs/documentation/platform/{kms.mdx => kms/overview.mdx} | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 docs/documentation/platform/kms/kubernetes-encryption.mdx
 rename docs/documentation/platform/{kms.mdx => kms/overview.mdx} (99%)

diff --git a/docs/documentation/platform/kms/kubernetes-encryption.mdx b/docs/documentation/platform/kms/kubernetes-encryption.mdx
new file mode 100644
index 000000000..748ac8c81
--- /dev/null
+++ b/docs/documentation/platform/kms/kubernetes-encryption.mdx
@@ -0,0 +1,5 @@
+---
+title: "Kubernetes Encryption with KMS"
+sidebarTitle: "Kubernetes Encryption"
+url: "https://github.com/Infisical/k8-kms-plugin"
+---
diff --git a/docs/documentation/platform/kms.mdx b/docs/documentation/platform/kms/overview.mdx
similarity index 99%
rename from docs/documentation/platform/kms.mdx
rename to docs/documentation/platform/kms/overview.mdx
index eb4479597..a9563a635 100644
--- a/docs/documentation/platform/kms.mdx
+++ b/docs/documentation/platform/kms/overview.mdx
@@ -1,6 +1,6 @@
 ---
 title: "Key Management Service (KMS)"
-sidebarTitle: "Key Management (KMS)"
+sidebarTitle: "Overview"
 description: "Learn how to manage and use cryptographic keys with Infisical."
 ---
 

From a27a428329b7f25871b76eeb0abe6cbafceefb12 Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Fri, 1 Nov 2024 00:47:06 +0800
Subject: [PATCH 4/4] misc: added mint json changes

---
 docs/mint.json | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/mint.json b/docs/mint.json
index 2b8b5caeb..1971a5ea5 100644
--- a/docs/mint.json
+++ b/docs/mint.json
@@ -113,7 +113,13 @@
             "documentation/platform/pki/alerting"
           ]
         },
-        "documentation/platform/kms",
+        {
+          "group": "Key Management (KMS)",
+          "pages": [
+            "documentation/platform/kms/overview",
+            "documentation/platform/kms/kubernetes-encryption"
+          ]
+        },
         {
           "group": "KMS Configuration",
           "pages": [