0.32.1

src/admin/web/app/preferences.js

@@ -86,8 +86,6 @@ function applyDashboardLayout(order, hidden) {
     const grid = document.querySelector("#panel-overview .stats-grid"); if (!grid) return { order: normalizedOrder, hidden: [...hiddenSet] };
     const nodes = new Map([...grid.querySelectorAll("[data-dashboard-widget]")].map(node => [node.dataset.dashboardWidget, node]));
     for (const id of normalizedOrder) { const node = nodes.get(id); if (!node) continue; node.hidden = hiddenSet.has(id); grid.append(node); }
-    // Apply the newly selected visibility, not the previous saved preferences.
-    // During load, adminPreferences is assigned only after this function returns.
     window.rustProxyStreamDashboard?.syncVisibility?.([...hiddenSet]);
     if (typeof latestStatus !== "undefined" && latestStatus && currentPanel === "overview")
         window.rustProxyStreamDashboard?.render?.(latestStatus, [...hiddenSet], false);
@@ -104,18 +102,13 @@ function renderDashboardWidgetSettings() {
         const row = el("div", undefined, "dashboard-widget-setting"); row.dataset.dashboardWidgetSetting = id;
         const visible = !hidden.has(id);
         const toggle = el("button", undefined, "dashboard-widget-toggle"); toggle.type = "button"; toggle.classList.toggle("is-hidden", !visible); toggle.setAttribute("aria-pressed", String(visible)); toggle.setAttribute("aria-label", `${t("dashboardWidgetVisible")}: ${dashboardWidgetLabel(id)}`);
-        const labelBlock = el("span", undefined, "dashboard-widget-setting-label-block");
-        labelBlock.append(el("span", dashboardWidgetLabel(id), "dashboard-widget-setting-label"));
         const descriptionKey = ({ stream_overview: "streamWidgetOverviewDescription", stream_traffic: "streamWidgetTrafficDescription", stream_sessions: "streamWidgetSessionsDescription", stream_backend_health: "streamWidgetHealthDescription" })[id];
         if (descriptionKey) {
-            const description = el("small", t(descriptionKey), "dashboard-widget-description");
-            description.dataset.i18n = descriptionKey;
-            description.id = `dashboard-widget-help-${id}`;
-            description.setAttribute("role", "tooltip");
-            toggle.setAttribute("aria-describedby", description.id);
-            labelBlock.append(description);
+            const description = t(descriptionKey);
+            row.title = description;
+            toggle.setAttribute("aria-description", description);
         }
-        toggle.append(el("span", undefined, "dashboard-widget-visibility"), labelBlock);
+        toggle.append(el("span", undefined, "dashboard-widget-visibility"), el("span", dashboardWidgetLabel(id), "dashboard-widget-setting-label"));
         const actions = el("span", undefined, "dashboard-widget-setting-actions");
         const up = el("button", "↑", "quiet"); up.type = "button"; up.disabled = index === 0; up.setAttribute("aria-label", t("moveUp"));
         const down = el("button", "↓", "quiet"); down.type = "button"; down.disabled = index === order.length - 1; down.setAttribute("aria-label", t("moveDown"));
@@ -183,7 +176,6 @@ async function loadAdminPreferences(force = false) {
             return applyAdminPreferences(value);
         } catch (error) {
             if (error.status === 401 || !authenticated || epoch !== authEpoch) throw error;
-            // Preferences are optional for startup. Keep UI and live telemetry usable.
             console.warn("Preferences unavailable; using defaults", error);
             adminPreferencesUnavailable = true;
             return applyAdminPreferences({ ...ADMIN_APPEARANCE_DEFAULTS, refresh: REFRESH_DEFAULTS });