From 0b2634a20febbfe6d05e9b588093adcfbf13cab6 Mon Sep 17 00:00:00 2001
From: Christophe Besson <cbesson@gmail.com>
Date: Mon, 5 Oct 2026 10:39:50 +0200
Subject: feat: move the desktop client's Hub section from Settings to Profile

The hub address is where the person's account lives, so it sits with the
account: on the Profile page, after Sessions and before deleting the account.
Settings keeps "Keys on this device", which describes the machine.

The hint now says what the setting is: the hub this application connects
to, and that changing it signs you out while the account stays on that hub.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/meshbay_hub/static/profile-page.js         | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'packages/meshbay-hub/src/meshbay_hub/static/profile-page.js')

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/profile-page.js b/packages/meshbay-hub/src/meshbay_hub/static/profile-page.js
index 1800d72..aac3c14 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/profile-page.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/profile-page.js
@@ -27,6 +27,8 @@ async function lockedMessage(token) {
 
 export function ProfilePage({ user, onLogout }) {
   const [nodeKey, setNodeKey] = useState('');
+  const [hubInput, setHubInput] = useState('');
+  const [hubError, setHubError] = useState('');
   const [currentNodeKey, setCurrentNodeKey] = useState(null);
   const [nodeKeyStatus, setNodeKeyStatus] = useState('');
   const [nodeKeyLoading, setNodeKeyLoading] = useState(false);
@@ -602,6 +604,29 @@ export function ProfilePage({ user, onLogout }) {
         </button>
       </div>
 
+      ${platform.isNative && html`
+        <div class="settings-section">
+          <h3 class="settings-heading">${t('settings.hub_heading')}</h3>
+          <div class="settings-row">
+            <span class="settings-label">${t('settings.hub_current')}</span>
+            <span class="settings-value">${platform.hubBase() || '—'}</span>
+          </div>
+          <p class="settings-hint">${t('settings.hub_hint')}</p>
+          <form onSubmit=${async (e) => {
+            e.preventDefault();
+            setHubError('');
+            try {
+              await window.meshbay.setHubBase(hubInput.trim());
+            } catch (err) { setHubError(platform.bridgeMessage(err)); }
+          }} style="display:flex;gap:8px">
+            <input type="text" placeholder=${platform.hubBase()}
+              value=${hubInput} onInput=${e => setHubInput(e.target.value)} />
+            <button class="admin-btn" type="submit">${t('settings.hub_change')}</button>
+          </form>
+          ${hubError && html`<p class="error-msg">${hubError}</p>`}
+        </div>
+      `}
+
       <div class="settings-section">
         <h3 class="settings-heading">${t('settings.danger')}</h3>
         <p class="settings-hint">${t('settings.delete_hint')}</p>
-- 
cgit v1.2.3