Add multi-disk copy workflow

cmd/jukebox/main.go

@@ -34,59 +34,74 @@ func main() {
 	taskStore := task.NewStore()
 	cp := copier.New(taskStore)
 
-	var activeDB *db.DB
-	var activeDiskID string
+	activeDBs := make(map[string]*db.DB)
+	mountToDiskID := make(map[string]string)
 
 	openDiskDB := func(info disk.DiskInfo) {
-		if activeDiskID == info.DiskID {
-			return // already open for this disk
+		if info.DiskID == "" {
+			return
 		}
-		if activeDB != nil {
-			activeDB.Close()
-			activeDB = nil
-			activeDiskID = ""
+
+		if prevDiskID, ok := mountToDiskID[info.MountPath]; ok && prevDiskID != info.DiskID {
+			if prevDB := activeDBs[prevDiskID]; prevDB != nil {
+				prevDB.Close()
+				delete(activeDBs, prevDiskID)
+				cp.SetDB(prevDiskID, nil)
 			}
+		}
+		mountToDiskID[info.MountPath] = info.DiskID
+
+		if _, ok := activeDBs[info.DiskID]; ok {
+			return
+		}
+
 		d, err := db.Open(disk.DBPath(info.MountPath))
 		if err != nil {
 			log.Printf("open disk DB: %v", err)
 			return
 		}
-		activeDB = d
-		activeDiskID = info.DiskID
-		cp.SetDB(d)
+		activeDBs[info.DiskID] = d
+		cp.SetDB(info.DiskID, d)
 		log.Printf("disk DB opened for %s", info.DiskID)
 	}
 
-	closeDiskDB := func() {
-		if activeDB != nil {
-			activeDB.Close()
-			activeDB = nil
-			activeDiskID = ""
-			cp.SetDB(nil)
-			log.Println("disk DB closed")
+	closeDiskDB := func(info disk.DiskInfo) {
+		diskID := info.DiskID
+		if diskID == "" {
+			diskID = mountToDiskID[info.MountPath]
 		}
+		if diskID == "" {
+			return
 		}
 
+		cp.Cancel(diskID)
+		cp.SetDB(diskID, nil)
+
+		if d := activeDBs[diskID]; d != nil {
+			d.Close()
+			delete(activeDBs, diskID)
+			log.Printf("disk DB closed for %s", diskID)
+		}
+		delete(mountToDiskID, info.MountPath)
+	}
+
+	watcherReady := false
 	w := watcher.New(*mountPath, 5*time.Second, func(ev watcher.DiskEvent) {
-		log.Printf("disk: %s -> %s", ev.Prev, ev.Info.State)
+		log.Printf("disk: %s %s -> %s", ev.Info.MountPath, ev.Prev.State, ev.Info.State)
 		switch ev.Info.State {
 		case disk.DiskKnown:
 			openDiskDB(ev.Info)
-			if ev.Prev != disk.DiskKnown && cfg.AutoCopy {
+			if watcherReady && ev.Prev.State != disk.DiskKnown && cfg.AutoCopy {
 				triggerAutoCopy(cp, cfg, ev.Info, *mediaPath)
 			}
+		case disk.DiskForeign:
+			closeDiskDB(ev.Prev)
 		case disk.DiskAbsent:
-			closeDiskDB()
+			closeDiskDB(ev.Prev)
 		}
 	})
-
-	// Open DB immediately if disk already connected at startup
-	{
-		info, _ := disk.Probe(*mountPath)
-		if info.State == disk.DiskKnown {
-			openDiskDB(info)
-		}
-	}
+	w.ProbeNow()
+	watcherReady = true
 
 	srv, err := api.New(api.Deps{
 		Config:     cfg,
@@ -96,6 +111,13 @@ func main() {
 		Tasks:      taskStore,
 		MediaPath:  *mediaPath,
 		MountPath:  *mountPath,
+		OnDiskInit: func(mountPath, diskID string) {
+			openDiskDB(disk.DiskInfo{
+				State:     disk.DiskKnown,
+				DiskID:    diskID,
+				MountPath: mountPath,
+			})
+		},
 	})
 	if err != nil {
 		log.Fatalf("init server: %v", err)
@@ -119,7 +141,9 @@ func main() {
 	shutCtx, cancel := context.WithTimeout(context.Background(), 10*time.Second)
 	defer cancel()
 	httpSrv.Shutdown(shutCtx)
-	closeDiskDB()
+	for _, info := range w.ListDisks() {
+		closeDiskDB(info)
+	}
 }
 
 func triggerAutoCopy(cp *copier.Copier, cfg *config.Config, info disk.DiskInfo, mediaPath string) {

internal/api/handlers_copy.go

@@ -9,8 +9,9 @@ import (
 )
 
 func (s *Server) handleCopyStart(w http.ResponseWriter, r *http.Request) {
-	diskInfo := s.deps.Watcher.CurrentDisk()
-	if diskInfo.State != disk.DiskKnown {
+	diskID := r.PathValue("diskID")
+	diskInfo, ok := s.deps.Watcher.DiskByID(diskID)
+	if !ok || diskInfo.State != disk.DiskKnown {
 		jsonErr(w, http.StatusUnprocessableEntity, "no known disk connected")
 		return
 	}
@@ -54,7 +55,8 @@ func (s *Server) handleCopyStart(w http.ResponseWriter, r *http.Request) {
 }
 
 func (s *Server) handleCopyCancel(w http.ResponseWriter, r *http.Request) {
-	s.deps.Copier.Cancel()
+	diskID := r.PathValue("diskID")
+	s.deps.Copier.Cancel(diskID)
 	jsonOK(w, map[string]bool{"ok": true})
 }
 

internal/api/handlers_disk.go

@@ -1,14 +1,13 @@
 package api
 
 import (
+	"encoding/json"
 	"net/http"
 
 	"jukebox_maker/internal/disk"
 )
 
 func (s *Server) handleDiskStatus(w http.ResponseWriter, r *http.Request) {
-	info := s.deps.Watcher.CurrentDisk()
-
 	type response struct {
 		State        disk.DiskState `json:"state"`
 		DiskID       string         `json:"disk_id"`
@@ -18,17 +17,57 @@ func (s *Server) handleDiskStatus(w http.ResponseWriter, r *http.Request) {
 		ActiveTaskID string         `json:"active_task_id,omitempty"`
 	}
 
-	resp := response{
+	disks := s.deps.Watcher.ListDisks()
+	resp := make([]response, 0, len(disks))
+	for _, info := range disks {
+		item := response{
 			State:      info.State,
 			DiskID:     info.DiskID,
 			TotalBytes: info.TotalBytes,
 			FreeBytes:  info.FreeBytes,
 			MountPath:  info.MountPath,
 		}
-
-	if t, ok := s.deps.Tasks.ActiveTask(); ok {
-		resp.ActiveTaskID = t.ID
+		if info.DiskID != "" {
+			if t, ok := s.deps.Tasks.ActiveTaskByDisk(info.DiskID); ok {
+				item.ActiveTaskID = t.ID
+			}
+		}
+		resp = append(resp, item)
 	}
 
-	jsonOK(w, resp)
+	jsonOK(w, map[string]any{"items": resp})
+}
+
+func (s *Server) handleDiskInit(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		MountPath string `json:"mount_path"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonErr(w, http.StatusBadRequest, "invalid JSON: "+err.Error())
+		return
+	}
+
+	info, ok := s.deps.Watcher.DiskByMountPath(req.MountPath)
+	if !ok {
+		jsonErr(w, http.StatusNotFound, "disk not found")
+		return
+	}
+	if info.State == disk.DiskAbsent {
+		jsonErr(w, http.StatusUnprocessableEntity, "no disk connected")
+		return
+	}
+	if info.State == disk.DiskKnown {
+		jsonErr(w, http.StatusConflict, "disk already initialized")
+		return
+	}
+
+	diskID, err := disk.InitDisk(info.MountPath)
+	if err != nil {
+		jsonErr(w, http.StatusInternalServerError, "init disk: "+err.Error())
+		return
+	}
+
+	s.deps.OnDiskInit(info.MountPath, diskID)
+	s.deps.Watcher.ProbeNow()
+	jsonOK(w, map[string]string{"disk_id": diskID})
 }

internal/api/server.go

@@ -21,6 +21,8 @@ type Deps struct {
 	Tasks      *task.Store
 	MediaPath  string
 	MountPath  string
+	// OnDiskInit вызывается при ручной инициализации диска через UI.
+	OnDiskInit func(mountPath, diskID string)
 }
 
 type Server struct {
@@ -56,12 +58,13 @@ func (s *Server) routes() {
 	s.mux.HandleFunc("GET /settings", s.handleSettings)
 
 	s.mux.HandleFunc("GET /health", s.handleHealth)
-	s.mux.HandleFunc("GET /api/disk", s.handleDiskStatus)
+	s.mux.HandleFunc("GET /api/disks", s.handleDiskStatus)
+	s.mux.HandleFunc("POST /api/disks/init", s.handleDiskInit)
 	s.mux.HandleFunc("GET /api/sources", s.handleSources)
 	s.mux.HandleFunc("GET /api/config", s.handleGetConfig)
 	s.mux.HandleFunc("PUT /api/config", s.handlePutConfig)
-	s.mux.HandleFunc("POST /api/copy/start", s.handleCopyStart)
-	s.mux.HandleFunc("POST /api/copy/cancel", s.handleCopyCancel)
+	s.mux.HandleFunc("POST /api/disks/{diskID}/copy/start", s.handleCopyStart)
+	s.mux.HandleFunc("POST /api/disks/{diskID}/copy/cancel", s.handleCopyCancel)
 	s.mux.HandleFunc("GET /api/tasks/{id}", s.handleTaskGet)
 }
 

internal/copier/copier.go

@@ -32,37 +32,45 @@ type Copier struct {
 	tasks *task.Store
 
 	mu      sync.Mutex
-	cancel context.CancelFunc
+	cancels map[string]context.CancelFunc
 
 	dbMu sync.RWMutex
-	db   *db.DB
+	dbs  map[string]*db.DB
 }
 
 func New(tasks *task.Store) *Copier {
-	return &Copier{tasks: tasks}
+	return &Copier{
+		tasks:   tasks,
+		cancels: make(map[string]context.CancelFunc),
+		dbs:     make(map[string]*db.DB),
+	}
 }
 
-func (c *Copier) SetDB(d *db.DB) {
+func (c *Copier) SetDB(diskID string, d *db.DB) {
 	c.dbMu.Lock()
-	c.db = d
+	if d == nil {
+		delete(c.dbs, diskID)
+	} else {
+		c.dbs[diskID] = d
+	}
 	c.dbMu.Unlock()
 }
 
-func (c *Copier) getDB() *db.DB {
+func (c *Copier) getDB(diskID string) *db.DB {
 	c.dbMu.RLock()
 	defer c.dbMu.RUnlock()
-	return c.db
+	return c.dbs[diskID]
 }
 
 func (c *Copier) Start(ctx context.Context, opts Options) (string, error) {
 	c.mu.Lock()
 	defer c.mu.Unlock()
 
-	if _, active := c.tasks.ActiveTask(); active {
+	if _, active := c.cancels[opts.DiskID]; active {
 		return "", errors.New("copy already running")
 	}
 
-	database := c.getDB()
+	database := c.getDB(opts.DiskID)
 	if database == nil {
 		return "", errors.New("no disk database available")
 	}
@@ -71,23 +79,29 @@ func (c *Copier) Start(ctx context.Context, opts Options) (string, error) {
 		opts.DestFolder = "media"
 	}
 
-	t := c.tasks.Create("copy")
+	t := c.tasks.Create("copy", opts.DiskID)
 	copyCtx, cancel := context.WithCancel(ctx)
-	c.cancel = cancel
+	c.cancels[opts.DiskID] = cancel
 
 	go c.run(copyCtx, t.ID, opts, database)
 	return t.ID, nil
 }
 
-func (c *Copier) Cancel() {
+func (c *Copier) Cancel(diskID string) {
 	c.mu.Lock()
 	defer c.mu.Unlock()
-	if c.cancel != nil {
-		c.cancel()
+	if cancel, ok := c.cancels[diskID]; ok {
+		cancel()
 	}
 }
 
 func (c *Copier) run(ctx context.Context, taskID string, opts Options, database *db.DB) {
+	defer func() {
+		c.mu.Lock()
+		delete(c.cancels, opts.DiskID)
+		c.mu.Unlock()
+	}()
+
 	setStatus := func(s task.Status, msg string, prog int) {
 		c.tasks.Update(taskID, func(t *task.Task) {
 			t.Status = s

internal/task/task.go

@@ -19,6 +19,7 @@ const (
 
 type Task struct {
 	ID        string    `json:"id"`
+	DiskID    string    `json:"disk_id"`
 	Type      string    `json:"type"`
 	Status    Status    `json:"status"`
 	Progress  int       `json:"progress"`
@@ -43,9 +44,10 @@ func NewStore() *Store {
 	return &Store{tasks: make(map[string]*Task)}
 }
 
-func (s *Store) Create(taskType string) *Task {
+func (s *Store) Create(taskType, diskID string) *Task {
 	t := &Task{
 		ID:        uuid.New().String(),
+		DiskID:    diskID,
 		Type:      taskType,
 		Status:    StatusQueued,
 		CreatedAt: time.Now().UTC(),
@@ -77,11 +79,11 @@ func (s *Store) Update(id string, fn func(*Task)) {
 	}
 }
 
-func (s *Store) ActiveTask() (*Task, bool) {
+func (s *Store) ActiveTaskByDisk(diskID string) (*Task, bool) {
 	s.mu.RLock()
 	defer s.mu.RUnlock()
 	for _, t := range s.tasks {
-		if t.Status == StatusQueued || t.Status == StatusRunning {
+		if t.DiskID == diskID && (t.Status == StatusQueued || t.Status == StatusRunning) {
 			copy := *t
 			return &copy, true
 		}

internal/watcher/watcher.go

@@ -2,6 +2,8 @@ package watcher
 
 import (
 	"context"
+	"path/filepath"
+	"sort"
 	"sync"
 	"time"
 
@@ -10,7 +12,7 @@ import (
 
 type DiskEvent struct {
 	Info disk.DiskInfo
-	Prev disk.DiskState
+	Prev disk.DiskInfo
 }
 
 type Handler func(event DiskEvent)
@@ -21,7 +23,7 @@ type Watcher struct {
 	handler   Handler
 
 	mu    sync.RWMutex
-	current disk.DiskInfo
+	disks map[string]disk.DiskInfo
 }
 
 func New(mountPath string, interval time.Duration, handler Handler) *Watcher {
@@ -29,13 +31,42 @@ func New(mountPath string, interval time.Duration, handler Handler) *Watcher {
 		mountPath: mountPath,
 		interval:  interval,
 		handler:   handler,
+		disks:     make(map[string]disk.DiskInfo),
 	}
 }
 
-func (w *Watcher) CurrentDisk() disk.DiskInfo {
+func (w *Watcher) ListDisks() []disk.DiskInfo {
 	w.mu.RLock()
 	defer w.mu.RUnlock()
-	return w.current
+
+	items := make([]disk.DiskInfo, 0, len(w.disks))
+	for _, info := range w.disks {
+		items = append(items, info)
+	}
+	sort.Slice(items, func(i, j int) bool { return items[i].MountPath < items[j].MountPath })
+	return items
+}
+
+func (w *Watcher) DiskByMountPath(mountPath string) (disk.DiskInfo, bool) {
+	w.mu.RLock()
+	defer w.mu.RUnlock()
+	info, ok := w.disks[mountPath]
+	return info, ok
+}
+
+func (w *Watcher) DiskByID(diskID string) (disk.DiskInfo, bool) {
+	w.mu.RLock()
+	defer w.mu.RUnlock()
+	for _, info := range w.disks {
+		if info.DiskID == diskID {
+			return info, true
+		}
+	}
+	return disk.DiskInfo{}, false
+}
+
+func (w *Watcher) ProbeNow() {
+	w.probe()
 }
 
 func (w *Watcher) Run(ctx context.Context) {
@@ -56,15 +87,61 @@ func (w *Watcher) Run(ctx context.Context) {
 }
 
 func (w *Watcher) probe() {
-	info, _ := disk.Probe(w.mountPath)
+	next := discoverDisks(w.mountPath)
 
 	w.mu.Lock()
-	prev := w.current.State
-	changed := prev != info.State
-	w.current = info
+	prev := w.disks
+	w.disks = next
 	w.mu.Unlock()
 
-	if changed && w.handler != nil {
-		w.handler(DiskEvent{Info: info, Prev: prev})
+	if w.handler == nil {
+		return
+	}
+
+	seen := make(map[string]struct{}, len(prev)+len(next))
+	for mountPath, info := range next {
+		seen[mountPath] = struct{}{}
+		prevInfo := prev[mountPath]
+		if prevInfo.State != info.State || prevInfo.DiskID != info.DiskID {
+			w.handler(DiskEvent{Info: info, Prev: prevInfo})
 		}
 	}
+	for mountPath, prevInfo := range prev {
+		if _, ok := seen[mountPath]; ok {
+			continue
+		}
+		w.handler(DiskEvent{
+			Info: disk.DiskInfo{
+				State:     disk.DiskAbsent,
+				MountPath: mountPath,
+			},
+			Prev: prevInfo,
+		})
+	}
+}
+
+func discoverDisks(root string) map[string]disk.DiskInfo {
+	candidates := []string{root}
+
+	if entries, err := filepath.Glob(filepath.Join(root, "*")); err == nil {
+		for _, path := range entries {
+			candidates = append(candidates, path)
+		}
+	}
+
+	disks := make(map[string]disk.DiskInfo)
+	seen := make(map[string]struct{}, len(candidates))
+	for _, mountPath := range candidates {
+		if _, ok := seen[mountPath]; ok {
+			continue
+		}
+		seen[mountPath] = struct{}{}
+
+		info, _ := disk.Probe(mountPath)
+		if info.State == disk.DiskAbsent {
+			continue
+		}
+		disks[mountPath] = info
+	}
+	return disks
+}

ops/build-image.sh

@@ -21,6 +21,7 @@ ROOT_DIR=$(CDPATH= cd -- "$(dirname "$0")/.." && pwd)
 die() { echo "error: $*" >&2; exit 1; }
 
 command -v docker >/dev/null 2>&1 || die "docker not found in PATH"
+command -v go >/dev/null 2>&1 || die "go not found in PATH"
 
 DEFAULT_TAG=$(git -C "${ROOT_DIR}" rev-parse --short HEAD 2>/dev/null || echo dev)
 
@@ -46,6 +47,12 @@ else
     ask IMAGE     "Image" ""
 fi
 
+echo "checking Go build"
+(
+    cd "${ROOT_DIR}"
+    go build ./...
+)
+
 if [ -n "${IMAGE}" ]; then
     # multi-arch build + push
     docker buildx version >/dev/null 2>&1 || die "docker buildx not available"

web/static/style.css

@@ -89,6 +89,24 @@ a:hover { text-decoration: underline; }
   color: var(--ink);
 }
 
+.panel-body {
+  padding: 14px 16px;
+}
+
+.disk-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  gap: 20px;
+}
+
+.disk-card {
+  margin-bottom: 0;
+}
+
+.progress-wrap {
+  border-top: 1px solid var(--border-lite);
+}
+
 /* KV table */
 .kv-table {
   width: 100%;
@@ -325,5 +343,7 @@ a:hover { text-decoration: underline; }
 @media (max-width: 720px) {
   .page-header { flex-wrap: wrap; padding: 12px 16px; }
   .page-main { width: calc(100vw - 24px); margin-top: 20px; }
+  .disk-grid { grid-template-columns: 1fr; }
   .kv-table th { width: 130px; }
+  .btn-row { flex-wrap: wrap; }
 }

web/templates/dashboard.html

@@ -1,90 +1,40 @@
 {{define "content"}}
 
 <section class="panel">
-  <h2>Накопитель</h2>
-  <table class="kv-table">
-    <tbody>
-      <tr>
-        <th>Статус</th>
-        <td id="diskState"><span class="badge badge-unknown">Не подключён</span></td>
-      </tr>
-      <tr id="rowDiskID" class="hidden">
-        <th>ID диска</th>
-        <td><span class="mono" id="valDiskID"></span></td>
-      </tr>
-      <tr id="rowTotal" class="hidden">
-        <th>Всего на диске</th>
-        <td id="valTotal"></td>
-      </tr>
-      <tr id="rowFree" class="hidden">
-        <th>Свободно</th>
-        <td id="valFree"></td>
-      </tr>
-    </tbody>
-  </table>
-</section>
-
-<section class="panel hidden" id="progressPanel">
-  <h2>Копирование</h2>
-  <div style="padding:14px 16px">
-    <div class="progress-bar-bg">
-      <div class="progress-bar-fill" id="progressFill" style="width:0%"></div>
-    </div>
-    <div style="display:flex;justify-content:space-between;align-items:baseline;margin-top:6px">
-      <div class="progress-label" id="progressMsg">Подготовка…</div>
-      <div class="progress-label" id="progressMeta" style="text-align:right"></div>
-    </div>
+  <h2>Накопители</h2>
+  <div class="panel-body">
+    <div id="diskSummary" class="text-muted">Загрузка списка накопителей…</div>
   </div>
 </section>
 
-<div class="btn-row" style="background:transparent;border:none;padding:0;margin-bottom:24px">
-  <button class="button-primary" id="btnStart" onclick="startCopy()" disabled>▶ Запустить копирование</button>
-  <button class="button-danger hidden" id="btnCancel" onclick="cancelCopy()">✕ Отменить</button>
-</div>
+<div class="disk-grid" id="diskGrid"></div>
 
 <script>
-let pollInterval = null;
-let activeTaskId = null;
+let disks = [];
+const taskState = new Map();
+const taskPollers = new Map();
 
-async function refreshDisk() {
-  try {
-    const r = await fetch('/api/disk');
-    if (!r.ok) return;
-    const d = await r.json();
-
-    const labels = { absent: 'Не подключён', foreign: 'Незнакомый диск', known: 'Диск подключён' };
-    const cls    = { absent: 'badge-unknown', foreign: 'badge-warn', known: 'badge-ok' };
-    document.getElementById('diskState').innerHTML =
-      `<span class="badge ${cls[d.state]||'badge-unknown'}">${labels[d.state]||'—'}</span>`;
-
-    const known = d.state === 'known';
-    ['rowDiskID','rowTotal','rowFree'].forEach(id =>
-      document.getElementById(id).classList.toggle('hidden', !known));
-    if (known) {
-      document.getElementById('valDiskID').textContent = d.disk_id;
-      document.getElementById('valTotal').textContent  = fmtBytes(d.total_bytes);
-      document.getElementById('valFree').textContent   = fmtBytes(d.free_bytes);
+function escapeHTML(value) {
+  return String(value || '').replace(/[&<>"']/g, (char) => ({
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;'
+  }[char]));
 }
 
-    const hasTask = !!d.active_task_id;
-    document.getElementById('btnStart').disabled = !known || hasTask;
-    document.getElementById('btnStart').classList.toggle('hidden', hasTask);
-    document.getElementById('btnCancel').classList.toggle('hidden', !hasTask);
-    document.getElementById('progressPanel').classList.toggle('hidden', !hasTask);
-
-    if (d.active_task_id && d.active_task_id !== activeTaskId) {
-      activeTaskId = d.active_task_id;
-      startTaskPoll(activeTaskId);
-    }
-    if (!d.active_task_id && activeTaskId) {
-      activeTaskId = null; stopTaskPoll();
-      document.getElementById('progressPanel').classList.add('hidden');
-    }
-  } catch(e) {}
+function diskKey(disk) {
+  return disk.disk_id || disk.mount_path;
 }
 
-function startTaskPoll(id) { stopTaskPoll(); pollInterval = setInterval(() => pollTask(id), 1500); }
-function stopTaskPoll()    { if (pollInterval) { clearInterval(pollInterval); pollInterval = null; } }
+function badgeClass(state) {
+  return ({ absent: 'badge-unknown', foreign: 'badge-warn', known: 'badge-ok' })[state] || 'badge-unknown';
+}
+
+function badgeLabel(state) {
+  return ({ absent: 'Не подключён', foreign: 'Незнакомый диск', known: 'Диск подключён' })[state] || '—';
+}
 
 function fmtSpeed(bps) {
   if (!bps) return '';
@@ -101,61 +51,187 @@ function fmtETA(sec) {
   return sec + ' с';
 }
 
-async function pollTask(id) {
-  try {
-    const r = await fetch('/api/tasks/' + id);
-    if (!r.ok) return;
-    const t = await r.json();
-    document.getElementById('progressFill').style.width = t.progress + '%';
-    document.getElementById('progressMsg').textContent = t.message || '…';
-
-    const speed = fmtSpeed(t.speed_bps);
-    const eta   = fmtETA(t.eta_sec);
-    const meta  = [speed, eta ? 'ETA: ' + eta : ''].filter(Boolean).join(' · ');
-    document.getElementById('progressMeta').textContent = meta;
-    if (['success','failed','canceled'].includes(t.status)) {
-      stopTaskPoll(); activeTaskId = null;
-      document.getElementById('btnStart').disabled = false;
-      document.getElementById('btnStart').classList.remove('hidden');
-      document.getElementById('btnCancel').classList.add('hidden');
-      document.getElementById('progressPanel').classList.add('hidden');
-      document.getElementById('progressMeta').textContent = '';
-      if (t.status === 'success') toast(t.message || 'Готово', 'ok');
-      if (t.status === 'failed')   toast('Ошибка: ' + t.error, 'error');
-      if (t.status === 'canceled') toast('Копирование отменено', 'error');
-      refreshDisk();
-    }
-  } catch(e) {}
+function taskMeta(task) {
+  if (!task) return '';
+  return [fmtSpeed(task.speed_bps), task.eta_sec ? 'ETA: ' + fmtETA(task.eta_sec) : ''].filter(Boolean).join(' · ');
 }
 
-async function startCopy() {
-  document.getElementById('btnStart').disabled = true;
-  try {
-    const r = await fetch('/api/copy/start', { method: 'POST' });
-    const d = await r.json();
-    if (!r.ok) {
-      toast(d.error || 'Ошибка запуска', 'error');
-      document.getElementById('btnStart').disabled = false;
+function renderDisks() {
+  const grid = document.getElementById('diskGrid');
+  const summary = document.getElementById('diskSummary');
+
+  if (!disks.length) {
+    summary.textContent = 'Подключённые накопители не найдены.';
+    grid.innerHTML = '';
     return;
   }
-    activeTaskId = d.task_id;
-    document.getElementById('btnStart').classList.add('hidden');
-    document.getElementById('btnCancel').classList.remove('hidden');
-    document.getElementById('progressPanel').classList.remove('hidden');
-    document.getElementById('progressFill').style.width = '0%';
-    document.getElementById('progressMsg').textContent = 'Подготовка…';
-    startTaskPoll(activeTaskId);
-  } catch(e) {
+
+  const knownCount = disks.filter((disk) => disk.state === 'known').length;
+  summary.textContent = `Найдено накопителей: ${disks.length}. Готово к копированию: ${knownCount}.`;
+
+  grid.innerHTML = disks.map((disk) => {
+    const activeTask = disk.active_task_id ? taskState.get(disk.active_task_id) : null;
+    const progress = activeTask ? activeTask.progress : 0;
+    const message = activeTask ? (activeTask.message || 'Подготовка…') : '';
+    const meta = activeTask ? taskMeta(activeTask) : '';
+    const isKnown = disk.state === 'known';
+    const isForeign = disk.state === 'foreign';
+
+    return `
+      <section class="panel disk-card">
+        <h2>${escapeHTML(disk.mount_path)}</h2>
+        <table class="kv-table">
+          <tbody>
+            <tr>
+              <th>Статус</th>
+              <td><span class="badge ${badgeClass(disk.state)}">${badgeLabel(disk.state)}</span></td>
+            </tr>
+            <tr>
+              <th>ID диска</th>
+              <td>${disk.disk_id ? `<span class="mono">${escapeHTML(disk.disk_id)}</span>` : '<span class="text-muted">ещё не инициализирован</span>'}</td>
+            </tr>
+            <tr>
+              <th>Всего на диске</th>
+              <td>${isKnown ? fmtBytes(disk.total_bytes) : '—'}</td>
+            </tr>
+            <tr>
+              <th>Свободно</th>
+              <td>${isKnown ? fmtBytes(disk.free_bytes) : '—'}</td>
+            </tr>
+          </tbody>
+        </table>
+        ${activeTask ? `
+          <div class="panel-body progress-wrap">
+            <div class="progress-bar-bg">
+              <div class="progress-bar-fill" style="width:${progress}%"></div>
+            </div>
+            <div class="progress-label">${escapeHTML(message)}</div>
+            <div class="progress-label">${escapeHTML(meta)}</div>
+          </div>
+        ` : ''}
+        <div class="btn-row">
+          ${isKnown ? `
+            <button class="button-primary" data-action="start-copy" data-disk-id="${escapeHTML(disk.disk_id)}" ${activeTask ? 'disabled' : ''}>▶ Копировать</button>
+            <button class="button-danger ${activeTask ? '' : 'hidden'}" data-action="cancel-copy" data-disk-id="${escapeHTML(disk.disk_id)}">✕ Отменить</button>
+          ` : ''}
+          ${isForeign ? `
+            <button class="button-secondary" data-action="init-disk" data-mount-path="${escapeHTML(disk.mount_path)}">Инициализировать диск</button>
+          ` : ''}
+        </div>
+      </section>
+    `;
+  }).join('');
+}
+
+function stopTaskPoll(taskID) {
+  if (!taskPollers.has(taskID)) return;
+  clearInterval(taskPollers.get(taskID));
+  taskPollers.delete(taskID);
+}
+
+function startTaskPoll(taskID) {
+  if (!taskID || taskPollers.has(taskID)) return;
+  taskPollers.set(taskID, setInterval(() => pollTask(taskID), 1500));
+  pollTask(taskID);
+}
+
+async function refreshDisks() {
+  try {
+    const response = await fetch('/api/disks');
+    if (!response.ok) return;
+    const payload = await response.json();
+    disks = payload.items || [];
+    renderDisks();
+
+    const activeTasks = new Set();
+    for (const disk of disks) {
+      if (disk.active_task_id) {
+        activeTasks.add(disk.active_task_id);
+        startTaskPoll(disk.active_task_id);
+      }
+    }
+    for (const taskID of Array.from(taskPollers.keys())) {
+      if (!activeTasks.has(taskID)) {
+        stopTaskPoll(taskID);
+        taskState.delete(taskID);
+      }
+    }
+  } catch (error) {}
+}
+
+async function pollTask(taskID) {
+  try {
+    const response = await fetch('/api/tasks/' + taskID);
+    if (!response.ok) return;
+    const task = await response.json();
+    taskState.set(taskID, task);
+    renderDisks();
+
+    if (['success', 'failed', 'canceled'].includes(task.status)) {
+      stopTaskPoll(taskID);
+      taskState.delete(taskID);
+      if (task.status === 'success') toast(task.message || 'Готово', 'ok');
+      if (task.status === 'failed') toast('Ошибка: ' + task.error, 'error');
+      if (task.status === 'canceled') toast('Копирование отменено', 'error');
+      refreshDisks();
+    }
+  } catch (error) {}
+}
+
+async function startCopy(diskID) {
+  try {
+    const response = await fetch('/api/disks/' + encodeURIComponent(diskID) + '/copy/start', { method: 'POST' });
+    const payload = await response.json();
+    if (!response.ok) {
+      toast(payload.error || 'Ошибка запуска', 'error');
+      return;
+    }
+    startTaskPoll(payload.task_id);
+    refreshDisks();
+  } catch (error) {
     toast('Ошибка связи', 'error');
-    document.getElementById('btnStart').disabled = false;
   }
 }
 
-async function cancelCopy() {
-  try { await fetch('/api/copy/cancel', { method: 'POST' }); toast('Отмена…', 'ok'); } catch(e) {}
+async function cancelCopy(diskID) {
+  try {
+    await fetch('/api/disks/' + encodeURIComponent(diskID) + '/copy/cancel', { method: 'POST' });
+    toast('Отмена…', 'ok');
+  } catch (error) {
+    toast('Ошибка связи', 'error');
+  }
 }
 
-refreshDisk();
-setInterval(refreshDisk, 5000);
+async function initDisk(mountPath) {
+  try {
+    const response = await fetch('/api/disks/init', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ mount_path: mountPath })
+    });
+    const payload = await response.json();
+    if (!response.ok) {
+      toast(payload.error || 'Ошибка инициализации', 'error');
+      return;
+    }
+    toast('Диск инициализирован', 'ok');
+    refreshDisks();
+  } catch (error) {
+    toast('Ошибка связи', 'error');
+  }
+}
+
+document.getElementById('diskGrid').addEventListener('click', (event) => {
+  const button = event.target.closest('button[data-action]');
+  if (!button) return;
+
+  const action = button.dataset.action;
+  if (action === 'start-copy') startCopy(button.dataset.diskId);
+  if (action === 'cancel-copy') cancelCopy(button.dataset.diskId);
+  if (action === 'init-disk') initDisk(button.dataset.mountPath);
+});
+
+refreshDisks();
+setInterval(refreshDisks, 5000);
 </script>
 {{end}}