v0.11.0 — Phase C: Storage Init Wizard, Data Migration & Startup Fix

- Startup ping: fire heartbeat + health + hub report immediately on boot
  (5s delay after scheduler start, instead of waiting 5-15 min for first tick)

- Storage init wizard: new internal/storage/ package with disk scanning
  (lsblk -J), format+mount pipeline (sfdisk → mkfs.ext4 → blkid → fstab →
  mount → chown), safety guards (system disk detection, confirmation "FORMÁZÁS"),
  progress channel, auto-register in settings.json

- Data migration: MigrateAppData() with rsync --info=progress2 progress parsing,
  stop/rsync/update-config/start flow, rollback on failure, old data preserved

- New pages: /settings/storage/init (wizard), /stacks/{name}/migrate (migration)
- New API routes: /api/storage/{scan,init,init/status,migrate,migrate/status}
- Deploy page: storage info section for deployed apps (path, size, free, migrate link)
- Settings page: "Mozgatás" button per app in storage path details
- Container: privileged: true, /dev:/dev, /etc/fstab:/host-fstab, /run/udev:/run/udev:ro
- Dockerfile: add util-linux, e2fsprogs, rsync, parted for disk ops

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

controller/internal/web/handlers.go

@@ -187,6 +187,15 @@ func (s *Server) deployHandler(w http.ResponseWriter, r *http.Request, name stri
 	}
 	data["StoragePaths"] = deployPaths
 
