Merge claude/1

The Migrate tab carried two walls of explanation text — a 3-line hint
under the h2 ("Pulls a snapshot taken on another host…") and an even
longer empty-state paragraph ("Either no other LibrePortal has backed
up to a location this host can see, or this is the only host using its
locations…"). Both spelled out diagnosis the user can infer from the
empty list itself, and the tone didn't match the rest of the backup
page (cards elsewhere have a short title + a 4-6 word hint, with any
long explanation as a hover title attribute).

Three changes:

1. h2 down to "Cross-host migrate" with a small ℹ️ carrying the full
   explanation as a title= tooltip — matches the existing tooltip
   pattern in the Locations form (BACKUP_RETENTION_PRESET_META).
   The short subtitle "Restore an app from another LibrePortal" stays
   as backup-card-hint, mirroring "Per-app status / Latest backup per
   app on this host" elsewhere on the page.

2. The empty state is now the standard `<div class="backup-empty-state">`
   container (same shape Locations + Snapshots use), one trimmed line
   ("No backups from other hosts visible in any enabled location.
   Add a shared backup location on both hosts to enable cross-host
   migrate.") instead of two paragraphs.

3. Added an "Open Locations" CTA button inside the empty state — the
   #1 next-step for a user staring at this empty list is to add a
   shared location, which lives one tab over. New data-action
   "go-to-locations" wired through the existing event-delegation
   handler in backup-page.js calling switchTab('locations').

The renderMigrate JS still toggles #backup-migrate-empty.hidden — the
wrapper id is unchanged, only its inner markup tightened. No
behavioural change beyond the CTA + tab switch.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>

containers/libreportal/frontend/html/backup-content.html

@@ -154,20 +154,17 @@
           <section class="backup-tabpanel" id="backup-panel-migrate">
             <div class="backup-card backup-migrate-card">
               <div class="backup-card-header">
-                <h2>Restore an app from another LibrePortal</h2>
+                <h2>Cross-host migrate <span class="tooltip" title="Pulls a snapshot taken on another host out of a shared backup location and lays it down here. The destination's existing copy of the app is snapshotted first (rollback safety), then replaced." style="font-size:.75em;opacity:.7;cursor:help">ℹ️</span></h2>
-                <span class="backup-card-hint">
+                <span class="backup-card-hint">Restore an app from another LibrePortal</span>
-                  Pulls a snapshot taken on another host out of a shared backup location and
-                  lays it down here. The destination's existing copy of the app is snapshotted
-                  first (rollback safety), then replaced.
-                </span>
               </div>
               <div class="backup-migrate-empty" id="backup-migrate-empty" hidden>
-                <p>No backups from other hosts found in any enabled location.</p>
+                <div class="backup-empty-state">
-                <p class="backup-card-hint">
+                  No backups from other hosts visible in any enabled location.<br>
-                  Either no other LibrePortal has backed up to a location this host can see,
+                  Add a <strong>shared backup location</strong> on both hosts to enable cross-host migrate.
-                  or this is the only host using its locations. Add a shared backup location
+                  <div style="margin-top:12px">
-                  on both hosts to enable cross-host migrate.
+                    <button type="button" class="backup-primary-btn" data-action="go-to-locations">Open Locations</button>
-                </p>
+                  </div>
+                </div>
               </div>
               <div class="backup-migrate-body" id="backup-migrate-body"></div>
             </div>

containers/libreportal/frontend/js/components/backup/backup-page.js

@@ -282,6 +282,9 @@ class BackupPage {
             const exportBtn = e.target.closest('[data-action="export-passwords"]');
             if (exportBtn) { this.toggleExportMenu(false); this.exportRepositoryPasswords(exportBtn); return; }
 
+            const goToLocations = e.target.closest('[data-action="go-to-locations"]');
+            if (goToLocations) { this.switchTab('locations'); return; }
+
             const dismissWarn = e.target.closest('[data-action="dismiss-config-warning"]');
             if (dismissWarn) {
                 window.Dismissible?.dismiss('backup-config-warning');