From 4a14ceb68ef1cc480895f88124a5ae2f8522edd8 Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Tue, 12 Aug 2025 21:03:45 +0000
Subject: [PATCH] fix: improve security setup instructions with actual commands

- Replace vague 'see documentation' with actual commands
- Show systemd and Docker examples with credentials filled in
- Include the restart command in the instructions
- Make commands copy-paste ready with proper formatting
---
 .../Settings/QuickSecuritySetup.tsx           | 31 +++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/frontend-modern/src/components/Settings/QuickSecuritySetup.tsx b/frontend-modern/src/components/Settings/QuickSecuritySetup.tsx
index cabbfe8ec..8d4aad598 100644
--- a/frontend-modern/src/components/Settings/QuickSecuritySetup.tsx
+++ b/frontend-modern/src/components/Settings/QuickSecuritySetup.tsx
@@ -239,10 +239,35 @@ Important:
           </div>
 
           <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-3">
-            <p class="text-xs text-blue-700 dark:text-blue-300">
-              <strong>Next steps:</strong> You'll need to restart Pulse with these environment variables set.
-              See the documentation for systemd or Docker configuration.
+            <p class="text-xs text-blue-700 dark:text-blue-300 font-semibold mb-2">
+              To activate these credentials:
             </p>
+            <div class="text-xs text-blue-700 dark:text-blue-300 space-y-3">
+              <div>
+                <p class="font-semibold">For systemd (most common):</p>
+                <pre class="bg-blue-100 dark:bg-blue-900 p-2 rounded mt-1 overflow-x-auto">
+sudo systemctl edit pulse-backend
+
+# Add these lines:
+[Service]
+Environment="PULSE_AUTH_USER={credentials()!.username}"
+Environment="PULSE_AUTH_PASS={credentials()!.password}"
+Environment="API_TOKEN={credentials()!.apiToken}"
+
+# Save and exit, then:
+sudo systemctl restart pulse-backend</pre>
+              </div>
+              
+              <div>
+                <p class="font-semibold">For Docker:</p>
+                <pre class="bg-blue-100 dark:bg-blue-900 p-2 rounded mt-1 overflow-x-auto">
+docker run -d \
+  -e PULSE_AUTH_USER={credentials()!.username} \
+  -e PULSE_AUTH_PASS={credentials()!.password} \
+  -e API_TOKEN={credentials()!.apiToken} \
+  rcourtman/pulse:latest</pre>
+              </div>
+            </div>
           </div>
         </div>
       </Show>