Compose GUI: add icons to Rip/Stop/Panic buttons

Rip and Stop reuse icon.png/stop.png, the same assets MainWindow's
ripButton/stopButton use. MainWindow's panicButton has no icon of its
own; Panic does an immediate hard-abort (ripper.stop() + panic(), no
graceful finish-current-item like Stop) so it gets a warning-triangle
vector icon from material-icons-core (new dependency) rather than an
unrelated resource PNG - a first attempt reused the otherwise-unused
wrench.png, but a wrench reads as "settings/tool", not "abort".

Verified live against the built jar (-Dripme.gui=compose).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Author: soloturn

build.gradle.kts

@@ -35,6 +35,10 @@ dependencies {
   // material3 is versioned independently of the Compose Multiplatform release train (the alias
   // resolved it to 1.9.0, not 1.11.1 - verified via `gradlew dependencies`).
   implementation("org.jetbrains.compose.material3:material3:1.9.0")
+  // Vector icons (e.g. the Panic button's warning triangle) that don't have a matching PNG in
+  // src/main/resources. Versioned independently of the Compose Multiplatform release train (like
+  // material3 above) - 1.7.3 is the latest published release as of this writing.
+  implementation("org.jetbrains.compose.material:material-icons-core:1.7.3")
   implementation("org.jetbrains.compose.ui:ui:1.11.1")
   // Nav for the Compose Desktop GUI (RipMe #2082 GUI parity pass) is a plain hand-rolled
   // mutableStateOf<Panel> controller (see ui/compose/nav/Panel.kt) rather than a navigation

src/main/kotlin/com/rarchives/ripme/ui/compose/MainScreen.kt

@@ -11,6 +11,8 @@ import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Warning
 import androidx.compose.material3.Button
 import androidx.compose.material3.Icon
 import androidx.compose.material3.LinearProgressIndicator
@@ -61,27 +63,34 @@ fun MainScreen(nav: NavController, queueController: QueueController, panels: Pan
                         modifier = Modifier.weight(1f)
                     )
                     Spacer(modifier = Modifier.width(8.dp))
-                    Button(onClick = {
+                    // Matches MainWindow: "Rip"/"Stop"/"Panic!" are hardcoded literals, never
+                    // routed through Utils.getLocalizedString. icon.png/stop.png are the same
+                    // icons MainWindow's ripButton/stopButton use. MainWindow's panicButton has
+                    // no icon of its own; Panic does an immediate hard-abort (ripper.stop() +
+                    // ripper.panic(), no graceful finish-current-item like Stop), so it gets a
+                    // warning triangle from Compose's bundled material-icons-core rather than
+                    // reusing an unrelated resource PNG.
+                    IconActionButton("Rip", onClick = {
                         queueController.enqueue(urlText)
                         urlText = ""
                     }) {
-                        // Matches MainWindow: "Rip"/"Stop"/"Panic!" are hardcoded literals, never
-                        // routed through Utils.getLocalizedString.
-                        Text("Rip")
+                        ResourcePngIcon("icon.png")
                     }
                     Spacer(modifier = Modifier.width(8.dp))
-                    Button(
+                    IconActionButton(
+                        "Stop",
                         onClick = { queueController.stop() },
-                        enabled = queueController.busy
+                        enabled = queueController.busy,
                     ) {
-                        Text("Stop")
+                        ResourcePngIcon("stop.png")
                     }
                     Spacer(modifier = Modifier.width(8.dp))
-                    Button(
+                    IconActionButton(
+                        "Panic!",
                         onClick = { queueController.panic() },
-                        enabled = queueController.busy
+                        enabled = queueController.busy,
                     ) {
-                        Text("Panic!")
+                        Icon(imageVector = Icons.Filled.Warning, contentDescription = null, modifier = Modifier.size(20.dp))
                     }
                 }
 
@@ -133,6 +142,28 @@ fun MainScreen(nav: NavController, queueController: QueueController, panels: Pan
     }
 }
 
+@Composable
+private fun IconActionButton(
+    label: String,
+    onClick: () -> Unit,
+    enabled: Boolean = true,
+    icon: @Composable () -> Unit,
+) {
+    Button(onClick = onClick, enabled = enabled) {
+        icon()
+        Spacer(modifier = Modifier.width(6.dp))
+        Text(label)
+    }
+}
+
+@Composable
+private fun ResourcePngIcon(resourceName: String) {
+    val painter = rememberResourceIcon(resourceName)
+    if (painter != null) {
+        Icon(painter = painter, contentDescription = null, modifier = Modifier.size(20.dp))
+    }
+}
+
 @Composable
 private fun OptionButton(label: String, iconResource: String, active: Boolean, onClick: () -> Unit) {
     val icon = rememberResourceIcon(iconResource)