From 90c3c6a01f46c9b29c5d92702d7383f32e8951d7 Mon Sep 17 00:00:00 2001
From: Christophe Besson <cbesson@gmail.com>
Date: Wed, 19 Aug 2026 16:36:29 +0200
Subject: feat(ui): 11-point UI overhaul — tabs, transfers, settings, uploads
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hub/UI:
- Icon-only group tabs (chat, files, settings) with per-group default tab
- Transfer widget: filename becomes a clickable link to open completed downloads
- Pulse animation on transfer icon (pale→dark green) while active
- Download button feedback in FilePreview (spinner, auto-reset)
- Group mute toggle persists across navigation
- Login page autofocus, chat refocus after send
- Theme toggle closes menu, status badge and duplicate connecting removed
- Create-folder restricted to operators, download-path note removed
- User preferences API (CRUD) with Alembic migration
- Profile: email display/edit via PATCH /v1/users/me
- Settings: "Defaults" section for default tab selector
- All 10 locale files updated

Node:
- upload_dir in node.toml: separate filesystem path for uploads
- Root.direct flag: uploads land at root path, no subdirectory
- CLI --upload-dir flag on `group add`
- Admin UI accepts upload_dir

Client (Electron):
- shell.openPath bridge for opening completed downloads
- platform.js passes open callback from native save

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/meshbay-hub/src/meshbay_hub/static/app.js | 291 +++++++++++++++++----
 .../src/meshbay_hub/static/locales/de.js           |  19 +-
 .../src/meshbay_hub/static/locales/en.js           |  17 +-
 .../src/meshbay_hub/static/locales/es.js           |  19 +-
 .../src/meshbay_hub/static/locales/fr.js           |  20 +-
 .../src/meshbay_hub/static/locales/it.js           |  19 +-
 .../src/meshbay_hub/static/locales/ja.js           |  20 +-
 .../src/meshbay_hub/static/locales/nl.js           |  19 +-
 .../src/meshbay_hub/static/locales/pl.js           |  19 +-
 .../src/meshbay_hub/static/locales/pt-BR.js        |  19 +-
 .../src/meshbay_hub/static/locales/zh-CN.js        |  17 +-
 .../meshbay-hub/src/meshbay_hub/static/platform.js |   1 +
 .../meshbay-hub/src/meshbay_hub/static/style.css   |  47 ++--
 13 files changed, 386 insertions(+), 141 deletions(-)

(limited to 'packages/meshbay-hub/src/meshbay_hub/static')

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/app.js b/packages/meshbay-hub/src/meshbay_hub/static/app.js
index 2e3c422..816c0ab 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/app.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/app.js
@@ -398,6 +398,11 @@ const ICON_PATHS = {
   check:    ['M4.5 12.5l5 5 10-11'],
   chevron:  ['M6 9.5l6 6 6-6'],
   close:    ['M6 6l12 12M18 6L6 18'],
+  chat:     ['M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'],
+  folder:   ['M3.5 6.6a1 1 0 0 1 1-1h4.2l2 2.4h7.8a1 1 0 0 1 1 1v9.4a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1z'],
+  'bell-off': ['M18 9a6 6 0 0 0-12 0c0 6-2.5 7.5-2.5 7.5h17S18 15 18 9',
+               'M10.3 20a2 2 0 0 0 3.4 0',
+               'M4 4l16 16'],
 };
 
 // The M of the wordmark is a picture; the rest is text. Resolved from this
