From 044f21533e7c381fe327dc66bc37dee54f3c1ef4 Mon Sep 17 00:00:00 2001
From: sirpiglr <49359077-sirpiglr@users.noreply.replit.com>
Date: Sat, 13 Dec 2025 08:19:51 +0000
Subject: [PATCH] Add music and backup features to several website pages

Updates commands.html and features.html to include new music playback and server backup commands and features, and increases the displayed command count.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aed2e46d-25bb-4b73-81a1-bb9e8437c261
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 4f7c7878-d0a4-4d4f-ba45-5e18f7e588af
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3bdfff67-975a-46ad-9845-fbb6b4a4c4b5/aed2e46d-25bb-4b73-81a1-bb9e8437c261/3DIN02r
Replit-Helium-Checkpoint-Created: true
---
 aethex-bot/public/commands.html | 71 +++++++++++++++++++++++++++++++--
 aethex-bot/public/features.html | 47 +++++++++++++++++++++-
 2 files changed, 113 insertions(+), 5 deletions(-)

diff --git a/aethex-bot/public/commands.html b/aethex-bot/public/commands.html
index c74b6fb..c53505b 100644
--- a/aethex-bot/public/commands.html
+++ b/aethex-bot/public/commands.html
@@ -323,12 +323,15 @@
     
     <div class="page-header">
       <h1>All <span class="text-gradient">Commands</span></h1>
-      <p>60+ slash commands to power your community. Click a category to explore.</p>
+      <p>74+ slash commands to power your community. Click a category to explore.</p>
     </div>
     
     <div class="tabs-container">
       <div class="tabs">
-        <button class="tab active" data-tab="leveling">
+        <button class="tab active" data-tab="music">
+          <span>🎵</span> Music
+        </button>
+        <button class="tab" data-tab="leveling">
           <span>⭐</span> Leveling
         </button>
         <button class="tab" data-tab="fun">
@@ -351,8 +354,54 @@
         </button>
       </div>
       
+      <!-- Music Commands -->
+      <div class="tab-content active" id="music">
+        <div class="commands-grid">
+          <div class="command-card">
+            <div class="command-name">/music play [query]</div>
+            <div class="command-desc">Play a song or playlist from YouTube, Spotify, SoundCloud</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music skip</div>
+            <div class="command-desc">Skip the currently playing track</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music stop</div>
+            <div class="command-desc">Stop playback and clear the queue</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music pause</div>
+            <div class="command-desc">Pause the current track</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music resume</div>
+            <div class="command-desc">Resume paused playback</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music queue</div>
+            <div class="command-desc">View the current music queue</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music nowplaying</div>
+            <div class="command-desc">Show the currently playing track with progress</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music volume [0-100]</div>
+            <div class="command-desc">Adjust the playback volume</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music shuffle</div>
+            <div class="command-desc">Shuffle the queue order</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/music loop [mode]</div>
+            <div class="command-desc">Set loop mode (off/track/queue)</div>
+          </div>
+        </div>
+      </div>
+      
       <!-- Leveling Commands -->
-      <div class="tab-content active" id="leveling">
+      <div class="tab-content" id="leveling">
         <div class="commands-grid">
           <div class="command-card">
             <div class="command-name">/rank [@user]</div>
@@ -642,6 +691,22 @@
             <div class="command-name">/refresh-roles</div>
             <div class="command-desc">Sync roles based on AeThex profile</div>
           </div>
+          <div class="command-card">
+            <div class="command-name">/backup create [name]</div>
+            <div class="command-desc">Create a full server backup</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/backup list</div>
+            <div class="command-desc">View all server backups</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/backup restore [id]</div>
+            <div class="command-desc">Restore from a backup</div>
+          </div>
+          <div class="command-card">
+            <div class="command-name">/backup auto [enable/disable]</div>
+            <div class="command-desc">Configure automatic backup scheduling</div>
+          </div>
         </div>
       </div>
     </div>
diff --git a/aethex-bot/public/features.html b/aethex-bot/public/features.html
index 1e97920..94fcb33 100644
--- a/aethex-bot/public/features.html
+++ b/aethex-bot/public/features.html
@@ -338,7 +338,10 @@
     
     <div class="tabs-container">
       <div class="tabs">
-        <button class="tab active" data-tab="engagement">
+        <button class="tab active" data-tab="music">
+          <span>🎵</span> Music
+        </button>
+        <button class="tab" data-tab="engagement">
           <span>📈</span> Engagement
         </button>
         <button class="tab" data-tab="security">
@@ -358,7 +361,42 @@
         </button>
       </div>
       
-      <div class="tab-content active" id="engagement">
+      <div class="tab-content active" id="music">
+        <div class="features-grid">
+          <div class="feature-card">
+            <div class="feature-icon">▶️</div>
+            <h3>Play Anything</h3>
+            <p>Play music from YouTube, Spotify, SoundCloud, and Apple Music. Just paste a link or search by name.</p>
+          </div>
+          <div class="feature-card">
+            <div class="feature-icon">📋</div>
+            <h3>Queue Management</h3>
+            <p>Full queue system with add, remove, shuffle, and view. Manage your listening session with ease.</p>
+          </div>
+          <div class="feature-card">
+            <div class="feature-icon">🔊</div>
+            <h3>Volume Control</h3>
+            <p>Adjust volume from 0-100%. Fine-tune the listening experience for everyone.</p>
+          </div>
+          <div class="feature-card">
+            <div class="feature-icon">🔁</div>
+            <h3>Loop Modes</h3>
+            <p>Loop a single track, the entire queue, or turn looping off. Your music, your way.</p>
+          </div>
+          <div class="feature-card">
+            <div class="feature-icon">⏭️</div>
+            <h3>Playback Controls</h3>
+            <p>Skip, pause, resume, stop - all the controls you need. Full DJ-style management.</p>
+          </div>
+          <div class="feature-card">
+            <div class="feature-icon">🎤</div>
+            <h3>Now Playing</h3>
+            <p>See what's playing with progress bar, thumbnail, and track info. Beautiful embeds.</p>
+          </div>
+        </div>
+      </div>
+      
+      <div class="tab-content" id="engagement">
         <div class="features-grid">
           <div class="feature-card">
             <div class="feature-icon">📈</div>
@@ -415,6 +453,11 @@
             <h3>Auto-Moderation</h3>
             <p>Configurable filters for links, spam, bad words, invites, and mass mentions. Custom actions per filter.</p>
           </div>
+          <div class="feature-card">
+            <div class="feature-icon">💾</div>
+            <h3>Server Backups</h3>
+            <p>Full server backups with roles, channels, and config. Auto-backup scheduling and one-click restore.</p>
+          </div>
           <div class="feature-card">
             <div class="feature-icon">📋</div>
             <h3>Mod Tools</h3>