chore(release): 1.2.0-alpha.4 with UI hotfixes

Author: GhostTypes

CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.0-alpha.4] - 2026-07-26
+
+### Fixed
+
+- The dashboard was unusable on a fresh load: a full-screen "Rebooting printer…" overlay rendered whenever no printer was connected (including `--no-printers` startup) and could not be dismissed. The `.reboot-overlay` `display: flex` rule had equal CSS specificity to `.hidden` and came later in source order, so the overlay was always visible. Added `.reboot-overlay.hidden { display: none; }`, mirroring the existing `.cal-overlay.hidden` override. Regression from the SSH toolset port in 1.2.0-alpha.3
+- Same latent CSS specificity bug on the file-manager overlay (`.fm-overlay`); added the matching `.fm-overlay.hidden { display: none; }` override. It only surfaced when the file-manager modal was open, not on a fresh load
+- Lucide "icon name was not found" warnings in the browser console. The vendored lucide bundle (v0.552.0) dropped the legacy kebab-case aliases the boot-time icon scan relied on (wifi, trash-2, alert-triangle, refresh-cw, and others). The boot-time pre-hydration set was expanded to cover every icon used in the static HTML, resolved to its PascalCase key via the existing kebab→PascalCase helper
+
 ## [1.2.0-alpha.3] - 2026-07-26
 
 ### Added
@@ -239,7 +247,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Optional password authentication
 - Configuration persistence in `data/config.json`
 
-[Unreleased]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.2.0-alpha.3...HEAD
+[Unreleased]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.2.0-alpha.4...HEAD
+[1.2.0-alpha.4]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.2.0-alpha.3...v1.2.0-alpha.4
 [1.2.0-alpha.3]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.2.0-alpha.2...v1.2.0-alpha.3
 [1.2.0-alpha.2]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.2.0-alpha.1...v1.2.0-alpha.2
 [1.2.0-alpha.1]: https://github.com/Parallel-7/FlashForgeWebUI/compare/v1.1.0...v1.2.0-alpha.1

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "flashforge-webui",
-  "version": "1.2.0-alpha.3",
+  "version": "1.2.0-alpha.4",
   "description": "Standalone WebUI for FlashForge 3D Printers",
   "main": "dist/index.js",
   "bin": "dist/index.js",

package.json

@@ -75,5 +75,28 @@ export function hydrateLucideIcons(
 }
 
 export function initializeLucideIcons(): void {
-  hydrateLucideIcons(['settings', 'lock', 'package', 'search', 'circle', 'folder', 'gauge', 'power'], document);
+  // Pre-hydrate every icon referenced by static `data-lucide` markup in
+  // index.html so it renders at boot. The vendored lucide build (v0.552.0)
+  // dropped its legacy kebab-case aliases, so lucide's own bare `createIcons()`
+  // scan can no longer resolve names like `hard-drive` or `alert-triangle`.
+  // `hydrateLucideIcons` converts each name to PascalCase (e.g. `alert-triangle`
+  // -> `AlertTriangle`, which still exists in the registry), registers the node,
+  // and renders it in one pass. Icons only used inside dynamically rendered
+  // markup (file-manager tiles, calibration tabs, reboot overlay) are hydrated
+  // by their own scoped `hydrateLucideIcons(...)` calls at render time.
+  hydrateLucideIcons(
+    [
+      // Header / global chrome
+      'settings', 'lock', 'package', 'search', 'circle', 'folder', 'gauge', 'power',
+      // Printer discovery modal
+      'wifi', 'keyboard', 'archive', 'link',
+      // File manager / storage browser
+      'hard-drive', 'usb', 'refresh-cw', 'check-square', 'square', 'trash-2',
+      'pencil', 'alert-triangle',
+      // Calibration modal + shared action icons
+      'grid-3x3', 'activity', 'terminal', 'history', 'file-up', 'download', 'play',
+      'sparkles', 'copy', 'upload', 'plug', 'unplug', 'check-circle',
+    ],
+    document,
+  );
 }

src/webui/static/shared/icons.ts

@@ -2536,6 +2536,10 @@ body {
   border-radius: inherit;
 }
 
+.fm-overlay.hidden {
+  display: none;
+}
+
 .fm-overlay-panel {
   background: var(--theme-surface);
   border: 1px solid var(--border-color);
@@ -2676,6 +2680,10 @@ body {
   z-index: 1200;
 }
 
+.reboot-overlay.hidden {
+  display: none;
+}
+
 .reboot-overlay-panel {
   background: var(--theme-surface);
   border: 1px solid var(--border-color);