@@ -472,6 +477,7 @@ function UserMenu({ user, theme, onThemeChange, onLogout }) {
           </button>
           <button class="user-menu-item" onClick=${() => {
             onThemeChange(resolved === 'dark' ? 'light' : 'dark');
+            setOpen(false);
           }}>
             <${Icon} name=${resolved === 'dark' ? 'sun' : 'moon'} cls="umi-icon" />
             ${' '}${resolved === 'dark' ? t('usermenu.theme_light') : t('usermenu.theme_dark')}
@@ -532,7 +538,10 @@ function TransferWidget() {
                 <span class="transfer-kind">
                   <${Icon} name=${it.kind === 'upload' ? 'upload' : 'download'} />
                 </span>
-                <span class="transfer-name" title=${it.name}>${it.name}</span>
+                ${it.canOpen
+                  ? html`<a class="transfer-name" href="#" title=${it.name}
+                      onClick=${(e) => { e.preventDefault(); transfers.open(it.id); }}>${it.name}</a>`
+                  : html`<span class="transfer-name" title=${it.name}>${it.name}</span>`}
                 ${it.status === 'running' && html`
                   <button class="transfer-cancel" title=${t('transfers.cancel')}
                     onClick=${() => transfers.cancel(it.id)}>
@@ -738,7 +747,7 @@ function LoginPage() {
         <form onSubmit=${onSubmit}>
           <input type="text" placeholder="${t('login.username')}" value=${username}
                  onInput=${e => setUsername(e.target.value)}
-                 autocomplete="username" required />
+                 autocomplete="username" required autofocus />
           <input type="password" placeholder="${t('login.password')}" value=${password}
                  onInput=${e => setPassword(e.target.value)}
                  autocomplete="current-password" required />
@@ -1284,8 +1293,8 @@ async function pipelinedDownload(transport, gekKey, fileId, totalChunks, onChunk
   return results;
 }
 
-function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
-                    onJoined, onGroupUpdated, onPresence, onLeft }) {
+function GroupPage({ groupId, group, token, username, userId, userPrefs,
+                    onRefreshAuth, onJoined, onGroupUpdated, onPresence, onLeft }) {
   const [status, setStatus] = useState('idle');
   const [entries, setEntries] = useState([]);
 
@@ -1301,7 +1310,23 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
   const [currentPath, setCurrentPath] = useState('');
   const [videoEntry, setVideoEntry] = useState(null);
   const [previewEntry, setPreviewEntry] = useState(null);
-  const [tab, setTab] = useState('chat');
+  const defaultTab = (userPrefs && (userPrefs[`default_tab:${groupId}`] || userPrefs['default_tab'])) || 'chat';
+  const [tab, setTab] = useState(defaultTab);
+  const [groupMuted, setGroupMuted] = useState(() => !!(group && group.muted));
+
+  const toggleGroupMute = useCallback(async () => {
+    const next = !groupMuted;
+    setGroupMuted(next);
+    try {
+      await hubFetch(`/v1/groups/${groupId}/mute`, {
+        method: 'POST', token, body: { muted: next },
+      });
+      if (onGroupUpdated) onGroupUpdated(groupId, { muted: next });
+    } catch (err) {
+      setGroupMuted(!next);
+    }
+  }, [groupMuted, groupId, token, onGroupUpdated]);
+
   // Directories are not index entries, so a new empty one needs a nudge
   // to appear in the breadcrumb listing.
   const [nodeDirs, setNodeDirs] = useState([]);
@@ -1520,9 +1545,13 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
     const target = await _openDownloadTarget(entry.name, entry.size);
     if (target === false) return;          // the picker was dismissed
 
+    const openRef = { url: null };
     transfers.start({
       kind: 'download', name: (target && target.name) || entry.name,
-      total: entry.size, transport, open: target && target.open,
+      total: entry.size, transport,
+      open: target
+        ? (target.open || null)
+        : () => { if (openRef.url) window.open(openRef.url, '_blank'); },
       run: async ({ signal, onProgress }) => {
         const totalChunks = Math.ceil(entry.size / CHUNK_SIZE);
         let done = 0;
@@ -1540,7 +1569,9 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
         } else {
           const chunks = await pipelinedDownload(
             transport, gek, entry.id, totalChunks, onChunk, null, signal);
-          _saveBlob(new Blob(chunks), entry.name);
+          const blob = new Blob(chunks);
+          _saveBlob(blob, entry.name);
+          openRef.url = URL.createObjectURL(blob);
         }
       },
     });
@@ -1642,10 +1673,14 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
       return;
     }
     const gek = gekRef.current;
+    const zipOpenRef = { url: null };
 
     transfers.start({
       kind: 'download', name: (target && target.name) || suggested,
-      total: totalBytes, transport, open: target && target.open,
+      total: totalBytes, transport,
+      open: target
+        ? (target.open || null)
+        : () => { if (zipOpenRef.url) window.open(zipOpenRef.url, '_blank'); },
       run: async ({ signal, onProgress }) => {
         const writable = target ? target.writable : null;
         const parts = writable ? null : [];
@@ -1671,7 +1706,11 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
           }
           await zip.finish();
           if (writable) await writable.close();
-          else _saveBlob(new Blob(parts, { type: 'application/zip' }), suggested);
+          else {
+            const blob = new Blob(parts, { type: 'application/zip' });
+            _saveBlob(blob, suggested);
+            zipOpenRef.url = URL.createObjectURL(blob);
+          }
         } catch (err) {
           if (writable) await writable.abort().catch(() => {});
           throw err;
@@ -1773,7 +1812,7 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
   // set of roots, which is the operator's configuration and not a directory on
   // anyone's disk. The node refuses it, so offering it would only produce an
   // error nobody can act on.
-  const canCreateDir = Boolean(currentPath);
+  const canCreateDir = Boolean(currentPath) && isNodeAdmin;
 
   const baseLabel = {
     idle: t('status.idle'),
@@ -1786,9 +1825,6 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
   }[status] || status;
   const statusLabel = baseLabel;
 
-  const statusClass = status === 'connected' ? 'status-ok'
-    : status === 'error' || status === 'offline' ? 'status-err' : 'status-busy';
-
   const breadcrumbs = currentPath ? currentPath.split('/') : [];
 
   // Selection is keyed globally — file ids, and 'dir:' plus a full path — so
@@ -1923,11 +1959,12 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
               `}
             `}
         </div>
-        <span class="status-badge ${statusClass}">
-          ${(status === 'discovering' || status === 'connecting' || status === 'fetching')
-            && html`<span class="spinner"></span>${' '}`}
-          ${statusLabel}
-        </span>
+        ${group && html`
+          <button class="group-mute-btn" onClick=${toggleGroupMute}
+            title=${groupMuted ? t('group.unmute') : t('group.mute')}>
+            <${Icon} name=${groupMuted ? 'bell-off' : 'bell'} />
+          </button>
+        `}
       </div>
       ${error && html`<div class="error-msg" style="margin-bottom:12px">${error}</div>`}
       ${needsDevice && html`
@@ -1969,15 +2006,18 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
             chat still need the node and say so. */ group && html`
         <div class="group-tabs">
           <button class="group-tab ${tab === 'chat' ? 'active' : ''}"
-            onClick=${() => setTab('chat')}>${t('group.tab_chat')}</button>
+            onClick=${() => setTab('chat')} title=${t('group.tab_chat')}>
+            <${Icon} name="chat" cls="tab-icon" /></button>
           <button class="group-tab ${tab === 'files' ? 'active' : ''}"
-            onClick=${() => setTab('files')}>${t('group.tab_files')}</button>
+            onClick=${() => setTab('files')} title=${t('group.tab_files')}>
+            <${Icon} name="folder" cls="tab-icon" /></button>
           <button class="group-tab ${tab === 'settings' ? 'active' : ''}"
-            onClick=${() => setTab('settings')}>${t('group.tab_settings')}</button>
+            onClick=${() => setTab('settings')} title=${t('group.tab_settings')}>
+            <${Icon} name="gear" cls="tab-icon" /></button>
         </div>
 
         ${tab === 'files' && status !== 'connected' && html`
-          <p class="page-message"><span class="spinner"></span>${' '}${t('status.connecting')}</p>
+          <p class="page-message"><span class="spinner"></span>${' '}${t('status.connecting_short')}</p>
         `}
 
         ${tab === 'files' && status === 'connected' && html`
@@ -2114,7 +2154,7 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
             }} />
         `}
         ${tab === 'chat' && status !== 'connected' && html`
-          <p class="page-message"><span class="spinner"></span>${' '}${t('status.connecting')}</p>
+          <p class="page-message"><span class="spinner"></span>${' '}${t('status.connecting_short')}</p>
         `}
 
         ${tab === 'settings' && html`
