feat: dodanie możliwości przesyłania własnych plików na serwer (wszystkie formaty ffmpeg), odtwarzanie jednym kliknięciem z web i komenda /playfile w Discord

static/index.html

@@ -148,6 +148,36 @@
                     </form>
                 </div>
 
+                <!-- Uploaded Files Library Panel -->
+                <div class="glass-card uploads-panel">
+                    <div class="queue-header">
+                        <h2 class="card-title"><i data-lucide="folder-up"></i> Serwerowa baza plików</h2>
+                        <span class="queue-count" id="uploads-count">0 plików</span>
+                    </div>
+                    
+                    <div class="upload-area" id="upload-dropzone" style="margin-bottom: 15px;">
+                        <input type="file" id="file-input" style="display: none;" accept="*/*" multiple>
+                        <button type="button" id="btn-select-file" class="btn btn-secondary" style="width: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 8px;">
+                            <i data-lucide="upload-cloud"></i> Prześlij plik wideo/audio na serwer
+                        </button>
+                        <div id="upload-progress-container" style="display: none; margin-bottom: 10px;">
+                            <div class="progress-bar-bg">
+                                <div class="progress-bar-fill" id="upload-progress-fill" style="width: 0%; background: var(--primary);"></div>
+                            </div>
+                            <span class="time-text" id="upload-status-text" style="display: block; text-align: center; margin-top: 4px;">Przesyłanie... 0%</span>
+                        </div>
+                    </div>
+
+                    <div class="queue-list-container" style="max-height: 250px;">
+                        <ul class="queue-list" id="uploads-list">
+                            <div class="empty-queue-message" id="empty-uploads-msg">
+                                <i data-lucide="folder-open"></i>
+                                <p>Brak przesłanych plików na serwerze.</p>
+                            </div>
+                        </ul>
+                    </div>
+                </div>
+
                 <!-- Queue List Panel -->
                 <div class="glass-card queue-panel">
                     <div class="queue-header">