From 5131e22c69b5f02eeb18646593c7d47100d0f6d0 Mon Sep 17 00:00:00 2001
From: Archben <devops@tben.me>
Date: Thu, 12 Mar 2026 12:56:29 +0000
Subject: [PATCH] Updates

---
 .../(sections)/ssh-connection.tsx             | 35 +++++++++++++++----
 src/styles/globals.css                        |  6 +++-
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/src/components/pages/admin/users/deployment-user/(sections)/ssh-connection.tsx b/src/components/pages/admin/users/deployment-user/(sections)/ssh-connection.tsx
index d0458a9..e8ee451 100644
--- a/src/components/pages/admin/users/deployment-user/(sections)/ssh-connection.tsx
+++ b/src/components/pages/admin/users/deployment-user/(sections)/ssh-connection.tsx
@@ -7,6 +7,8 @@ import RemoteCodeBlock from "@/twui/components/elements/RemoteCodeBlock";
 import SingleLineCodeBlock from "@/twui/components/elements/SingleLineCodeBlock";
 import TurboCICodeBlock from "@/src/components/general/code-block";
 import H3 from "@/twui/components/layout/H3";
+import Button from "@/twui/components/layout/Button";
+import LucideIcon from "@/twui/components/elements/lucide-icon";
 
 export default function SSHConnection() {
     const { pageProps } = useContext(AppContext);
@@ -31,19 +33,38 @@ export default function SSHConnection() {
             <Stack className="nested-grid-frame grid-cols-2">
                 <Stack className="grid-cell">
                     <Stack className="grid-cell-content">
-                        <H3>Admin Port Forwarding</H3>
+                        <Stack className="gap-1">
+                            <H3>Admin Port Forwarding</H3>
 
-                        <Span>
-                            Use these information to connect this user to the
-                            Relay server
-                        </Span>
+                            <Span>
+                                Use these information to connect this user to
+                                the Relay server
+                            </Span>
+                        </Stack>
                         <TurboCICodeBlock
-                            content={`ssh -N -L ${deployment_user.username}@${deployment?.relay_server_ip}`}
+                            content={`ssh -N -L -i /path/to/ssh/key ${deployment_user.username}@${deployment?.relay_server_ip}`}
                             mode="sh"
                         />
                     </Stack>
                 </Stack>
-                <Stack className="grid-cell"></Stack>
+                <Stack className="grid-cell">
+                    <Stack className="grid-cell-content">
+                        <Stack className="gap-1">
+                            <H3>Download Private Key</H3>
+                            <Span>
+                                Download the private SSH key for{" "}
+                                <code>{deployment_user.username}</code>
+                            </Span>
+                        </Stack>
+                        <Button
+                            title="Download Private Key"
+                            variant="outlined"
+                            beforeIcon={<LucideIcon name="Download" />}
+                        >
+                            Download Private Key
+                        </Button>
+                    </Stack>
+                </Stack>
             </Stack>
             <hr />
         </>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index c102c53..b30e02b 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -127,7 +127,7 @@ code {
 
 #admin-main h3,
 .admin-h3 {
-    @apply text-lg font-semibold;
+    @apply text-base font-semibold;
 }
 
 hr {
@@ -137,3 +137,7 @@ hr {
 .dotted-link {
     @apply border-b border-dashed border-foreground-light/40 dark:border-foreground-dark/40;
 }
+
+.twui-button-primary-outlined * {
+    @apply font-semibold;
+}