Add clear command, tweak UI text

Author: codebymitch

src/commands/chatplay.js

@@ -87,10 +87,10 @@ module.exports = {
             const reply = new ContainerBuilder();
             reply.addTextDisplayComponents(
                 new TextDisplayBuilder().setContent(
-                    "### ✅ ChatPlay Enabled\n\n" +
-                    "**Status**\n" +
-                    "-# Listening for song requests.\n\n" +
-                    "**Channel**\n" +
+                    "### ChatPlay Enabled" +
+                    "**Status**" +
+                    "-# Listening for song requests." +
+                    "**Channel**" +
                     `-# <#${guildData.chatPlayChannelId}>`
                 )
             );

src/commands/clear.js

@@ -0,0 +1,52 @@
+const { SlashCommandBuilder, MessageFlags, ContainerBuilder, TextDisplayBuilder } = require("discord.js");
+
+module.exports = {
+    data: new SlashCommandBuilder()
+        .setName("clear")
+        .setDescription("Clear the queue without stopping the current track"),
+
+    async execute(interaction, client) {
+        const player = client.riffy.players.get(interaction.guild.id);
+        
+        if (!player) {
+            return interaction.reply({
+                content: "❌ No active player.",
+                flags: MessageFlags.Ephemeral,
+            });
+        }
+
+        if (!interaction.member.voice?.channel) {
+            return interaction.reply({
+                content: "❌ You need to be in a voice channel!",
+                flags: MessageFlags.Ephemeral,
+            });
+        }
+
+        const queueLength = player.queue?.length || 0;
+        
+        if (queueLength === 0) {
+            return interaction.reply({
+                content: "❌ The queue is already empty.",
+                flags: MessageFlags.Ephemeral,
+            });
+        }
+
+        player.queue.clear();
+
+        const container = new ContainerBuilder();
+        container.addTextDisplayComponents(
+            new TextDisplayBuilder().setContent(
+                "### 🗑️ Queue Cleared\n\n" +
+                "**Removed**\n" +
+                `-# ${queueLength} track${queueLength === 1 ? "" : "s"} removed from queue\n\n` +
+                "**Now Playing**\n" +
+                `-# ${player.current?.info?.title || "Nothing"}`
+            )
+        );
+
+        await interaction.reply({
+            components: [container],
+            flags: MessageFlags.Ephemeral | MessageFlags.IsComponentsV2,
+        });
+    },
+};

src/utils/components.js

@@ -58,11 +58,11 @@ function createNowPlayingContainer(track, player, guildData, musicardBuffer) {
     // --- Status: Autoplay / Loop / Volume ---
     container.addTextDisplayComponents(
         new TextDisplayBuilder().setContent(
-            "**Autoplay**\n" +
-            `-# ${guildData.autoplay ? "On" : "Off"}\n\n` +
-            "**Loop**\n" +
-            `-# ${capitalize(guildData.loop)}\n\n` +
-            "**Volume**\n" +
+            "**Autoplay**" +
+            `-# ${guildData.autoplay ? "On" : "Off"}` +
+            "**Loop**" +
+            `-# ${capitalize(guildData.loop)}` +
+            "**Volume**" +
             `-# ${guildData.volume}%`
         )
     );
@@ -72,7 +72,7 @@ function createNowPlayingContainer(track, player, guildData, musicardBuffer) {
 
     // --- Next on Deck ---
     const queue = player.queue;
-    let nextContent = "**Next on Deck**\n\n";
+    let nextContent = "**Next on Deck**\n";
     if (queue && queue.length > 0) {
         const upcoming = queue.slice(0, 3);
         for (let i = 0; i < upcoming.length; i++) {
@@ -265,11 +265,11 @@ function createChatPlayNowPlayingContainer(track, player, guildData, musicardBuf
     // --- Status: Autoplay / Loop / Volume ---
     container.addTextDisplayComponents(
         new TextDisplayBuilder().setContent(
-            "**Autoplay**\n" +
-            `-# ${guildData.autoplay ? "On" : "Off"}\n\n` +
-            "**Loop**\n" +
-            `-# ${capitalize(guildData.loop)}\n\n` +
-            "**Volume**\n" +
+            "**Autoplay**" +
+            `-# ${guildData.autoplay ? "On" : "Off"}` +
+            "**Loop**" +
+            `-# ${capitalize(guildData.loop)}` +
+            "**Volume**" +
             `-# ${guildData.volume}%`
         )
     );
@@ -279,7 +279,7 @@ function createChatPlayNowPlayingContainer(track, player, guildData, musicardBuf
 
     // --- Next on Deck ---
     const queue = player.queue;
-    let nextContent = "**Next on Deck**\n\n";
+    let nextContent = "**Next on Deck**\n";
     if (queue && queue.length > 0) {
         const upcoming = queue.slice(0, 3);
         for (let i = 0; i < upcoming.length; i++) {