Yattee v2 rewrite

Yattee/Views/Player/SeekPreviewView.swift

@@ -0,0 +1,140 @@
+//
+//  SeekPreviewView.swift
+//  Yattee
+//
+//  Preview thumbnail shown above the seek bar during scrubbing.
+//
+
+import SwiftUI
+
+/// Preview thumbnail displayed above the seek bar during scrubbing/hovering.
+struct SeekPreviewView: View {
+    let storyboard: Storyboard
+    let seekTime: TimeInterval
+    let storyboardService: StoryboardService
+    let buttonBackground: ButtonBackgroundStyle
+    let theme: ControlsTheme
+    let chapters: [VideoChapter]
+
+    @State private var thumbnail: PlatformImage?
+    @State private var loadTask: Task<Void, Never>?
+
+    /// The current chapter based on seek time.
+    private var currentChapter: VideoChapter? {
+        chapters.last { $0.startTime <= seekTime }
+    }
+
+    private var formattedTime: String {
+        let totalSeconds = Int(seekTime)
+        let hours = totalSeconds / 3600
+        let minutes = (totalSeconds % 3600) / 60
+        let seconds = totalSeconds % 60
+
+        if hours > 0 {
+            return String(format: "%d:%02d:%02d", hours, minutes, seconds)
+        } else {
+            return String(format: "%d:%02d", minutes, seconds)
+        }
+    }
+
+    private let thumbnailWidth: CGFloat = 160
+
+    var body: some View {
+        VStack(spacing: 4) {
+            // Chapter name (only shown if chapters exist)
+            // Constrained to thumbnail width to prevent expanding the preview
+            if let chapter = currentChapter {
+                Text(chapter.title)
+                    .font(.caption)
+                    .fontWeight(.medium)
+                    .lineLimit(1)
+                    .truncationMode(.tail)
+                    .foregroundStyle(.white)
+                    .shadow(color: .black.opacity(0.8), radius: 2, x: 0, y: 1)
+                    .frame(maxWidth: thumbnailWidth)
+            }
+
+            // Thumbnail with timestamp overlay
+            ZStack(alignment: .bottom) {
+                Group {
+                    if let thumbnail {
+                        #if os(macOS)
+                        Image(nsImage: thumbnail)
+                            .resizable()
+                            .aspectRatio(contentMode: .fill)
+                        #else
+                        Image(uiImage: thumbnail)
+                            .resizable()
+                            .aspectRatio(contentMode: .fill)
+                        #endif
+                    } else {
+                        // Placeholder while loading
+                        Rectangle()
+                            .fill(Color.gray.opacity(0.3))
+                    }
+                }
+                .frame(width: thumbnailWidth, height: 90)
+                .clipped()
+
+                // Timestamp overlaid at bottom center
+                Text(formattedTime)
+                    .font(.caption)
+                    .fontWeight(.medium)
+                    .monospacedDigit()
+                    .foregroundStyle(.white)
+                    .padding(.horizontal, 8)
+                    .padding(.vertical, 4)
+                    .background(.black.opacity(0.7))
+                    .clipShape(.rect(cornerRadius: 4))
+                    .padding(.bottom, 4)
+            }
+            .clipShape(.rect(cornerRadius: 4))
+        }
+        .padding(.vertical, 6)
+        .padding(.horizontal, 4)
+        .padding(.top, currentChapter != nil ? 2 : 0)
+        .glassBackground(
+            buttonBackground.glassStyle ?? .regular,
+            in: .rect(cornerRadius: 8),
+            fallback: .ultraThinMaterial,
+            colorScheme: .dark
+        )
+        .shadow(radius: 4)
+        .onChange(of: seekTime) { _, newTime in
+            loadThumbnail(for: newTime)
+        }
+        .onAppear {
+            loadThumbnail(for: seekTime)
+        }
+        .onDisappear {
+            loadTask?.cancel()
+        }
+    }
+
+    private func loadThumbnail(for time: TimeInterval) {
+        loadTask?.cancel()
+
+        loadTask = Task {
+            // First try to get cached thumbnail
+            if let cached = await storyboardService.thumbnail(for: time, from: storyboard) {
+                await MainActor.run {
+                    self.thumbnail = cached
+                }
+                return
+            }
+
+            // Load the sheet and nearby sheets
+            await storyboardService.preloadNearbySheets(around: time, from: storyboard)
+
+            // Check for cancellation
+            guard !Task.isCancelled else { return }
+
+            // Try again after loading
+            if let loaded = await storyboardService.thumbnail(for: time, from: storyboard) {
+                await MainActor.run {
+                    self.thumbnail = loaded
+                }
+            }
+        }
+    }
+}