+	// Storage info for already-deployed apps with HDD data
+	if alreadyDeployed {
+		storageInfo := s.storageInfoForStack(name)
+		if storageInfo != nil {
+			data["StorageInfo"] = storageInfo
+			data["OtherStoragePaths"] = s.otherStoragePathsForStack(name)
+		}
+	}
+
 	// Memory info for deploy page (only for non-deployed apps)
 	if !alreadyDeployed {
 		memInfo := map[string]interface{}{"Available": false}

controller/internal/web/server.go

@@ -35,6 +35,10 @@ type Server struct {
 	sessions   map[string]*session
 	sessionsMu sync.RWMutex
 	done       chan struct{}
+
+	// Disk operation state (format/migrate jobs)
+	diskJobMu sync.Mutex
+	diskJob   *activeDiskJob
 }
 
 func NewServer(cfg *config.Config, stackMgr *stacks.Manager, cpuCollector *system.CPUCollector, backupMgr *backup.Manager, sched *scheduler.Scheduler, sett *settings.Settings, alertMgr *AlertManager, notif *notify.Notifier, logger *log.Logger, version string) *Server {
@@ -108,6 +112,12 @@ func (s *Server) ServeHTTP(w http.ResponseWriter, r *http.Request) {
 		s.settingsAppBackupHandler(w, r)
 	case path == "/backup/restore" && r.Method == http.MethodPost:
 		s.backupRestoreHandler(w, r)
+	case path == "/settings/storage/init":
+		s.storageInitHandler(w, r)
+	case strings.HasPrefix(path, "/stacks/") && strings.HasSuffix(path, "/migrate"):
+		name := strings.TrimPrefix(path, "/stacks/")
+		name = strings.TrimSuffix(name, "/migrate")
+		s.migratePageHandler(w, r, name)
 	case strings.HasPrefix(path, "/stacks/") && strings.HasSuffix(path, "/logs"):
 		name := strings.TrimPrefix(path, "/stacks/")
 		name = strings.TrimSuffix(name, "/logs")
@@ -132,6 +142,11 @@ func (s *Server) ServeHTTP(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
+// ServeStorageAPI handles /api/storage/* routes (JSON API for disk operations).
+func (s *Server) ServeStorageAPI(w http.ResponseWriter, r *http.Request) {
+	s.storageAPIHandler(w, r)
+}
+
 // primaryHDDPath returns the first registered storage path, or the legacy config value.
 func (s *Server) primaryHDDPath() string {
 	if paths := s.settings.GetStoragePaths(); len(paths) > 0 {

controller/internal/web/storage_handlers.go

@@ -0,0 +1,603 @@
+package web
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"os"
+	"path/filepath"
+	"strings"
+	"sync"
+	"time"
+
+	"gitea.dooplex.hu/admin/felhom-controller/internal/settings"
+	"gitea.dooplex.hu/admin/felhom-controller/internal/stacks"
+	"gitea.dooplex.hu/admin/felhom-controller/internal/storage"
+	"gitea.dooplex.hu/admin/felhom-controller/internal/system"
+)
+
+// activeDiskJob tracks an in-progress disk operation (format or migrate).
+type activeDiskJob struct {
+	mu      sync.RWMutex
+	jobType string // "format" or "migrate"
+	done    bool
+	fmtProg []storage.FormatProgress
+	migProg []storage.MigrateProgress
+}
+
+// DeployStorageInfo holds storage info for the deploy page (already-deployed apps).
+type DeployStorageInfo struct {
+	Path          string
+	Label         string
+	DataSizeHuman string
+	FreeHuman     string
+	FreePercent   float64
+}
+
+// appendFmtProg adds a format progress update to the job.
+func (j *activeDiskJob) appendFmtProg(p storage.FormatProgress) {
+	j.mu.Lock()
+	defer j.mu.Unlock()
+	j.fmtProg = append(j.fmtProg, p)
+	if p.Step == "done" || p.Step == "error" {
+		j.done = true
+	}
+}
+
+// appendMigProg adds a migration progress update to the job.
+func (j *activeDiskJob) appendMigProg(p storage.MigrateProgress) {
+	j.mu.Lock()
+	defer j.mu.Unlock()
+	j.migProg = append(j.migProg, p)
+	if p.Step == "done" || p.Step == "error" {
+		j.done = true
+	}
+}
+
+// lastFmtProg returns the most recent format progress snapshot.
+func (j *activeDiskJob) lastFmtProg() (storage.FormatProgress, bool) {
+	j.mu.RLock()
+	defer j.mu.RUnlock()
+	if len(j.fmtProg) == 0 {
+		return storage.FormatProgress{}, false
+	}
+	return j.fmtProg[len(j.fmtProg)-1], true
+}
+
+// lastMigProg returns the most recent migration progress snapshot.
+func (j *activeDiskJob) lastMigProg() (storage.MigrateProgress, bool) {
+	j.mu.RLock()
+	defer j.mu.RUnlock()
+	if len(j.migProg) == 0 {
+		return storage.MigrateProgress{}, false
+	}
+	return j.migProg[len(j.migProg)-1], true
+}
+
+// isDone returns true if the job has finished.
+func (j *activeDiskJob) isDone() bool {
+	j.mu.RLock()
+	defer j.mu.RUnlock()
+	return j.done
+}
+
+// jsonResponse writes a JSON response.
+func jsonResponse(w http.ResponseWriter, v interface{}) {
+	w.Header().Set("Content-Type", "application/json; charset=utf-8")
+	json.NewEncoder(w).Encode(v)
+}
+
+// jsonError writes a JSON error response.
+func jsonError(w http.ResponseWriter, msg string, code int) {
+	w.Header().Set("Content-Type", "application/json; charset=utf-8")
+	w.WriteHeader(code)
+	json.NewEncoder(w).Encode(map[string]interface{}{
+		"ok":    false,
+		"error": msg,
+	})
+}
+
+// tryStartDiskJob attempts to start a new disk operation job.
+// Returns false if another job is already active.
+func (s *Server) tryStartDiskJob(jobType string) (*activeDiskJob, bool) {
+	s.diskJobMu.Lock()
+	defer s.diskJobMu.Unlock()
+	if s.diskJob != nil && !s.diskJob.isDone() {
+		return nil, false
+	}
+	job := &activeDiskJob{jobType: jobType}
+	s.diskJob = job
+	return job, true
+}
+
+// currentDiskJob returns the current disk job (may be nil or done).
+func (s *Server) currentDiskJob() *activeDiskJob {
+	s.diskJobMu.Lock()
+	defer s.diskJobMu.Unlock()
+	return s.diskJob
+}
+
+// --- Storage Init Wizard ---
+
+// storageInitHandler serves the storage init wizard page.
+func (s *Server) storageInitHandler(w http.ResponseWriter, r *http.Request) {
+	data := s.baseData("settings", "Meghajtó inicializálása")
+	s.render(w, "storage_init", data)
+}
+
+// storageAPIHandler is the main handler for /api/storage/* routes.
+func (s *Server) storageAPIHandler(w http.ResponseWriter, r *http.Request) {
+	path := r.URL.Path
+
+	switch {
+	case path == "/api/storage/scan" && r.Method == http.MethodPost:
+		s.storageScanAPIHandler(w, r)
+	case path == "/api/storage/init" && r.Method == http.MethodPost:
+		s.storageInitAPIHandler(w, r)
+	case path == "/api/storage/init/status" && r.Method == http.MethodGet:
+		s.storageInitStatusAPIHandler(w, r)
+	case path == "/api/storage/migrate" && r.Method == http.MethodPost:
+		s.storageMigrateAPIHandler(w, r)
+	case path == "/api/storage/migrate/status" && r.Method == http.MethodGet:
+		s.storageMigrateStatusAPIHandler(w, r)
+	default:
+		http.NotFound(w, r)
+	}
+}
+
+// storageScanAPIHandler handles POST /api/storage/scan.
+func (s *Server) storageScanAPIHandler(w http.ResponseWriter, r *http.Request) {
+	result, err := storage.ScanDisks()
+	if err != nil {
+		s.logger.Printf("[ERROR] storageScan: %v", err)
+		jsonError(w, "Meghajtók keresése sikertelen: "+err.Error(), http.StatusInternalServerError)
+		return
+	}
+	jsonResponse(w, map[string]interface{}{
+		"ok":             true,
+		"available":      result.AvailableDisks,
+		"system":         result.SystemDisks,
+		"available_count": len(result.AvailableDisks),
+	})
+}
+
+// storageInitAPIHandler handles POST /api/storage/init — starts format+mount job.
+func (s *Server) storageInitAPIHandler(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		DevicePath      string `json:"device_path"`
+		MountName       string `json:"mount_name"`
+		Label           string `json:"label"`
+		CreatePartition bool   `json:"create_partition"`
+		SetDefault      bool   `json:"set_default"`
+		Confirm         string `json:"confirm"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, "Érvénytelen kérés", http.StatusBadRequest)
+		return
+	}
+
+	if req.Confirm != "FORMÁZÁS" {
+		jsonError(w, "Megerősítés szükséges: írja be 'FORMÁZÁS'", http.StatusBadRequest)
+		return
+	}
+	if req.DevicePath == "" || req.MountName == "" {
+		jsonError(w, "Hiányos paraméterek", http.StatusBadRequest)
+		return
+	}
+
+	job, ok := s.tryStartDiskJob("format")
+	if !ok {
+		jsonError(w, "Egy másik lemezművelet folyamatban van", http.StatusConflict)
+		return
+	}
+
+	s.logger.Printf("[INFO] Storage init started: device=%s mountName=%s by %s", req.DevicePath, req.MountName, r.RemoteAddr)
+
+	fmtReq := storage.FormatRequest{
+		DevicePath:      req.DevicePath,
+		MountName:       req.MountName,
+		Label:           req.Label,
+		CreatePartition: req.CreatePartition,
+		SetDefault:      req.SetDefault,
+	}
+
+	go func() {
+		progressCh := make(chan storage.FormatProgress, 32)
+		// Collect progress
+		go func() {
+			for p := range progressCh {
+				job.appendFmtProg(p)
+			}
+		}()
+
+		mountPath, err := storage.FormatAndMount(fmtReq, progressCh)
+		close(progressCh)
+
+		if err != nil {
+			s.logger.Printf("[ERROR] Storage init failed: %v", err)
+			return
+		}
+
+		// Auto-register the new storage path
+		label := req.Label
+		if label == "" {
+			label = settings.InferStorageLabel(mountPath)
+		}
+		sp := settings.StoragePath{
+			Path:        mountPath,
+			Label:       label,
+			IsDefault:   req.SetDefault,
+			Schedulable: true,
+			AddedAt:     time.Now().UTC().Format(time.RFC3339),
+		}
+		if err := s.settings.AddStoragePath(sp); err != nil {
+			s.logger.Printf("[WARN] Failed to register storage path after init: %v", err)
+		} else {
+			s.logger.Printf("[INFO] Storage path registered: %s (%s)", mountPath, label)
+		}
+	}()
+
+	jsonResponse(w, map[string]interface{}{
+		"ok":  true,
+		"msg": "Inicializálás elindítva",
+	})
+}
+
+// storageInitStatusAPIHandler handles GET /api/storage/init/status.
+func (s *Server) storageInitStatusAPIHandler(w http.ResponseWriter, r *http.Request) {
+	job := s.currentDiskJob()
+	if job == nil || job.jobType != "format" {
+		jsonResponse(w, map[string]interface{}{
+			"ok":     true,
+			"active": false,
+		})
+		return
+	}
+
+	p, ok := job.lastFmtProg()
+	if !ok {
+		jsonResponse(w, map[string]interface{}{
+			"ok":     true,
+			"active": true,
+			"step":   "starting",
+			"msg":    "Inicializálás elindult...",
+			"pct":    0,
+		})
+		return
+	}
+
+	jsonResponse(w, map[string]interface{}{
+		"ok":     true,
+		"active": !job.isDone(),
+		"step":   p.Step,
+		"msg":    p.Message,
+		"pct":    p.Percent,
+		"error":  p.Error,
+		"done":   job.isDone(),
+	})
+}
+
+// --- Migration ---
+
+// migratePageHandler serves the migration page for an app.
+func (s *Server) migratePageHandler(w http.ResponseWriter, r *http.Request, stackName string) {
+	stack, ok := s.stackMgr.GetStack(stackName)
+	if !ok {
+		http.NotFound(w, r)
+		return
+	}
+
+	appCfg := s.stackMgr.LoadAppConfigByName(stackName)
+	if appCfg == nil || !appCfg.Deployed {
+		http.NotFound(w, r)
+		return
+	}
+
+	currentHDDPath := appCfg.Env["HDD_PATH"]
+	if currentHDDPath == "" {
+		http.Error(w, "Ez az alkalmazás nem tárol adatot külső meghajtón.", http.StatusBadRequest)
+		return
+	}
+
+	// Other storage paths (exclude current)
+	var otherPaths []DeployStoragePath
+	for _, sp := range s.settings.GetStoragePaths() {
+		if sp.Path == currentHDDPath {
+			continue
+		}
+		dp := DeployStoragePath{StoragePath: sp}
+		if di := system.GetDiskUsage(sp.Path); di != nil {
+			dp.FreeHuman = formatFreeSpace(di.AvailGB)
+			if di.TotalGB > 0 {
+				dp.FreePercent = di.AvailGB / di.TotalGB * 100
+			}
+		}
+		otherPaths = append(otherPaths, dp)
+	}
+
+	if len(otherPaths) == 0 {
+		http.Error(w, "Nincs más elérhető tárhely az áthelyezéshez.", http.StatusBadRequest)
+		return
+	}
+
+	// Current path label
+	currentLabel := settings.InferStorageLabel(currentHDDPath)
+	for _, sp := range s.settings.GetStoragePaths() {
+		if sp.Path == currentHDDPath {
+			currentLabel = sp.Label
+			break
+		}
+	}
+
+	// Estimate current data size
+	mounts := stacks.ParseComposeHDDMounts(stack.ComposePath, currentHDDPath)
+	var totalSizeHuman string
+	if len(mounts) > 0 {
+		var total int64
+		for _, m := range mounts {
+			total += dirSizeInt64(m)
+		}
+		totalSizeHuman = dirSizeBytesHuman(total)
+	}
+
+	data := s.baseData("stacks", stack.Meta.DisplayName+" — Adatáthelyezés")
+	data["Stack"] = stack
+	data["Meta"] = stack.Meta
+	data["CurrentHDDPath"] = currentHDDPath
+	data["CurrentLabel"] = currentLabel
+	data["OtherPaths"] = otherPaths
+	data["DataSizeHuman"] = totalSizeHuman
+	s.render(w, "migrate", data)
+}
+
+// storageMigrateAPIHandler handles POST /api/storage/migrate — starts migration job.
+func (s *Server) storageMigrateAPIHandler(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		StackName  string `json:"stack_name"`
+		TargetPath string `json:"target_path"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, "Érvénytelen kérés", http.StatusBadRequest)
+		return
+	}
+
+	if req.StackName == "" || req.TargetPath == "" {
+		jsonError(w, "Hiányos paraméterek", http.StatusBadRequest)
+		return
+	}
+
+	stack, ok := s.stackMgr.GetStack(req.StackName)
+	if !ok {
+		jsonError(w, "Alkalmazás nem található: "+req.StackName, http.StatusNotFound)
+		return
+	}
+
+	appCfg := s.stackMgr.LoadAppConfigByName(req.StackName)
+	if appCfg == nil || !appCfg.Deployed {
+		jsonError(w, "Az alkalmazás nincs telepítve", http.StatusBadRequest)
+		return
+	}
+
+	currentHDDPath := appCfg.Env["HDD_PATH"]
+	if currentHDDPath == "" {
+		jsonError(w, "Az alkalmazásnak nincs HDD_PATH beállítva", http.StatusBadRequest)
+		return
+	}
+
+	if currentHDDPath == req.TargetPath {
+		jsonError(w, "A forrás és a cél tárhely azonos", http.StatusBadRequest)
+		return
+	}
+
+	mounts := stacks.ParseComposeHDDMounts(stack.ComposePath, currentHDDPath)
+	if len(mounts) == 0 {
+		jsonError(w, "Az alkalmazáshoz nem találhatók HDD csatlakozások", http.StatusBadRequest)
+		return
+	}
+
+	job, ok := s.tryStartDiskJob("migrate")
+	if !ok {
+		jsonError(w, "Egy másik lemezművelet folyamatban van", http.StatusConflict)
+		return
+	}
+
+	s.logger.Printf("[INFO] Migration started: stack=%s from=%s to=%s by %s",
+		req.StackName, currentHDDPath, req.TargetPath, r.RemoteAddr)
+
+	migrReq := storage.MigrateRequest{
+		StackName:      req.StackName,
+		DisplayName:    stack.Meta.DisplayName,
+		CurrentHDDPath: currentHDDPath,
+		TargetPath:     req.TargetPath,
+		HDDMounts:      mounts,
+	}
+
+	stopFn := func(name string) error {
+		return s.stackMgr.StopStack(name)
+	}
+	startFn := func(name string) error {
+		return s.stackMgr.StartStack(name)
+	}
+	updateFn := func(name, newPath string) error {
+		return s.updateStackHDDPath(name, newPath)
+	}
+
+	go func() {
+		progressCh := make(chan storage.MigrateProgress, 64)
+		go func() {
+			for p := range progressCh {
+				job.appendMigProg(p)
+			}
+		}()
+
+		if err := storage.MigrateAppData(migrReq, stopFn, startFn, updateFn, progressCh); err != nil {
+			s.logger.Printf("[ERROR] Migration failed: stack=%s: %v", req.StackName, err)
+		} else {
+			s.logger.Printf("[INFO] Migration complete: stack=%s → %s", req.StackName, req.TargetPath)
+		}
+		close(progressCh)
+	}()
+
+	jsonResponse(w, map[string]interface{}{
+		"ok":  true,
+		"msg": "Áthelyezés elindítva",
+	})
+}
+
+// storageMigrateStatusAPIHandler handles GET /api/storage/migrate/status.
+func (s *Server) storageMigrateStatusAPIHandler(w http.ResponseWriter, r *http.Request) {
+	job := s.currentDiskJob()
+	if job == nil || job.jobType != "migrate" {
+		jsonResponse(w, map[string]interface{}{
+			"ok":     true,
+			"active": false,
+		})
+		return
+	}
+
+	p, ok := job.lastMigProg()
+	if !ok {
+		jsonResponse(w, map[string]interface{}{
+			"ok":     true,
+			"active": true,
+			"step":   "starting",
+			"msg":    "Áthelyezés elindult...",
+			"pct":    0,
+		})
+		return
+	}
+
+	jsonResponse(w, map[string]interface{}{
+		"ok":           true,
+		"active":       !job.isDone(),
+		"step":         p.Step,
+		"msg":          p.Message,
+		"pct":          p.Percent,
+		"error":        p.Error,
+		"done":         job.isDone(),
+		"bytes_copied": p.BytesCopied,
+		"bytes_total":  p.BytesTotal,
+		"elapsed_sec":  p.ElapsedSeconds,
+	})
+}
+
+// updateStackHDDPath updates the HDD_PATH in a stack's app.yaml.
+func (s *Server) updateStackHDDPath(stackName, newPath string) error {
+	stack, ok := s.stackMgr.GetStack(stackName)
+	if !ok {
+		return fmt.Errorf("stack not found: %s", stackName)
+	}
+	stackDir := filepath.Dir(stack.ComposePath)
+	appCfg := stacks.LoadAppConfig(stackDir)
+	if appCfg == nil {
+		return fmt.Errorf("app.yaml not found for stack: %s", stackName)
+	}
+	appCfg.Env["HDD_PATH"] = newPath
+	return stacks.SaveAppConfig(stackDir, appCfg)
+}
+
+// storageInfoForStack returns deploy storage info for a deployed stack.
+func (s *Server) storageInfoForStack(stackName string) *DeployStorageInfo {
+	appCfg := s.stackMgr.LoadAppConfigByName(stackName)
+	if appCfg == nil {
+		return nil
+	}
+	hddPath := appCfg.Env["HDD_PATH"]
+	if hddPath == "" {
+		return nil
+	}
+
+	info := &DeployStorageInfo{Path: hddPath}
+
+	// Find label
+	for _, sp := range s.settings.GetStoragePaths() {
+		if sp.Path == hddPath {
+			info.Label = sp.Label
+			break
+		}
+	}
+	if info.Label == "" {
+		info.Label = settings.InferStorageLabel(hddPath)
+	}
+
+	// Data size
+	stack, ok := s.stackMgr.GetStack(stackName)
+	if ok {
+		mounts := stacks.ParseComposeHDDMounts(stack.ComposePath, hddPath)
+		var total int64
+		for _, m := range mounts {
+			total += dirSizeInt64(m)
+		}
+		if total > 0 {
+			info.DataSizeHuman = dirSizeBytesHuman(total)
+		}
+	}
+
+	// Free space
+	if di := system.GetDiskUsage(hddPath); di != nil {
+		info.FreeHuman = formatFreeSpace(di.AvailGB)
+		if di.TotalGB > 0 {
+			info.FreePercent = di.AvailGB / di.TotalGB * 100
+		}
+	}
+
+	return info
+}
+
+// dirSizeInt64 returns total bytes in a directory.
+func dirSizeInt64(path string) int64 {
+	var total int64
+	filepath.Walk(path, func(_ string, info os.FileInfo, err error) error {
+		if err != nil || info.IsDir() {
+			return nil
+		}
+		total += info.Size()
+		return nil
+	})
+	return total
+}
+
+// dirSizeBytesHuman formats bytes as human-readable.
+func dirSizeBytesHuman(b int64) string {
+	const (
+		KB = 1024
+		MB = KB * 1024
+		GB = MB * 1024
+	)
+	switch {
+	case b >= GB:
+		return fmt.Sprintf("%.1f GB", float64(b)/float64(GB))
+	case b >= MB:
+		return fmt.Sprintf("%.0f MB", float64(b)/float64(MB))
+	case b >= KB:
+		return fmt.Sprintf("%.0f KB", float64(b)/float64(KB))
+	default:
+		return fmt.Sprintf("%d B", b)
+	}
+}
+
+// otherStoragePathsForStack returns storage paths excluding the one the app is on.
+func (s *Server) otherStoragePathsForStack(stackName string) []settings.StoragePath {
+	appCfg := s.stackMgr.LoadAppConfigByName(stackName)
+	if appCfg == nil {
+		return nil
+	}
+	currentHDDPath := appCfg.Env["HDD_PATH"]
+	var others []settings.StoragePath
+	for _, sp := range s.settings.GetStoragePaths() {
+		if sp.Path != currentHDDPath {
+			others = append(others, sp)
+		}
+	}
+	return others
+}
+
+// storageSectionLabel returns the label for a given path.
+func (s *Server) storageLabelForPath(path string) string {
+	for _, sp := range s.settings.GetStoragePaths() {
+		if sp.Path == path {
+			return sp.Label
+		}
+	}
+	return strings.TrimPrefix(path, "/mnt/")
+}

controller/internal/web/templates/deploy.html

@@ -30,6 +30,34 @@
     <div class="alert alert-info">
         Ez az alkalmazás már telepítve van. Az alábbi beállítások csak olvashatók.
     </div>
+    {{if .StorageInfo}}
+    <div class="deploy-storage-info">
+        <h4>Adattárolás</h4>
+        <div class="settings-grid">
+            <div class="settings-row">
+                <span class="settings-label">Tárhely</span>
+                <span class="settings-value">{{.StorageInfo.Label}} <span class="mono" style="color:var(--text-secondary)">({{.StorageInfo.Path}})</span></span>
+            </div>
+            {{if .StorageInfo.DataSizeHuman}}
+            <div class="settings-row">
+                <span class="settings-label">Adatméret</span>
+                <span class="settings-value mono">{{.StorageInfo.DataSizeHuman}}</span>
+            </div>
+            {{end}}
+            {{if .StorageInfo.FreeHuman}}
+            <div class="settings-row">
+                <span class="settings-label">Szabad hely</span>
+                <span class="settings-value mono">{{.StorageInfo.FreeHuman}} ({{printf "%.0f" .StorageInfo.FreePercent}}% szabad)</span>
+            </div>
+            {{end}}
+        </div>
+        {{if .OtherStoragePaths}}
+        <a href="/stacks/{{.Meta.Slug}}/migrate" class="btn btn-sm btn-outline" style="margin-top:.75rem">
+            📦 Mozgatás másik tárolóra
+        </a>
+        {{end}}
+    </div>
+    {{end}}
     {{end}}
 
     {{if and (not .AlreadyDeployed) .MemoryInfo}}

controller/internal/web/templates/migrate.html

@@ -0,0 +1,190 @@
+{{define "migrate"}}
+{{template "layout_start" .}}
+
+<div class="page-header">
+    <div style="display:flex;align-items:center;gap:.5rem">
+        <a href="/stacks/{{.Meta.Slug}}/deploy" class="btn btn-sm btn-outline">← Vissza</a>
+        <h2>{{.Meta.DisplayName}} — Adatáthelyezés</h2>
+    </div>
+</div>
+
+<div class="settings-card" id="migrate-form-card">
+    <h3>Adatok áthelyezése másik tárolóra</h3>
+
+    <div class="settings-grid" style="margin-bottom:1.5rem">
+        <div class="settings-row">
+            <span class="settings-label">Jelenlegi tárhely</span>
+            <span class="settings-value mono">{{.CurrentLabel}} ({{.CurrentHDDPath}})</span>
+        </div>
+        {{if .DataSizeHuman}}
+        <div class="settings-row">
+            <span class="settings-label">Adatméret</span>
+            <span class="settings-value mono">{{.DataSizeHuman}}</span>
+        </div>
+        {{end}}
+    </div>
+
+    <div class="form-group">
+        <label for="target-path">Cél tárhely <span class="required">*</span></label>
+        <select id="target-path" class="form-control">
+            {{range .OtherPaths}}
+            <option value="{{.Path}}">{{.Label}} ({{.Path}}) — {{.FreeHuman}} szabad</option>
+            {{end}}
+        </select>
+    </div>
+
+    <div class="alert alert-warning" style="margin-bottom:1.5rem">
+        <strong>Figyelmeztetések:</strong>
+        <ul style="margin:.5rem 0 0 1rem;padding:0">
+            <li>Az alkalmazás a mozgatás idejére leáll</li>
+            <li>Nagy adatmennyiségnél ez percekig tarthat</li>
+            <li>A régi adatok megmaradnak biztonsági másolatként</li>
+        </ul>
+    </div>
+
+    <div id="migrate-error" class="alert alert-error" style="display:none;margin-bottom:1rem"></div>
+
+    <div class="form-actions" style="gap:.75rem">
+        <button class="btn btn-primary" onclick="startMigrate()">📦 Mozgatás indítása</button>
+        <a href="/stacks/{{.Meta.Slug}}/deploy" class="btn btn-outline">Mégsem</a>
+    </div>
+</div>
+
+<div class="settings-card" id="migrate-progress-card" style="display:none">
+    <h3>Adatok áthelyezése...</h3>
+
+    <div class="disk-progress-steps" id="mig-steps">
+        <div class="disk-step" id="mstep-stopping"><span class="disk-step-icon">○</span> Alkalmazás leállítása</div>
+        <div class="disk-step" id="mstep-copying"><span class="disk-step-icon">○</span> Adatok másolása</div>
+        <div class="disk-step" id="mstep-updating"><span class="disk-step-icon">○</span> Konfiguráció frissítése</div>
+        <div class="disk-step" id="mstep-starting"><span class="disk-step-icon">○</span> Alkalmazás indítása</div>
+        <div class="disk-step" id="mstep-done"><span class="disk-step-icon">○</span> Kész</div>
+    </div>
+
+    <div class="disk-progress-bar-wrap" style="margin-top:1.5rem">
+        <div class="system-bar" style="height:12px;border-radius:6px">
+            <div class="system-bar-fill system-bar-green" id="mig-progress-bar" style="width:0%;transition:width .4s ease;height:12px;border-radius:6px"></div>
+        </div>
+        <span class="mono form-hint" id="mig-progress-pct">0%</span>
+    </div>
+
+    <div id="mig-progress-msg" class="form-hint" style="margin-top:.75rem"></div>
+    <div id="mig-elapsed" class="form-hint mono" style="margin-top:.25rem"></div>
+    <div id="mig-progress-error" class="alert alert-error" style="display:none;margin-top:1rem"></div>
+</div>
+
+<div class="settings-card" id="migrate-done-card" style="display:none">
+    <h3>✅ Adatáthelyezés kész!</h3>
+    <p style="margin-top:.75rem;color:var(--text-secondary)">
+        Az alkalmazás az új tárolóról fut.<br>
+        A régi adatok a korábbi helyen megmaradtak biztonsági másolatként.
+    </p>
+    <div style="margin-top:1.5rem;display:flex;gap:.75rem">
+        <a href="/stacks" class="btn btn-primary">Alkalmazások megtekintése</a>
+        <a href="/settings" class="btn btn-outline">Beállítások</a>
+    </div>
+</div>
+
+<script>
+var stackName = '{{.Stack.Name}}';
+var migPollTimer = null;
+
+function startMigrate() {
+    var targetPath = document.getElementById('target-path').value;
+    if (!targetPath) {
+        document.getElementById('migrate-error').textContent = 'Válasszon cél tárhelyet.';
+        document.getElementById('migrate-error').style.display = 'block';
+        return;
+    }
+
+    document.getElementById('migrate-form-card').style.display = 'none';
+    document.getElementById('migrate-progress-card').style.display = 'block';
+
+    fetch('/api/storage/migrate', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({stack_name: stackName, target_path: targetPath})
+    })
+    .then(function(r){ return r.json(); })
+    .then(function(data) {
+        if (!data.ok) {
+            showMigError(data.error || 'Ismeretlen hiba');
+            return;
+        }
+        migPollTimer = setInterval(pollMigProgress, 2000);
+    })
+    .catch(function(e) {
+        showMigError('Hálózati hiba: ' + e.message);
+    });
+}
+
+var migStepOrder = ['stopping','copying','updating','starting','done'];
+
+function pollMigProgress() {
+    fetch('/api/storage/migrate/status')
+        .then(function(r){ return r.json(); })
+        .then(function(data) {
+            if (!data.ok) return;
+            updateMigUI(data);
+            if (data.done) {
+                clearInterval(migPollTimer);
+                if (data.step === 'done') {
+                    showMigDone();
+                }
+            }
+        })
+        .catch(function(){});
+}
+
+function updateMigUI(data) {
+    var currentIdx = migStepOrder.indexOf(data.step);
+    if (currentIdx < 0 && data.step === 'rolling_back') {
+        currentIdx = 1; // show during copy step
+    }
+
+    migStepOrder.forEach(function(s, i) {
+        var el = document.getElementById('mstep-' + s);
+        if (!el) return;
+        var icon = el.querySelector('.disk-step-icon');
+        if (i < currentIdx) {
+            el.className = 'disk-step disk-step-done';
+            icon.textContent = '✅';
+        } else if (i === currentIdx) {
+            el.className = 'disk-step disk-step-active';
+            icon.textContent = (data.step === 'error' || data.step === 'rolling_back') ? '❌' : '⏳';
+        } else {
+            el.className = 'disk-step';
+            icon.textContent = '○';
+        }
+    });
+
+    var pct = data.pct || 0;
+    document.getElementById('mig-progress-bar').style.width = pct + '%';
+    document.getElementById('mig-progress-pct').textContent = pct + '%';
+    document.getElementById('mig-progress-msg').textContent = data.msg || '';
+
+    if (data.elapsed_sec) {
+        document.getElementById('mig-elapsed').textContent = data.elapsed_sec + ' másodperce fut';
+    }
+
+    if (data.step === 'error' || (data.error && data.error !== '')) {
+        showMigError(data.error || data.msg || 'Ismeretlen hiba');
+    }
+}
+
+function showMigError(msg) {
+    clearInterval(migPollTimer);
+    document.getElementById('mig-progress-error').textContent = 'Hiba: ' + msg;
+    document.getElementById('mig-progress-error').style.display = 'block';
+    document.getElementById('migrate-progress-card').querySelector('h3').textContent = 'Áthelyezés sikertelen';
+}
+
+function showMigDone() {
+    document.getElementById('migrate-progress-card').style.display = 'none';
+    document.getElementById('migrate-done-card').style.display = 'block';
+    document.getElementById('migrate-done-card').scrollIntoView({behavior:'smooth'});
+}
+</script>
+
+{{template "layout_end" .}}
+{{end}}

controller/internal/web/templates/settings.html

@@ -117,6 +117,7 @@
                             <div class="storage-app-row">
                                 <a href="/apps/{{.Stack}}" class="storage-app-link">{{.Name}}</a>
                                 {{if .SizeHuman}}<span class="mono form-hint">{{.SizeHuman}}</span>{{end}}
+                                <a href="/stacks/{{.Stack}}/migrate" class="btn btn-xs btn-outline" title="Adatok áthelyezése másik tárolóra">📦 Mozgatás</a>
                             </div>
                             {{end}}
                         </div>
@@ -163,8 +164,12 @@
     </div>
     {{end}}
 
+    <div style="margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap">
+        <a href="/settings/storage/init" class="btn btn-sm btn-outline">🔧 Új meghajtó inicializálása</a>
+    </div>
+
     <details class="storage-add-details">
-        <summary class="btn btn-sm btn-outline" style="margin-top:1rem;cursor:pointer">Új adattároló hozzáadása</summary>
+        <summary class="btn btn-sm btn-outline" style="margin-top:.75rem;cursor:pointer">Már csatlakoztatott tárhely hozzáadása kézzel</summary>
         <form method="POST" action="/settings/storage/add" class="storage-add-form">
             <div class="form-group">
                 <label for="storage_path">Elérési út</label>

controller/internal/web/templates/storage_init.html

@@ -0,0 +1,325 @@
+{{define "storage_init"}}
+{{template "layout_start" .}}
+
+<div class="page-header">
+    <div style="display:flex;align-items:center;gap:.5rem">
+        <a href="/settings" class="btn btn-sm btn-outline">← Vissza</a>
+        <h2>Új meghajtó inicializálása</h2>
+    </div>
+</div>
+
+<div class="settings-card" id="wizard-scan">
+    <h3>1. Meghajtók keresése</h3>
+    <p class="settings-card-desc">Keresse meg a rendszerhez csatlakoztatott, még nem inicializált meghajtókat.</p>
+
+    <button class="btn btn-primary" onclick="scanDisks()" id="scan-btn">🔍 Meghajtók keresése</button>
+    <div id="scan-error" class="alert alert-error" style="display:none;margin-top:1rem"></div>
+
+    <div id="scan-result" style="display:none;margin-top:1.5rem">
+        <div id="available-disks"></div>
+        <div id="system-disks-note" style="display:none;margin-top:1rem"></div>
+    </div>
+</div>
+
+<div class="settings-card" id="wizard-configure" style="display:none">
+    <h3>2. Konfiguráció</h3>
+    <p class="settings-card-desc">Adja meg az inicializálás paramétereit.</p>
+
+    <form id="init-form">
+        <input type="hidden" id="selected-device" name="device_path">
+        <input type="hidden" id="create-partition" name="create_partition" value="true">
+
+        <div class="form-group">
+            <label>Kiválasztott eszköz</label>
+            <span class="settings-value mono" id="selected-device-display"></span>
+        </div>
+
+        <div class="form-group">
+            <label for="mount-name">Csatlakoztatási név <span class="required">*</span></label>
+            <div class="form-inline">
+                <span class="mono" style="opacity:.6">/mnt/</span>
+                <input type="text" id="mount-name" class="form-control" placeholder="hdd_1"
+                       pattern="[a-zA-Z0-9_]+" required style="max-width:160px">
+            </div>
+            <span class="form-hint">Pl. hdd_1 → a meghajtó a /mnt/hdd_1 útvonalra kerül</span>
+        </div>
+
+        <div class="form-group">
+            <label for="storage-label">Megnevezés</label>
+            <input type="text" id="storage-label" class="form-control" placeholder="Külső HDD 1TB" maxlength="50">
+        </div>
+
+        <label class="toggle" style="margin-bottom:1.5rem">
+            <input type="checkbox" id="set-default" checked>
+            <span class="toggle-label">Beállítás alapértelmezett adattárolóként új telepítéseknél</span>
+        </label>
+
+        <div class="alert alert-error" style="margin-bottom:1.5rem">
+            <strong>⚠️ FIGYELEM:</strong> A meghajtó <strong>ÖSSZES</strong> adata törlődik!<br>
+            Ez a művelet <strong>NEM vonható vissza.</strong>
+        </div>
+
+        <div class="form-group">
+            <label for="confirm-input">A folytatáshoz írja be: <strong>FORMÁZÁS</strong></label>
+            <input type="text" id="confirm-input" class="form-control" placeholder="FORMÁZÁS"
+                   autocomplete="off" style="max-width:200px">
+        </div>
+
+        <div class="form-actions" style="gap:.75rem">
+            <button type="submit" class="btn btn-danger-outline" id="init-btn" disabled>
+                Inicializálás indítása
+            </button>
+            <button type="button" class="btn btn-outline" onclick="resetWizard()">Mégsem</button>
+        </div>
+        <div id="init-error" class="alert alert-error" style="display:none;margin-top:1rem"></div>
+    </form>
+</div>
+
+<div class="settings-card" id="wizard-progress" style="display:none">
+    <h3>3. Inicializálás folyamatban...</h3>
+
+    <div class="disk-progress-steps" id="progress-steps">
+        <div class="disk-step" id="pstep-validating"><span class="disk-step-icon">○</span> Eszköz ellenőrzése</div>
+        <div class="disk-step" id="pstep-partitioning"><span class="disk-step-icon">○</span> Partíció létrehozása</div>
+        <div class="disk-step" id="pstep-formatting"><span class="disk-step-icon">○</span> Fájlrendszer formázása (ext4)</div>
+        <div class="disk-step" id="pstep-mounting"><span class="disk-step-icon">○</span> Csatlakoztatás</div>
+        <div class="disk-step" id="pstep-permissions"><span class="disk-step-icon">○</span> Mappák és jogosultságok</div>
+        <div class="disk-step" id="pstep-done"><span class="disk-step-icon">○</span> Regisztráció</div>
+    </div>
+
+    <div class="disk-progress-bar-wrap" style="margin-top:1.5rem">
+        <div class="system-bar" style="height:12px;border-radius:6px">
+            <div class="system-bar-fill system-bar-green" id="progress-bar" style="width:0%;transition:width .4s ease;height:12px;border-radius:6px"></div>
+        </div>
+        <span class="mono form-hint" id="progress-pct">0%</span>
+    </div>
+
+    <div id="progress-msg" class="form-hint" style="margin-top:.75rem"></div>
+    <div id="progress-error" class="alert alert-error" style="display:none;margin-top:1rem"></div>
+</div>
+
+<div class="settings-card" id="wizard-done" style="display:none">
+    <h3>✅ Meghajtó sikeresen inicializálva!</h3>
+    <div id="done-info" class="settings-grid" style="margin-top:1rem">
+        <div class="settings-row">
+            <span class="settings-label">Útvonal</span>
+            <span class="settings-value mono" id="done-path"></span>
+        </div>
+    </div>
+    <a href="/settings" class="btn btn-primary" style="margin-top:1.5rem">← Vissza a Beállításokhoz</a>
+</div>
+
+<script>
+var selectedDevice = null;
+var pollTimer = null;
+
+function scanDisks() {
+    var btn = document.getElementById('scan-btn');
+    var errEl = document.getElementById('scan-error');
+    var resultEl = document.getElementById('scan-result');
+    btn.textContent = 'Keresés...';
+    btn.disabled = true;
+    errEl.style.display = 'none';
+    resultEl.style.display = 'none';
+
+    fetch('/api/storage/scan', {method:'POST'})
+        .then(function(r){ return r.json(); })
+        .then(function(data) {
+            btn.textContent = '🔍 Meghajtók keresése';
+            btn.disabled = false;
+            if (!data.ok) {
+                errEl.textContent = data.error || 'Ismeretlen hiba';
+                errEl.style.display = 'block';
+                return;
+            }
+            renderScanResult(data);
+            resultEl.style.display = 'block';
+        })
+        .catch(function(e) {
+            btn.textContent = '🔍 Meghajtók keresése';
+            btn.disabled = false;
+            errEl.textContent = 'Hálózati hiba: ' + e.message;
+            errEl.style.display = 'block';
+        });
+}
+
+function renderScanResult(data) {
+    var availEl = document.getElementById('available-disks');
+    var sysEl = document.getElementById('system-disks-note');
+
+    if (!data.available || data.available.length === 0) {
+        availEl.innerHTML = '<div class="empty-state" style="padding:1rem">Nem található inicializálható meghajtó.</div>';
+    } else {
+        var html = '<h4 style="margin-bottom:.75rem">Talált meghajtók (' + data.available.length + '):</h4>';
+        data.available.forEach(function(disk) {
+            var partInfo = '';
+            if (disk.Partitions && disk.Partitions.length > 0) {
+                partInfo = disk.Partitions.map(function(p) {
+                    return p.Name + (p.FSType ? ' (' + p.FSType + ')' : ' (nincs fájlrendszer)') + (p.MountPoint ? ' → ' + p.MountPoint : '');
+                }).join(', ');
+            }
+            html += '<div class="storage-path-item" style="cursor:pointer;border:2px solid transparent" ' +
+                'onclick="selectDisk(this, \'' + disk.Path + '\', ' + JSON.stringify(disk.CreatePartition !== false) + ')" ' +
+                'data-path="' + disk.Path + '" id="disk-' + disk.Name + '">' +
+                '<div class="storage-path-header"><div class="storage-path-info">' +
+                '<span class="storage-path-label">○ ' + disk.Path + ' — ' + (disk.Size || '?') + '</span>' +
+                (disk.Model ? '<span class="storage-path-path">' + disk.Model + '</span>' : '') +
+                (partInfo ? '<span class="form-hint">' + partInfo + '</span>' : '<span class="form-hint">Nincs partíció</span>') +
+                '</div></div></div>';
+        });
+        availEl.innerHTML = html;
+    }
+
+    if (data.system && data.system.length > 0) {
+        var sysNames = data.system.map(function(d){ return d.Path + ' (' + (d.Size||'?') + ')'; }).join(', ');
+        sysEl.innerHTML = '<span class="form-hint">A rendszermeghajtó(k) nem választhatók: ' + sysNames + '</span>';
+        sysEl.style.display = 'block';
+    }
+}
+
+function selectDisk(el, path, needsPartition) {
+    // Deselect all
+    document.querySelectorAll('[data-path]').forEach(function(d) {
+        d.style.border = '2px solid transparent';
+        d.querySelector('.storage-path-label').textContent = d.querySelector('.storage-path-label').textContent.replace('● ', '○ ');
+    });
+    // Select this
+    el.style.border = '2px solid var(--accent-blue)';
+    el.querySelector('.storage-path-label').textContent = el.querySelector('.storage-path-label').textContent.replace('○ ', '● ');
+
+    selectedDevice = path;
+    document.getElementById('selected-device').value = path;
+    document.getElementById('create-partition').value = needsPartition ? 'true' : 'false';
+    document.getElementById('selected-device-display').textContent = path;
+
+    // Show configure step
+    document.getElementById('wizard-configure').style.display = 'block';
+    document.getElementById('wizard-configure').scrollIntoView({behavior:'smooth'});
+}
+
+function resetWizard() {
+    selectedDevice = null;
+    document.getElementById('wizard-configure').style.display = 'none';
+    document.getElementById('init-error').style.display = 'none';
+    document.getElementById('confirm-input').value = '';
+    document.getElementById('init-btn').disabled = true;
+}
+
+// Enable init button only when confirmation is correct
+document.getElementById('confirm-input').addEventListener('input', function() {
+    document.getElementById('init-btn').disabled = (this.value !== 'FORMÁZÁS');
+});
+
+document.getElementById('init-form').addEventListener('submit', function(e) {
+    e.preventDefault();
+    if (document.getElementById('confirm-input').value !== 'FORMÁZÁS') {
+        return;
+    }
+
+    var mountName = document.getElementById('mount-name').value.trim();
+    var label = document.getElementById('storage-label').value.trim();
+    var setDefault = document.getElementById('set-default').checked;
+
+    if (!mountName) {
+        document.getElementById('init-error').textContent = 'A csatlakoztatási nevet meg kell adni.';
+        document.getElementById('init-error').style.display = 'block';
+        return;
+    }
+
+    document.getElementById('wizard-scan').style.display = 'none';
+    document.getElementById('wizard-configure').style.display = 'none';
+    document.getElementById('wizard-progress').style.display = 'block';
+    document.getElementById('wizard-progress').scrollIntoView({behavior:'smooth'});
+
+    var body = {
+        device_path: selectedDevice,
+        mount_name: mountName,
+        label: label,
+        create_partition: document.getElementById('create-partition').value === 'true',
+        set_default: setDefault,
+        confirm: 'FORMÁZÁS'
+    };
+
+    fetch('/api/storage/init', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify(body)
+    }).then(function(r){ return r.json(); })
+    .then(function(data) {
+        if (!data.ok) {
+            showProgressError(data.error || 'Ismeretlen hiba');
+            return;
+        }
+        // Start polling
+        pollTimer = setInterval(pollProgress, 1500);
+    })
+    .catch(function(e) {
+        showProgressError('Hálózati hiba: ' + e.message);
+    });
+});
+
+var stepOrder = ['validating','partitioning','formatting','mounting','permissions','done'];
+
+function pollProgress() {
+    fetch('/api/storage/init/status')
+        .then(function(r){ return r.json(); })
+        .then(function(data) {
+            if (!data.ok) return;
+            updateProgressUI(data);
+            if (data.done) {
+                clearInterval(pollTimer);
+                if (data.step === 'done') {
+                    showDone('/mnt/' + document.getElementById('mount-name').value.trim());
+                }
+            }
+        })
+        .catch(function(){});
+}
+
+function updateProgressUI(data) {
+    // Update step icons
+    var currentIdx = stepOrder.indexOf(data.step);
+    stepOrder.forEach(function(s, i) {
+        var el = document.getElementById('pstep-' + s);
+        if (!el) return;
+        var icon = el.querySelector('.disk-step-icon');
+        if (i < currentIdx) {
+            el.className = 'disk-step disk-step-done';
+            icon.textContent = '✅';
+        } else if (i === currentIdx) {
+            el.className = 'disk-step disk-step-active';
+            icon.textContent = data.step === 'error' ? '❌' : '⏳';
+        } else {
+            el.className = 'disk-step';
+            icon.textContent = '○';
+        }
+    });
+
+    // Progress bar
+    var pct = data.pct || 0;
+    document.getElementById('progress-bar').style.width = pct + '%';
+    document.getElementById('progress-pct').textContent = pct + '%';
+    document.getElementById('progress-msg').textContent = data.msg || '';
+
+    if (data.step === 'error' || data.error) {
+        showProgressError(data.error || data.msg || 'Ismeretlen hiba');
+    }
+}
+
+function showProgressError(msg) {
+    clearInterval(pollTimer);
+    document.getElementById('progress-error').textContent = 'Hiba: ' + msg;
+    document.getElementById('progress-error').style.display = 'block';
+    document.getElementById('wizard-progress').querySelector('h3').textContent = 'Inicializálás sikertelen';
+}
+
+function showDone(mountPath) {
+    document.getElementById('wizard-progress').style.display = 'none';
+    document.getElementById('wizard-done').style.display = 'block';
+    document.getElementById('done-path').textContent = mountPath;
+    document.getElementById('wizard-done').scrollIntoView({behavior:'smooth'});
+}
+</script>
+
+{{template "layout_end" .}}
+{{end}}

controller/internal/web/templates/style.css

@@ -2127,3 +2127,84 @@ a.stat-card:hover {
     .restore-label { min-width: auto; }
     .restore-select { max-width: 100%; }
 }
+
+/* ===================================================================
+   Storage Init Wizard & Migration UI
+   =================================================================== */
+
+.disk-progress-steps {
+    display: flex;
+    flex-direction: column;
+    gap: .5rem;
+    margin-top: 1rem;
+}
+
+.disk-step {
+    display: flex;
+    align-items: center;
+    gap: .75rem;
+    padding: .5rem .75rem;
+    border-radius: 8px;
+    color: var(--text-secondary);
+    font-size: .9rem;
+    background: var(--bg-primary);
+}
+
+.disk-step-icon {
+    font-size: 1.1rem;
+    min-width: 1.4rem;
+}
+
+.disk-step.disk-step-done {
+    color: var(--text-primary);
+}
+
+.disk-step.disk-step-active {
+    background: rgba(0, 136, 204, 0.08);
+    color: var(--accent-light);
+    border: 1px solid rgba(0, 136, 204, 0.2);
+}
+
+.disk-progress-bar-wrap {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.disk-progress-bar-wrap .system-bar {
+    flex: 1;
+}
+
+.deploy-storage-info {
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius);
+    padding: 1.25rem;
+    margin-bottom: 1rem;
+}
+
+.deploy-storage-info h4 {
+    font-size: .95rem;
+    font-weight: 600;
+    color: var(--text-secondary);
+    text-transform: uppercase;
+    letter-spacing: .05em;
+    margin-bottom: .75rem;
+}
+
+.storage-app-row {
+    display: flex;
+    align-items: center;
+    gap: .75rem;
+    padding: .35rem 0;
+}
+
+.storage-app-link {
+    color: var(--accent-light);
+    text-decoration: none;
+    font-size: .9rem;
+}
+
+.storage-app-link:hover {
+    text-decoration: underline;
+}