feat: add GradientCircularProgressIndicator and integrate into DownloadDialogV2

Author: MaheshTechnicals

app/src/main/java/com/junkfood/seal/ui/component/GradientProgressIndicator.kt

@@ -0,0 +1,93 @@
+package com.junkfood.seal.ui.component
+
+import androidx.compose.animation.core.LinearEasing
+import androidx.compose.animation.core.RepeatMode
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.infiniteRepeatable
+import androidx.compose.animation.core.rememberInfiniteTransition
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.StrokeCap
+import androidx.compose.ui.graphics.drawscope.Stroke
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+
+/**
+ * A premium circular progress indicator with animated gradient colors
+ * that cycle through the app's theme colors continuously.
+ */
+@Composable
+fun GradientCircularProgressIndicator(
+    modifier: Modifier = Modifier,
+    size: Dp = 48.dp,
+    strokeWidth: Dp = 4.dp
+) {
+    val infiniteTransition = rememberInfiniteTransition(label = "gradientSpinner")
+
+    // Rotate the arc around the circle
+    val rotation by infiniteTransition.animateFloat(
+        initialValue = 0f,
+        targetValue = 360f,
+        animationSpec = infiniteRepeatable(
+            animation = tween(durationMillis = 1100, easing = LinearEasing),
+            repeatMode = RepeatMode.Restart
+        ),
+        label = "rotation"
+    )
+
+    // Animate the sweep angle (arc length) for a breathing effect
+    val sweepAngle by infiniteTransition.animateFloat(
+        initialValue = 60f,
+        targetValue = 270f,
+        animationSpec = infiniteRepeatable(
+            animation = tween(durationMillis = 800, easing = LinearEasing),
+            repeatMode = RepeatMode.Reverse
+        ),
+        label = "sweep"
+    )
+
+    // Shift gradient colors
+    val colorShift by infiniteTransition.animateFloat(
+        initialValue = 0f,
+        targetValue = 1f,
+        animationSpec = infiniteRepeatable(
+            animation = tween(durationMillis = 2000, easing = LinearEasing),
+            repeatMode = RepeatMode.Restart
+        ),
+        label = "colorShift"
+    )
+
+    val primary = MaterialTheme.colorScheme.primary
+    val tertiary = MaterialTheme.colorScheme.tertiary
+    val secondary = MaterialTheme.colorScheme.secondary
+
+    // Rotate through color combinations based on colorShift
+    val colors = when {
+        colorShift < 0.33f -> listOf(primary, tertiary, secondary)
+        colorShift < 0.66f -> listOf(tertiary, secondary, primary)
+        else -> listOf(secondary, primary, tertiary)
+    }
+
+    Canvas(
+        modifier = modifier.size(size)
+    ) {
+        val gradientBrush = Brush.sweepGradient(colors = colors)
+
+        drawArc(
+            brush = gradientBrush,
+            startAngle = rotation,
+            sweepAngle = sweepAngle,
+            useCenter = false,
+            style = Stroke(
+                width = strokeWidth.toPx(),
+                cap = StrokeCap.Round
+            )
+        )
+    }
+}

app/src/main/java/com/junkfood/seal/ui/page/downloadv2/configure/DownloadDialogV2.kt

@@ -98,6 +98,7 @@ import com.junkfood.seal.ui.common.HapticFeedback.longPressHapticFeedback
 import com.junkfood.seal.ui.common.motion.materialSharedAxisX
 import com.junkfood.seal.ui.component.ButtonChip
 import com.junkfood.seal.ui.component.DrawerSheetSubtitle
+import com.junkfood.seal.ui.component.GradientCircularProgressIndicator
 import com.junkfood.seal.ui.component.OutlinedButtonWithIcon
 import com.junkfood.seal.ui.component.SealModalBottomSheet
 import com.junkfood.seal.ui.component.SealModalBottomSheetM2Variant
@@ -406,7 +407,7 @@ private fun DownloadDialogContent(
 
             is Loading -> {
                 Column(modifier = Modifier.fillMaxWidth().padding(vertical = 120.dp)) {
-                    CircularProgressIndicator(
+                    GradientCircularProgressIndicator(
                         modifier = Modifier.align(Alignment.CenterHorizontally)
                     )
                 }