Update onboarding Step 2: clarify Njal.la sequence and display external IP

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/4e4b917b-6246-4db3-9e2d-536cce11a19a

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>

app/sovran_systemsos_web/static/onboarding.js

@@ -109,18 +109,22 @@ async function loadStep2() {
   if (!body) return;
 
   try {
-    // Fetch services + domains in parallel
+    // Fetch services, domains, and network info in parallel
     var results = await Promise.all([
       apiFetch("/api/services"),
       apiFetch("/api/domains/status"),
+      apiFetch("/api/network"),
     ]);
     _servicesData = results[0];
     _domainsData  = results[1];
+    var networkData = results[2];
   } catch (err) {
     body.innerHTML = '<p class="onboarding-error">⚠ Could not load service data: ' + escHtml(err.message) + '</p>';
     return;
   }
 
+  var externalIp = (networkData && networkData.external_ip) || "Unknown (could not retrieve)";
+
   // Build set of enabled service units
   var enabledUnits = new Set();
   (_servicesData || []).forEach(function(svc) {
@@ -140,11 +144,13 @@ async function loadStep2() {
     html += '<div class="onboarding-port-warn" style="margin-bottom:16px;">'
       + '<strong>Before you continue:</strong>'
       + '<ol style="margin:8px 0 0 16px; padding:0; line-height:1.7;">'
-      + '<li>Purchase your subdomains on <a href="https://njal.la" target="_blank" style="color:var(--accent-color);">https://njal.la</a></li>'
+      + '<li>Create an account at <a href="https://njal.la" target="_blank" style="color:var(--accent-color);">https://njal.la</a></li>'
-      + '<li>For each subdomain, add a <strong>Dynamic</strong> record in your Njal.la dashboard</li>'
+      + '<li>Purchase your domain on Njal.la</li>'
+      + '<li>In the Njal.la web interface, create a <strong>Dynamic</strong> record pointing to this machine\'s external IP address:<br>'
+      + '<span style="display:inline-block;margin-top:4px;padding:4px 12px;background:var(--card-color);border:1px solid var(--border-color);border-radius:6px;font-family:monospace;font-size:1.1em;font-weight:700;letter-spacing:0.03em;">' + escHtml(externalIp) + '</span></li>'
       + '<li>Njal.la will give you a curl command like:<br>'
       + '<code style="font-size:0.8em;">curl "https://njal.la/update/?h=sub.domain.com&amp;k=abc123&amp;auto"</code></li>'
-      + '<li>Enter the subdomain and paste that curl command below</li>'
+      + '<li>Enter the subdomain and paste that curl command below for each service</li>'
       + '</ol>'
       + '</div>';
     html += '<p class="onboarding-hint">Enter each fully-qualified subdomain (e.g. <code>matrix.yourdomain.com</code>) and its Njal.la DDNS curl command.</p>';

app/sovran_systemsos_web/templates/onboarding.html

@@ -72,7 +72,8 @@
           <h2 class="onboarding-step-title">Domain Configuration</h2>
           <p class="onboarding-step-desc">
             Sovran_SystemsOS uses <strong><a href="https://njal.la" target="_blank" style="color: var(--accent-color);">Njal.la</a></strong> for domains and Dynamic DNS.
-            First, create an account at Njal.la and purchase your domain. Then, create a <strong>Dynamic</strong> DNS record in the Njal.la web interface pointing to this machine's external IP address (shown below).
+            First, create an account at <strong>Njal.la</strong> and purchase your domain.
+            Then, in the Njal.la web interface, create a <strong>Dynamic</strong> record pointing to this machine's external IP address (shown below).
             Finally, paste the DDNS curl command from your Njal.la dashboard for each service below.
           </p>
         </div>

onboarding.html

@@ -72,7 +72,8 @@
           <h2 class="onboarding-step-title">Domain Configuration</h2>
           <p class="onboarding-step-desc">
             Sovran_SystemsOS uses <strong><a href="https://njal.la" target="_blank" style="color: var(--accent-color);">Njal.la</a></strong> for domains and Dynamic DNS.
-            First, create an account at Njal.la and purchase your domain. Then, create a <strong>Dynamic</strong> DNS record in the Njal.la web interface pointing to this machine's external IP address (shown below).
+            First, create an account at <strong>Njal.la</strong> and purchase your domain.
+            Then, in the Njal.la web interface, create a <strong>Dynamic</strong> record pointing to this machine's external IP address (shown below).
             Finally, paste the DDNS curl command from your Njal.la dashboard for each service below.
           </p>
         </div>