From 6d31da917f080797b96585d5f694f70c6a54a60b Mon Sep 17 00:00:00 2001
From: librelad <librelad@digitalangels.vip>
Date: Wed, 26 Aug 2026 02:25:54 +0100
Subject: [PATCH] feat(setup): move the Storage explainer into a "?" tooltip
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The step opened with a two-line paragraph explaining what storage
locations are. Every other field in the wizard puts that kind of
background behind a "?" — same markup, same component — so this now does
too, and the step is a title, two one-line drive cards, and the buttons.

The footer line was repeating the first half of that paragraph. It now
carries only what is actionable while choosing: that a greyed drive has
its reason in Details, or that no other drives were found.

Verified the bubble renders with the full text.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .../frontend/core/setup/js/setup-wizard.js         | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/containers/libreportal/frontend/core/setup/js/setup-wizard.js b/containers/libreportal/frontend/core/setup/js/setup-wizard.js
index a8d938e..298f812 100755
--- a/containers/libreportal/frontend/core/setup/js/setup-wizard.js
+++ b/containers/libreportal/frontend/core/setup/js/setup-wizard.js
@@ -233,11 +233,9 @@ class SetupWizard {
                  otherwise there is exactly one answer and the step is skipped. -->
             <section class="setup-step" data-step="3">
               <div class="setup-section">
-                <div class="setup-section-title">Storage</div>
-                <p class="setup-section-hint">
-                  Apps normally live on the system disk. If you have another drive, you can
-                  register it here and choose per app where its data goes.
-                </p>
+                <div class="setup-section-title">Storage
+                  <span class="setup-tooltip" tabindex="0" data-tip="Apps normally live on the system disk. If you have another drive, you can register it here and choose per app where its data goes.">?</span>
+                </div>
                 <div id="sw-storage-list"></div>
                 <p class="setup-section-hint" id="sw-storage-note" style="margin-top:10px;"></p>
               </div>
@@ -501,9 +499,11 @@ class SetupWizard {
     });
 
     if (note) {
+      // Deliberately not repeating the tooltip: this line carries only what is
+      // actionable while choosing.
       note.innerHTML = this.storageCandidates.length
-        ? 'Apps go on the system disk unless you tick another drive. Drives that can\u2019t hold app data are greyed out \u2014 open Details to see why.'
-        : 'No other drives were found, so everything goes on the system disk. Plug one in and you can add it later from the CLI (<code>libreportal storage</code>).';
+        ? 'Drives that can\u2019t hold app data are greyed out \u2014 open Details to see why.'
+        : 'No other drives found. You can add one later with <code>libreportal storage</code>.';
     }
   }