Update phases

DynamicIsland/components/Shelf/Views/LocalSendLiveActivity.swift

@@ -0,0 +1,173 @@
+/*
+ * Atoll (DynamicIsland)
+ * Copyright (C) 2024-2026 Atoll Contributors
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import SwiftUI
+import Defaults
+
+struct LocalSendLiveActivity: View {
+    @EnvironmentObject var vm: DynamicIslandViewModel
+    @StateObject private var localSend = LocalSendService.shared
+    
+    @State private var isHovering: Bool = false
+    @State private var isExpanded: Bool = false
+    
+    private var tint: Color {
+        switch localSend.transferState {
+        case .completed:
+            return .green
+        case .failed, .rejected:
+            return .red
+        default:
+            return .accentColor
+        }
+    }
+    
+    private var isActive: Bool {
+        localSend.isSending || localSend.transferState == .completed || 
+        isFailedOrRejected
+    }
+    
+    private var isFailedOrRejected: Bool {
+        if case .failed = localSend.transferState { return true }
+        if case .rejected = localSend.transferState { return true }
+        return false
+    }
+    
+    var body: some View {
+        HStack(spacing: 0) {
+            // Left side: upload icon capsule
+            Color.clear
+                .background {
+                    if isExpanded {
+                        HStack {
+                            ZStack {
+                                RoundedRectangle(cornerRadius: 6, style: .continuous)
+                                    .fill(tint.opacity(0.14))
+                                
+                                Image(systemName: leftIcon)
+                                    .font(.system(size: 14, weight: .semibold))
+                                    .foregroundStyle(tint)
+                            }
+                            .frame(
+                                width: vm.effectiveClosedNotchHeight - 12,
+                                height: vm.effectiveClosedNotchHeight - 12
+                            )
+                        }
+                        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
+                    }
+                }
+                .frame(
+                    width: isExpanded ? max(0, vm.effectiveClosedNotchHeight - (isHovering ? 0 : 12)) : 0,
+                    height: vm.effectiveClosedNotchHeight - (isHovering ? 0 : 12)
+                )
+            
+            // Center: closed notch body (slightly wider during transfers)
+            Rectangle()
+                .fill(.black)
+                .frame(
+                    width: vm.closedNotchSize.width
+                        + (isHovering ? 8 : 0)
+                        + (isActive ? 40 : 0)
+                )
+            
+            // Right side: progress ring or status icon
+            Color.clear
+                .background {
+                    if isExpanded {
+                        HStack {
+                            rightContent
+                        }
+                        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .trailing)
+                    }
+                }
+                .frame(
+                    width: isExpanded ? max(60, vm.effectiveClosedNotchHeight) : 0,
+                    height: vm.effectiveClosedNotchHeight - (isHovering ? 0 : 12)
+                )
+        }
+        .frame(height: vm.effectiveClosedNotchHeight + (isHovering ? 8 : 0))
+        .onAppear {
+            withAnimation(.smooth(duration: 0.35)) {
+                isExpanded = true
+            }
+        }
+        .onChange(of: isActive) { _, newValue in
+            withAnimation(.smooth(duration: 0.35)) {
+                isExpanded = newValue
+            }
+        }
+    }
+    
+    private var leftIcon: String {
+        // Always show document upload icon on left side
+        return "document.badge.arrow.up.fill"
+    }
+    
+    @ViewBuilder
+    private var rightContent: some View {
+        switch localSend.transferState {
+        case .completed:
+            Image(systemName: "checkmark.circle.fill")
+                .foregroundStyle(.green)
+                .font(.system(size: 16, weight: .semibold))
+                .padding(.trailing, 6)
+        case .failed:
+            Image(systemName: "xmark.circle.fill")
+                .foregroundStyle(.red)
+                .font(.system(size: 16, weight: .semibold))
+                .padding(.trailing, 6)
+        case .rejected:
+            Image(systemName: "hand.raised.fill")
+                .foregroundStyle(.orange)
+                .font(.system(size: 16, weight: .semibold))
+                .padding(.trailing, 6)
+        case .sending, .idle:
+            LocalSendProgressRing(progress: localSend.sendProgress)
+                .padding(.trailing, 6)
+        }
+    }
+}
+
+// MARK: - Progress Ring
+
+private struct LocalSendProgressRing: View {
+    let progress: Double
+    
+    var body: some View {
+        ZStack {
+            Circle()
+                .stroke(Color.white.opacity(0.2), lineWidth: 2.5)
+            
+            Circle()
+                .trim(from: 0, to: min(max(progress, 0), 1))
+                .stroke(
+                    Color.accentColor,
+                    style: StrokeStyle(lineWidth: 2.5, lineCap: .round)
+                )
+                .rotationEffect(.degrees(-90))
+                .animation(.easeInOut(duration: 0.2), value: progress)
+            
+            if progress > 0.99 {
+                Image(systemName: "checkmark")
+                    .font(.system(size: 8, weight: .bold))
+                    .foregroundColor(.accentColor)
+            }
+        }
+        .frame(width: 20, height: 20)
+    }
+}