@@ -2134,8 +2174,8 @@ function GroupPage({ groupId, group, token, username, userId, onRefreshAuth,
           ${' '}${t('group.offline_hint')}
         </p>
       `}
-      ${(status === 'discovering' || status === 'connecting' || status === 'fetching') && html`
-        <p class="page-message">${statusLabel}</p>
+      ${(status === 'discovering' || status === 'connecting' || status === 'fetching') && !group && html`
+        <p class="page-message"><span class="spinner"></span>${' '}${t('status.connecting_short')}</p>
       `}
       ${previewEntry && html`
         <${FilePreview}
@@ -2167,6 +2207,7 @@ function FilePreview({ entry, transportRef, gekRef, onClose, onDownload }) {
   const [progress, setProgress] = useState(0);
   const [content, setContent] = useState(null);
   const [error, setError] = useState('');
+  const [downloading, setDownloading] = useState(false);
   const blobUrlRef = useRef(null);
 
   useEffect(() => {
@@ -2239,9 +2280,18 @@ function FilePreview({ entry, transportRef, gekRef, onClose, onDownload }) {
       <div class="video-top-bar">
         <span class="video-title">${entry.name} (${formatSize(entry.size)})</span>
         ${onDownload && html`
-          <button class="video-close" onClick=${onDownload}
-                  title="${t('group.download')}">
-            <${Icon} name="download" /></button>
+          <button class="video-close ${downloading ? 'dl-active' : ''}"
+            onClick=${() => {
+              if (!downloading) {
+                setDownloading(true);
+                onDownload();
+                setTimeout(() => setDownloading(false), 1500);
+              }
+            }}
+            title="${t('group.download')}" disabled=${downloading}>
+            ${downloading
+              ? html`<span class="spinner"></span>`
+              : html`<${Icon} name="download" />`}</button>
         `}
         <button class="video-close" onClick=${onClose} title="${t('video.close')}">
           <${Icon} name="close" /></button>
@@ -2297,7 +2347,8 @@ function _b64ToU8(b64) {
  */
 function GroupSettingsPanel({ groupId, group, token, transportRef, gekRef,
                              isNodeAdmin, userId, operatorPaired, connected,
-                             memberUpload, onMemberUpload, onPaired, onLeft }) {
+                             memberUpload, onMemberUpload,
+                             onPaired, onLeft }) {
   const [members, setMembers] = useState([]);
   const [adminId, setAdminId] = useState('');
   const [loading, setLoading] = useState(true);
@@ -2833,6 +2884,7 @@ function ChatPanel({ transportRef, username, entries, gekRef, onRefreshIndex,
   const [attaching, setAttaching] = useState(false);
   const listRef = useRef(null);
   const panelRef = useRef(null);
+  const inputRef = useRef(null);
   const loadedRef = useRef(false);
   // Set just before older messages are prepended; read once, after the DOM has
   // them but before the browser paints.
@@ -2998,6 +3050,7 @@ function ChatPanel({ transportRef, username, entries, gekRef, onRefreshIndex,
       setInput(text);
     } finally {
       setSending(false);
+      setTimeout(() => { if (inputRef.current) inputRef.current.focus(); });
     }
   }, [input, username, jumpToBottom]);
 
@@ -3126,7 +3179,7 @@ function ChatPanel({ transportRef, username, entries, gekRef, onRefreshIndex,
           <input type="file" style="display:none" onChange=${attachFile} disabled=${attaching} />
         </label>
         `}
-        <textarea class="chat-input" rows="1"
+        <textarea class="chat-input" rows="1" ref=${inputRef}
           placeholder="${t('chat.placeholder')}"
           value=${input}
           onInput=${e => setInput(e.target.value)}
@@ -3224,6 +3277,7 @@ function purgeUnscopedResumePositions() {
 purgeUnscopedResumePositions();
 
 function VideoPlayer({ entry, transportRef, gekRef, onClose, onDownload }) {
+  const [dlBusy, setDlBusy] = useState(false);
   const [phase, setPhase] = useState('loading');
   const [error, setError] = useState('');
   const videoRef = useRef(null);
@@ -3855,9 +3909,18 @@ function VideoPlayer({ entry, transportRef, gekRef, onClose, onDownload }) {
       <div class="video-top-bar">
         <span class="video-title">${entry.name} (${formatSize(entry.size)})</span>
         ${onDownload && html`
-          <button class="video-close" onClick=${onDownload}
-                  title="${t('group.download')}">
-            <${Icon} name="download" /></button>
+          <button class="video-close ${dlBusy ? 'dl-active' : ''}" disabled=${dlBusy}
+            onClick=${() => {
+              if (!dlBusy) {
+                setDlBusy(true);
+                onDownload();
+                setTimeout(() => setDlBusy(false), 1500);
+              }
+            }}
+            title="${t('group.download')}">
+            ${dlBusy
+              ? html`<span class="spinner"></span>`
+              : html`<${Icon} name="download" />`}</button>
         `}
         <button class="video-close" onClick=${onClose} title="${t('video.close')}">
           <${Icon} name="close" /></button>
@@ -4019,6 +4082,11 @@ function ProfilePage({ user, onLogout }) {
   const [currentNodeKey, setCurrentNodeKey] = useState(null);
   const [nodeKeyStatus, setNodeKeyStatus] = useState('');
   const [nodeKeyLoading, setNodeKeyLoading] = useState(false);
+  const [email, setEmail] = useState('');
+  const [emailDraft, setEmailDraft] = useState('');
+  const [emailEditing, setEmailEditing] = useState(false);
+  const [emailSaving, setEmailSaving] = useState(false);
+  const [emailStatus, setEmailStatus] = useState('');
   const [pinCount, setPinCount] = useState(
     () => (window.MeshBayTransport?.pinnedNodeCount?.() ?? 0));
   const [delOpen, setDelOpen] = useState(false);
@@ -4031,8 +4099,6 @@ function ProfilePage({ user, onLogout }) {
     setDeleting(true);
     setDelError('');
     try {
-      // The passphrase is re-checked by the hub, not merely by this form: an
-      // open session is not consent to something irreversible.
       const authKey = await window.MeshBayKeys.deriveAuthKey(delPass, user.username);
       await hubFetch('/v1/users/me', {
         method: 'DELETE', token: user.token, body: { auth_key: authKey },
@@ -4045,14 +4111,17 @@ function ProfilePage({ user, onLogout }) {
     }
   }, [delPass, user]);
 
-  // 11.5.8: node identity pins are refused strictly on change, so users need a
-  // deliberate way to accept a legitimate rotation (operator reinstalled a node).
   const clearPins = useCallback(() => {
     window.MeshBayTransport?.clearNodePin?.();
     setPinCount(window.MeshBayTransport?.pinnedNodeCount?.() ?? 0);
   }, []);
 
   useEffect(() => {
+    hubFetch('/v1/users/me', { token: user.token })
+      .then(data => {
+        if (data.email) { setEmail(data.email); setEmailDraft(data.email); }
+      })
+      .catch(() => {});
     hubFetch(`/v1/users/${user.username}/pubkeys`, { token: user.token })
       .then(data => {
         if (data.pk_node_ed25519) setCurrentNodeKey(data.pk_node_ed25519);
@@ -4060,6 +4129,26 @@ function ProfilePage({ user, onLogout }) {
       .catch(() => {});
   }, [user.username, user.token]);
 
+  const saveEmail = useCallback(async () => {
+    const val = emailDraft.trim();
+    if (!val || val === email) { setEmailEditing(false); return; }
+    setEmailSaving(true);
+    setEmailStatus('');
+    try {
+      await hubFetch('/v1/users/me', {
+        method: 'PATCH', token: user.token, body: { email: val },
+      });
+      setEmail(val);
+      setEmailEditing(false);
+      setEmailStatus(t('settings.email_saved'));
+      setTimeout(() => setEmailStatus(''), 3000);
+    } catch (e) {
+      setEmailStatus(e.message);
+    } finally {
+      setEmailSaving(false);
+    }
+  }, [emailDraft, email, user.token]);
+
   const submitNodeKey = useCallback(async () => {
     const key = nodeKey.trim();
     if (!key) return;
@@ -4091,9 +4180,27 @@ function ProfilePage({ user, onLogout }) {
           <span class="settings-value">${user.username}</span>
         </div>
         <div class="settings-row">
-          <span class="settings-label">${t('settings.role')}</span>
-          <span class="settings-value">${user.role || 'user'}</span>
+          <span class="settings-label">${t('settings.email')}</span>
+          ${emailEditing
+            ? html`<span style="display:flex;gap:8px;align-items:center">
+                <input type="email" value=${emailDraft}
+                  onInput=${e => setEmailDraft(e.target.value)}
+                  onKeyDown=${e => e.key === 'Enter' && saveEmail()}
+                  style="font-size:0.9em;padding:4px 8px;border:1px solid var(--border);border-radius:4px" />
+                <button class="admin-btn" onClick=${saveEmail}
+                  disabled=${emailSaving}>${t('settings.email_save')}</button>
+                <button class="btn-secondary" onClick=${() => {
+                  setEmailEditing(false); setEmailDraft(email);
+                }}>${t('settings.cancel')}</button>
+              </span>`
+            : html`<span style="display:flex;gap:8px;align-items:center">
+                <span class="settings-value">${email || '—'}</span>
+                <button class="link-btn" onClick=${() => setEmailEditing(true)}>
+                  <${Icon} name="pencil" /></button>
+              </span>`
+          }
         </div>
+        ${emailStatus && html`<p class="settings-hint" style="margin-top:4px">${emailStatus}</p>`}
       </div>
 
       <div class="settings-section">
@@ -4164,11 +4271,13 @@ function ProfilePage({ user, onLogout }) {
   `;
 }
 
-function SettingsPage({ user, theme, onThemeChange, groups }) {
+function SettingsPage({ user, theme, onThemeChange, groups, onPrefsChange }) {
   const [locale, setLoc] = useState(getLocale);
-  // Comes from the hub with the group list, so it is the same on every device.
   const [muted, setMuted] = useState(
     () => Object.fromEntries((groups || []).map(g => [g.id, !!g.muted])));
+  const [globalMute, setGlobalMute] = useState(false);
+  const [defaultTab, setDefaultTab] = useState('chat');
+
   const onLocaleChange = useCallback((e) => {
     const code = e.target.value;
     setLocale(code);
@@ -4180,10 +4289,30 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
     onThemeChange(e.target.value);
   }, [onThemeChange]);
 
+  useEffect(() => {
+    hubFetch('/v1/users/me/preferences', { token: user.token })
+      .then(prefs => {
+        if (prefs.notifications_disabled === 'true') setGlobalMute(true);
+        if (prefs.default_tab) setDefaultTab(prefs.default_tab);
+      })
+      .catch(() => {});
+  }, [user.token]);
+
+  const toggleGlobalMute = useCallback(async () => {
+    const next = !globalMute;
+    setGlobalMute(next);
+    try {
+      await hubFetch('/v1/users/me/preferences/notifications_disabled', {
+        method: 'PUT', token: user.token,
+        body: { value: next ? 'true' : 'false' },
+      });
+      if (onPrefsChange) onPrefsChange({ notifications_disabled: next });
+    } catch (err) {
+      setGlobalMute(!next);
+    }
+  }, [globalMute, user.token, onPrefsChange]);
+
   const toggleMute = useCallback(async (gid) => {
-    // Server-side: this used to write to localStorage, which nothing read, so
-    // muting a group had no effect on anything. The hub now declines to create
-    // the notification at all.
     const next = !muted[gid];
     setMuted(prev => ({ ...prev, [gid]: next }));
     try {
@@ -4195,6 +4324,18 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
     }
   }, [muted, user.token]);
 
+  const changeDefaultTab = useCallback(async (e) => {
+    const val = e.target.value;
+    setDefaultTab(val);
+    try {
+      await hubFetch('/v1/users/me/preferences/default_tab', {
+        method: 'PUT', token: user.token,
+        body: { value: val },
+      });
+      if (onPrefsChange) onPrefsChange({ default_tab: val });
+    } catch { setDefaultTab(defaultTab); }
+  }, [defaultTab, user.token, onPrefsChange]);
+
   const [dlMode, setDlMode] = useState(() => downloads.getMode());
   const [dlDir, setDlDir] = useState(null);
   const [dlError, setDlError] = useState('');
@@ -4250,9 +4391,7 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
 
       <div class="settings-section">
         <h3 class="settings-heading">${t('settings.downloads')}</h3>
-        ${!(downloads.SUPPORTED || platform.folder.available)
-          ? html`<p class="settings-hint">${t('settings.dl_unsupported')}</p>`
-          : html`
+        ${(downloads.SUPPORTED || platform.folder.available) && html`
             <label class="settings-choice">
               <input type="radio" name="dlmode" checked=${dlMode === 'auto'}
                 onChange=${() => { downloads.setMode('auto'); setDlMode('auto'); }} />
@@ -4289,8 +4428,7 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
               </span>
             </div>
             ${dlError && html`<p class="error-msg">${dlError}</p>`}
-            <p class="settings-hint">${t('settings.dl_path_note')}</p>
-          `}
+        `}
       </div>
 
       <div class="settings-section">
@@ -4313,9 +4451,17 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
         </div>
       </div>
 
-      ${groups.length > 0 && html`
-        <div class="settings-section">
-          <h3 class="settings-heading">${t('settings.groups')}</h3>
+      <div class="settings-section">
+        <h3 class="settings-heading">${t('settings.groups')}</h3>
+        <div class="settings-row">
+          <span class="settings-label">${t('settings.notif_global_disable')}</span>
+          <label class="settings-value" style="cursor:pointer">
+            <input type="checkbox" checked=${globalMute}
+              onChange=${toggleGlobalMute} />
+          </label>
+        </div>
+        ${!globalMute && html`
+          <p class="settings-hint" style="margin-bottom:8px">${t('settings.notif_global_hint')}</p>
           ${groups.map(g => html`
             <div class="settings-row" key=${g.id}>
               <span class="settings-label">${g.name}</span>
@@ -4326,8 +4472,22 @@ function SettingsPage({ user, theme, onThemeChange, groups }) {
               </label>
             </div>
           `)}
+        `}
+      </div>
+
+      <div class="settings-section">
+        <h3 class="settings-heading">${t('settings.defaults')}</h3>
+        <div class="settings-row">
+          <span class="settings-label">${t('settings.default_tab')}</span>
+          <select class="settings-select" value=${defaultTab}
+            onChange=${changeDefaultTab}>
+            <option value="chat">${t('group.tab_chat')}</option>
+            <option value="files">${t('group.tab_files')}</option>
+            <option value="settings">${t('group.tab_settings')}</option>
+          </select>
         </div>
-      `}
+        <p class="settings-hint">${t('settings.default_tab_hint')}</p>
+      </div>
 
       ${platform.isNative && html`
         <div class="settings-section">
@@ -4792,6 +4952,8 @@ function App() {
   const [menuOpen, setMenuOpen] = useState(false);
   const [notifications, setNotifications] = useState([]);
   const [unreadCount, setUnreadCount] = useState(0);
+  const [notifDisabled, setNotifDisabled] = useState(false);
+  const [userPrefs, setUserPrefs] = useState({});
 
   const resolved = resolveTheme(theme);
 
@@ -4828,20 +4990,28 @@ function App() {
   }, [theme, resolved]);
 
   const fetchNotifications = useCallback(() => {
-    if (!user) return;
+    if (!user || notifDisabled) {
+      setNotifications([]); setUnreadCount(0); return;
+    }
     hubFetch('/v1/notifications?limit=20', { token: user.token })
       .then(data => {
         setNotifications(data.notifications || []);
         setUnreadCount(data.unread_count || 0);
       })
       .catch(() => {});
-  }, [user]);
+  }, [user, notifDisabled]);
 
   useEffect(() => {
     if (!user) { setGroups([]); setNotifications([]); setUnreadCount(0); return; }
     hubFetch('/v1/groups/mine', { token: user.token })
       .then(data => setGroups(data.groups || []))
       .catch(() => setGroups([]));
+    hubFetch('/v1/users/me/preferences', { token: user.token })
+      .then(prefs => {
+        setUserPrefs(prefs || {});
+        if (prefs.notifications_disabled === 'true') setNotifDisabled(true);
+      })
+      .catch(() => {});
     fetchNotifications();
   }, [user]);
 
@@ -5062,6 +5232,7 @@ function App() {
     page = html`<${GroupPage}
       groupId=${groupId} group=${group} token=${user.token}
       username=${user.username} userId=${user.userId}
+      userPrefs=${userPrefs}
       onRefreshAuth=${refreshAuth} onJoined=${dismissGroupNotifications}
       onGroupUpdated=${updateGroup} onPresence=${notePresence}
       onLeft=${handleLeftGroup} />`;
@@ -5072,7 +5243,15 @@ function App() {
           onMarkRead=${markRead} onPurge=${purgeNotifications} />`;
   } else if (route === '/settings') {
     page = html`<${SettingsPage} user=${user} theme=${theme}
-      onThemeChange=${setTheme} groups=${groups} />`;
+      onThemeChange=${setTheme} groups=${groups}
+      onPrefsChange=${(p) => {
+        if ('notifications_disabled' in p) {
+          setNotifDisabled(p.notifications_disabled);
+          if (p.notifications_disabled) { setNotifications([]); setUnreadCount(0); }
+          else fetchNotifications();
+        }
+        setUserPrefs(prev => ({ ...prev, ...p }));
+      }} />`;
   } else if (route === '/profile') {
     page = html`<${ProfilePage} user=${user} onLogout=${authCtx.logout} />`;
   } else {
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/de.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/de.js
index df72382..ec56f03 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/de.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/de.js
@@ -127,6 +127,7 @@ export default {
   'status.idle': 'Inaktiv',
   'status.discovering': 'Nodes werden gesucht …',
   'status.connecting': 'Verbindung über WebRTC …',
+  'status.connecting_short': 'Verbindung wird hergestellt…',
   'status.fetching': 'Index wird abgerufen …',
   'status.files': {
     one: '{n} Datei',
@@ -169,15 +170,17 @@ export default {
   'settings.dl_choose': 'Ordner auswählen',
   'settings.dl_change': 'Ändern',
   'settings.dl_forget': 'Verwerfen',
-  'settings.dl_path_note': 'Einer Webseite lässt sich kein Pfad übergeben, hier ist '
-    + 'also nichts einzutippen: Ihr Browser gewährt Zugriff auf den Ordner, den Sie '
-    + 'auswählen, und MeshBay schreibt ausschließlich darin. Einmal pro Sitzung kann '
-    + 'eine Bestätigung verlangt werden.',
-  'settings.dl_unsupported': 'Dieser Browser kann nicht in einen Ordner Ihrer Wahl '
-    + 'schreiben (keine File System Access API), daher landen Downloads in seinem '
-    + 'eigenen Download-Ordner. Chrome und Edge lassen die Wahl zu.',
+
   'settings.profile': 'Profil',
   'settings.username': 'Benutzername',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Standardwerte',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Node-Identitäten',
   'settings.node_pins_hint': 'Der Identitätsschlüssel jedes Nodes wird bei der ersten '
     + 'Verbindung gemerkt. Ändert er sich, wird die Verbindung abgelehnt — das ist nur '
@@ -452,6 +455,8 @@ export default {
   'chat.jump_new': 'Neue Nachrichten',
   'group.leave': 'Gruppe verlassen',
   'group.leave_confirm': '„{name}“ verlassen? Sie verlieren den Zugang zu ihren Dateien und zum Chat. Hochgeladene Dateien bleiben auf dem Node, und der Node behält die für Sie gemerkte Identität, bis sein Betreiber sie entfernt.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Profil',
   'usermenu.profile': 'Profil',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/en.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/en.js
index ce14f0b..cb4b349 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/en.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/en.js
@@ -126,6 +126,7 @@ export default {
   'status.idle': 'Idle',
   'status.discovering': 'Finding nodes...',
   'status.connecting': 'Connecting via WebRTC...',
+  'status.connecting_short': 'Connecting...',
   'status.fetching': 'Fetching index...',
   'status.files': {
     one: '{n} file',
@@ -167,14 +168,16 @@ export default {
   'settings.dl_choose': 'Choose folder',
   'settings.dl_change': 'Change',
   'settings.dl_forget': 'Forget',
-  'settings.dl_path_note': 'A web page cannot be given a path, so there is nothing '
-    + 'to type here: your browser grants access to the folder you pick, and MeshBay '
-    + 'only ever writes inside it. You may be asked to confirm once per session.',
-  'settings.dl_unsupported': 'This browser cannot write into a folder of your '
-    + 'choosing (no File System Access API), so downloads go to its own download '
-    + 'folder. Chrome and Edge support choosing one.',
   'settings.profile': 'Profile',
   'settings.username': 'Username',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Defaults',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Node identities',
   'settings.node_pins_hint': "Each node's identity key is remembered the first time you connect. If it changes, the connection is refused — that is expected only when an operator reinstalls a node. Verify with them before clearing.",
   'settings.node_pins_count': {
@@ -437,6 +440,8 @@ export default {
   'chat.jump_new': 'New messages',
   'group.leave': 'Leave group',
   'group.leave_confirm': 'Leave “{name}”? You will lose access to its files and chat. Files you uploaded stay on the node, and the node keeps the identity it pinned for you until its operator removes it.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Profile',
   'usermenu.profile': 'Profile',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/es.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/es.js
index 2d9084b..5afb3c3 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/es.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/es.js
@@ -125,6 +125,7 @@ export default {
   'status.idle': 'Inactivo',
   'status.discovering': 'Buscando nodes...',
   'status.connecting': 'Conectando por WebRTC...',
+  'status.connecting_short': 'Conectando…',
   'status.fetching': 'Obteniendo el índice...',
   'status.files': {
     one: '{n} archivo',
@@ -167,15 +168,17 @@ export default {
   'settings.dl_choose': 'Elegir carpeta',
   'settings.dl_change': 'Cambiar',
   'settings.dl_forget': 'Olvidar',
-  'settings.dl_path_note': 'A una página web no se le puede indicar una ruta, así que '
-    + 'aquí no hay nada que escribir: su navegador concede acceso a la carpeta que '
-    + 'usted señale, y MeshBay solo escribe dentro de ella. Es posible que se le pida '
-    + 'confirmación una vez por sesión.',
-  'settings.dl_unsupported': 'Este navegador no puede escribir en una carpeta de su '
-    + 'elección (no tiene File System Access API), de modo que las descargas van a su '
-    + 'propia carpeta de descargas. Chrome y Edge sí permiten elegir una.',
+
   'settings.profile': 'Perfil',
   'settings.username': 'Nombre de usuario',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Valores predeterminados',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Identidades de los nodes',
   'settings.node_pins_hint': 'La clave de identidad de cada node se memoriza la '
     + 'primera vez que se conecta. Si cambia, la conexión se rechaza — algo esperable '
@@ -447,6 +450,8 @@ export default {
   'chat.jump_new': 'Mensajes nuevos',
   'group.leave': 'Salir del grupo',
   'group.leave_confirm': '¿Salir de «{name}»? Perderá el acceso a sus archivos y a su chat. Los archivos que subió permanecen en el node, y este conserva la identidad que fijó para usted hasta que su operador la retire.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Perfil',
   'usermenu.profile': 'Perfil',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/fr.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/fr.js
index 9aa2857..fe6c666 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/fr.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/fr.js
@@ -126,6 +126,7 @@ export default {
   'status.idle': 'Inactif',
   'status.discovering': 'Recherche de nodes...',
   'status.connecting': 'Connexion via WebRTC...',
+  'status.connecting_short': 'Connexion…',
   'status.fetching': "Récupération de l'index...",
   'status.files': {
     one: '{n} fichier',
@@ -168,16 +169,17 @@ export default {
   'settings.dl_choose': 'Choisir un dossier',
   'settings.dl_change': 'Changer',
   'settings.dl_forget': 'Oublier',
-  'settings.dl_path_note': 'On ne peut pas indiquer un chemin à une page web, il n’y '
-    + 'a donc rien à saisir ici : votre navigateur donne accès au dossier que vous '
-    + 'désignez, et MeshBay n’écrit jamais ailleurs qu’à l’intérieur. Une '
-    + 'confirmation peut vous être demandée une fois par session.',
-  'settings.dl_unsupported': 'Ce navigateur ne sait pas écrire dans un dossier de '
-    + 'votre choix (pas de File System Access API) ; les téléchargements vont donc '
-    + 'dans son propre dossier de téléchargement. Chrome et Edge permettent d’en '
-    + 'choisir un.',
+
   'settings.profile': 'Profil',
   'settings.username': "Nom d'utilisateur",
+  'settings.email': 'E-mail',
+  'settings.email_save': 'Enregistrer',
+  'settings.email_saved': 'E-mail mis à jour',
+  'settings.notif_global_disable': 'Désactiver toutes les notifications',
+  'settings.notif_global_hint': 'Quand activé, aucune notification n\x27est créée pour aucun groupe.',
+  'settings.defaults': 'Valeurs par défaut',
+  'settings.default_tab': 'Onglet par défaut',
+  'settings.default_tab_hint': 'L\'onglet qui s\'ouvre en premier quand vous entrez dans un groupe.',
   'settings.node_pins': 'Identités des nodes',
   'settings.node_pins_hint': "La clé d'identité de chaque node est mémorisée lors de "
     + 'la première connexion. Si elle change, la connexion est refusée — ce qui n’est '
@@ -452,6 +454,8 @@ export default {
   'chat.jump_new': 'Nouveaux messages',
   'group.leave': 'Quitter le groupe',
   'group.leave_confirm': 'Quitter « {name} » ? Vous perdrez l’accès à ses fichiers et à sa discussion. Les fichiers que vous avez envoyés restent sur le node, et celui-ci conserve l’identité qu’il a épinglée pour vous jusqu’à ce que son opérateur la retire.',
+  'group.mute': 'Couper les notifications',
+  'group.unmute': 'Réactiver les notifications',
   'profile.title': 'Profil',
   'usermenu.profile': 'Profil',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/it.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/it.js
index 379e7cb..5653ec0 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/it.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/it.js
@@ -126,6 +126,7 @@ export default {
   'status.idle': 'Inattivo',
   'status.discovering': 'Ricerca dei node...',
   'status.connecting': 'Connessione tramite WebRTC...',
+  'status.connecting_short': 'Connessione…',
   'status.fetching': "Recupero dell'indice...",
   'status.files': {
     one: '{n} file',
@@ -168,15 +169,17 @@ export default {
   'settings.dl_choose': 'Scegli una cartella',
   'settings.dl_change': 'Cambia',
   'settings.dl_forget': 'Dimentica',
-  'settings.dl_path_note': 'A una pagina web non si può indicare un percorso, quindi '
-    + 'qui non c’è nulla da digitare: è il browser a concedere l’accesso alla cartella '
-    + 'che indica, e MeshBay scrive soltanto al suo interno. Potrebbe esserle chiesta '
-    + 'una conferma una volta per sessione.',
-  'settings.dl_unsupported': 'Questo browser non sa scrivere in una cartella a sua '
-    + 'scelta (manca la File System Access API), perciò i download finiscono nella sua '
-    + 'cartella di download. Chrome ed Edge permettono di sceglierne una.',
+
   'settings.profile': 'Profilo',
   'settings.username': 'Nome utente',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Valori predefiniti',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Identità dei node',
   'settings.node_pins_hint': "La chiave d'identità di ogni node viene memorizzata alla "
     + 'prima connessione. Se cambia, la connessione viene rifiutata — cosa che ci si '
@@ -449,6 +452,8 @@ export default {
   'chat.jump_new': 'Nuovi messaggi',
   'group.leave': 'Esci dal gruppo',
   'group.leave_confirm': 'Uscire da «{name}»? Perderà l’accesso ai suoi file e alla chat. I file che ha caricato restano sul node, e il node mantiene l’identità che ha fissato per lei finché il suo operatore non la rimuove.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Profilo',
   'usermenu.profile': 'Profilo',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/ja.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/ja.js
index 45e7aa5..aa3899d 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/ja.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/ja.js
@@ -124,6 +124,7 @@ export default {
   'status.idle': '待機中',
   'status.discovering': 'node を探しています…',
   'status.connecting': 'WebRTC で接続しています…',
+  'status.connecting_short': '接続中…',
   'status.fetching': 'インデックスを取得しています…',
   'status.files': {
     other: '{n} 個のファイル',
@@ -165,16 +166,17 @@ export default {
   'settings.dl_choose': 'フォルダーを選択',
   'settings.dl_change': '変更',
   'settings.dl_forget': '解除',
-  'settings.dl_path_note': 'ウェブページにパスを指定することはできないため、'
-    + 'ここに入力するものはありません。お選びになったフォルダーへのアクセスは'
-    + 'ブラウザーが許可し、MeshBay はその中にしか書き込みません。'
-    + 'セッションごとに 1 回、確認を求められることがあります。',
-  'settings.dl_unsupported': 'このブラウザーはお好きなフォルダーへの書き込みに'
-    + '対応していないため（File System Access API がありません）、'
-    + 'ダウンロードはブラウザー自身のダウンロードフォルダーに保存されます。'
-    + 'Chrome と Edge では選択できます。',
+
   'settings.profile': 'プロフィール',
   'settings.username': 'ユーザー名',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'デフォルト',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'node の識別情報',
   'settings.node_pins_hint': '各 node の識別鍵は、最初に接続したときに記憶されます。'
     + 'それが変わった場合、接続は拒否されます。これが起こるのは、運営者が node を'
@@ -438,6 +440,8 @@ export default {
   'chat.jump_new': '新しいメッセージ',
   'group.leave': 'グループを退出',
   'group.leave_confirm': '「{name}」を退出しますか？ファイルとチャットへのアクセスがなくなります。アップロードしたファイルは node に残り、node は固定した識別情報を運営者が削除するまで保持します。',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'プロフィール',
   'usermenu.profile': 'プロフィール',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/nl.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/nl.js
index 37d3e24..c5841dd 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/nl.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/nl.js
@@ -127,6 +127,7 @@ export default {
   'status.idle': 'Inactief',
   'status.discovering': 'Nodes zoeken...',
   'status.connecting': 'Verbinden via WebRTC...',
+  'status.connecting_short': 'Verbinden…',
   'status.fetching': 'Index ophalen...',
   'status.files': {
     one: '{n} bestand',
@@ -169,15 +170,17 @@ export default {
   'settings.dl_choose': 'Map kiezen',
   'settings.dl_change': 'Wijzigen',
   'settings.dl_forget': 'Vergeten',
-  'settings.dl_path_note': 'Aan een webpagina kan geen pad worden doorgegeven, dus '
-    + 'hier valt niets in te typen: uw browser verleent toegang tot de map die u '
-    + 'aanwijst, en MeshBay schrijft uitsluitend daarbinnen. Mogelijk wordt u één keer '
-    + 'per sessie om bevestiging gevraagd.',
-  'settings.dl_unsupported': 'Deze browser kan niet schrijven naar een map van uw keuze '
-    + '(geen File System Access API), dus downloads gaan naar zijn eigen downloadmap. '
-    + 'Chrome en Edge laten wel een keuze toe.',
+
   'settings.profile': 'Profiel',
   'settings.username': 'Gebruikersnaam',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Standaardwaarden',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Node-identiteiten',
   'settings.node_pins_hint': 'De identiteitssleutel van elke node wordt bij de eerste '
     + 'verbinding onthouden. Verandert die, dan wordt de verbinding geweigerd — wat '
@@ -451,6 +454,8 @@ export default {
   'chat.jump_new': 'Nieuwe berichten',
   'group.leave': 'Groep verlaten',
   'group.leave_confirm': '„{name}” verlaten? U verliest de toegang tot de bestanden en de chat ervan. Bestanden die u hebt geüpload blijven op de node, en de node houdt de voor u vastgezette identiteit tot zijn beheerder die weghaalt.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Profiel',
   'usermenu.profile': 'Profiel',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/pl.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/pl.js
index 6766515..eec144b 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/pl.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/pl.js
@@ -130,6 +130,7 @@ export default {
   'status.idle': 'Bezczynny',
   'status.discovering': 'Szukanie nodes...',
   'status.connecting': 'Łączenie przez WebRTC...',
+  'status.connecting_short': 'Łączenie…',
   'status.fetching': 'Pobieranie indeksu...',
   'status.files': {
     one: '{n} plik',
@@ -174,15 +175,17 @@ export default {
   'settings.dl_choose': 'Wybierz folder',
   'settings.dl_change': 'Zmień',
   'settings.dl_forget': 'Zapomnij',
-  'settings.dl_path_note': 'Stronie internetowej nie da się podać ścieżki, więc nie ma '
-    + 'tu czego wpisywać: to przeglądarka udziela dostępu do wskazanego folderu, a '
-    + 'MeshBay zapisuje wyłącznie w jego wnętrzu. Raz na sesję może pojawić się prośba '
-    + 'o potwierdzenie.',
-  'settings.dl_unsupported': 'Ta przeglądarka nie potrafi zapisywać w dowolnie '
-    + 'wybranym folderze (brak File System Access API), więc pobrane pliki trafiają do '
-    + 'jej własnego folderu pobierania. Chrome i Edge pozwalają wybrać folder.',
+
   'settings.profile': 'Profil',
   'settings.username': 'Nazwa użytkownika',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Wartości domyślne',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Tożsamości nodes',
   'settings.node_pins_hint': 'Klucz tożsamości każdego node jest zapamiętywany przy '
     + 'pierwszym połączeniu. Jeśli się zmieni, połączenie zostanie odrzucone — czego '
@@ -464,6 +467,8 @@ export default {
   'chat.jump_new': 'Nowe wiadomości',
   'group.leave': 'Opuść grupę',
   'group.leave_confirm': 'Opuścić grupę „{name}”? Utraci Pan(i) dostęp do jej plików i czatu. Wysłane pliki pozostaną na node, a node zachowa przypiętą dla Pana/Pani tożsamość do czasu, aż jego operator ją usunie.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Profil',
   'usermenu.profile': 'Profil',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/pt-BR.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/pt-BR.js
index fa46887..ce2adf2 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/pt-BR.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/pt-BR.js
@@ -127,6 +127,7 @@ export default {
   'status.idle': 'Ocioso',
   'status.discovering': 'Procurando nodes...',
   'status.connecting': 'Conectando via WebRTC...',
+  'status.connecting_short': 'Conectando…',
   'status.fetching': 'Obtendo o índice...',
   'status.files': {
     one: '{n} arquivo',
@@ -169,15 +170,17 @@ export default {
   'settings.dl_choose': 'Escolher pasta',
   'settings.dl_change': 'Alterar',
   'settings.dl_forget': 'Esquecer',
-  'settings.dl_path_note': 'Não é possível informar um caminho a uma página web, '
-    + 'portanto não há nada a digitar aqui: o seu navegador concede acesso à pasta que '
-    + 'você indicar, e o MeshBay só escreve dentro dela. Talvez seja pedida uma '
-    + 'confirmação uma vez por sessão.',
-  'settings.dl_unsupported': 'Este navegador não consegue escrever em uma pasta de sua '
-    + 'escolha (não tem a File System Access API), então os downloads vão para a pasta '
-    + 'de downloads dele. Chrome e Edge permitem escolher uma.',
+
   'settings.profile': 'Perfil',
   'settings.username': 'Nome de usuário',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': 'Padrões',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'Identidades dos nodes',
   'settings.node_pins_hint': 'A chave de identidade de cada node é memorizada na '
     + 'primeira conexão. Se ela mudar, a conexão é recusada — o que só é esperado '
@@ -448,6 +451,8 @@ export default {
   'chat.jump_new': 'Mensagens novas',
   'group.leave': 'Sair do grupo',
   'group.leave_confirm': 'Sair de “{name}”? Você perderá o acesso aos arquivos e à conversa. Os arquivos que você enviou permanecem no node, e ele mantém a identidade que fixou para você até que o operador dele a remova.',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': 'Perfil',
   'usermenu.profile': 'Perfil',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/locales/zh-CN.js b/packages/meshbay-hub/src/meshbay_hub/static/locales/zh-CN.js
index 3276db8..f249835 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/locales/zh-CN.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/locales/zh-CN.js
@@ -122,6 +122,7 @@ export default {
   'status.idle': '空闲',
   'status.discovering': '正在查找 node…',
   'status.connecting': '正在通过 WebRTC 连接…',
+  'status.connecting_short': '正在连接…',
   'status.fetching': '正在获取索引…',
   'status.files': {
     other: '{n} 个文件',
@@ -161,13 +162,17 @@ export default {
   'settings.dl_choose': '选择文件夹',
   'settings.dl_change': '更改',
   'settings.dl_forget': '忘记',
-  'settings.dl_path_note': '网页无法被指定一个路径，因此这里没有什么需要输入：'
-    + '由您的浏览器授予对所选文件夹的访问权限，而 MeshBay 只会写入该文件夹之内。'
-    + '每个会话可能会要求您确认一次。',
-  'settings.dl_unsupported': '此浏览器无法写入您指定的文件夹（不支持 File System '
-    + 'Access API），因此下载内容会进入它自己的下载文件夹。Chrome 和 Edge 支持自行选择。',
+
   'settings.profile': '个人资料',
   'settings.username': '用户名',
+  'settings.email': 'Email',
+  'settings.email_save': 'Save',
+  'settings.email_saved': 'Email updated',
+  'settings.notif_global_disable': 'Disable all notifications',
+  'settings.notif_global_hint': 'When enabled, no notifications are created for any group.',
+  'settings.defaults': '默认值',
+  'settings.default_tab': 'Default tab',
+  'settings.default_tab_hint': 'Which tab opens first when you enter a group.',
   'settings.node_pins': 'node 身份',
   'settings.node_pins_hint': '每个 node 的身份密钥都会在您首次连接时被记住。'
     + '如果它发生变化，连接会被拒绝——只有当运营者重装 node 时才应如此。'
@@ -421,6 +426,8 @@ export default {
   'chat.jump_new': '新消息',
   'group.leave': '退出群组',
   'group.leave_confirm': '退出“{name}”？您将失去其文件和聊天的访问权。您上传的文件仍留在 node 上，node 也会保留它为您固定的身份，直到其运营者将其移除。',
+  'group.mute': 'Mute notifications',
+  'group.unmute': 'Unmute notifications',
   'profile.title': '个人资料',
   'usermenu.profile': '个人资料',
 };
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/platform.js b/packages/meshbay-hub/src/meshbay_hub/static/platform.js
index 372b666..6f8f654 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/platform.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/platform.js
@@ -189,6 +189,7 @@ export async function nativeSave(suggestedName, { auto = true } = {}) {
       close: () => sink.close(),
       abort: () => sink.abort(),
     },
+    open: sink.open ? () => sink.open() : null,
   };
 }
 
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index 238f33a..9ff5923 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -442,17 +442,6 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 }
 .group-header h2 { margin-bottom: 0; }
 
-.status-badge {
-  display: inline-block;
-  padding: 3px 10px;
-  border-radius: 12px;
-  font-size: 0.75em;
-  font-weight: 500;
-}
-.status-ok   { background: #16a34a20; color: var(--success); }
-.status-err  { background: var(--error-bg); color: var(--error); }
-.status-busy { background: var(--bg-raised); color: var(--text-secondary); }
-
 /* ── Group tabs ──────────────────────────────────────────────────────────── */
 
 .group-tabs {
@@ -467,19 +456,35 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   border: none;
   border-bottom: 2px solid transparent;
   margin-bottom: -2px;
-  padding: 8px 20px;
+  padding: 10px 18px;
   color: var(--text-secondary);
-  font-size: 0.9em;
-  font-weight: 500;
   cursor: pointer;
   border-radius: 0;
   transition: color 0.12s, border-color 0.12s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .group-tab:hover { color: var(--text); background: none; }
 .group-tab.active {
   color: var(--accent);
   border-bottom-color: var(--accent);
 }
+.tab-icon { width: 22px; height: 22px; }
+
+.group-mute-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text-dim);
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+.group-mute-btn:hover { color: var(--text); }
+.group-mute-btn .icon { width: 20px; height: 20px; }
 
 /* ── Chat panel ──────────────────────────────────────────────────────────── */
 
@@ -998,7 +1003,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   color: var(--text);
   font-size: 0.9em;
   cursor: pointer;
-  min-width: 120px;
+  min-width: 180px;
 }
 .settings-select:focus { outline: none; border-color: var(--border-focus); }
 
@@ -1054,6 +1059,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   flex-shrink: 0;
 }
 .video-close:hover { background: rgba(255, 255, 255, 0.25); }
+.video-close.dl-active { background: rgba(34, 197, 94, 0.25); pointer-events: none; }
 
 .video-container {
   width: 100%;
@@ -1457,7 +1463,11 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 /* Green while transfers are running: the count in the badge says how many, but
    the colour is what is readable without looking at it. Back to the ordinary
    nav colour the moment the last one finishes. */
-.transfer-btn.active .icon { color: var(--success); }
+@keyframes pulse-green {
+  0%, 100% { color: #86efac; }
+  50% { color: #15803d; }
+}
+.transfer-btn.active .icon { animation: pulse-green 2s ease-in-out infinite; }
 
 .transfer-wrap { position: relative; display: flex; align-items: center; }
 .transfer-btn {
@@ -1504,6 +1514,11 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+a.transfer-name {
+  color: var(--link);
+  text-decoration: underline;
+  cursor: pointer;
+}
 .transfer-cancel {
   background: none;
   border: none;
-- 
cgit v1.2.3