unified-video-framework 1.4.135 → 1.4.137

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unified-video-framework",
-  "version": "1.4.135",
+  "version": "1.4.137",
   "description": "Cross-platform video player framework supporting iOS, Android, Web, Smart TVs (Samsung/LG), Roku, and more",
   "main": "packages/core/dist/index.js",
   "types": "packages/core/dist/index.d.ts",

package/packages/web/dist/WebPlayer.d.ts

@@ -150,9 +150,12 @@ export declare class WebPlayer extends BasePlayer {
     private _syncUIFromRemote;
     private _syncCastButtons;
     private updateSettingsMenu;
+    private generateAccordionMenu;
     private detectAvailableQualities;
     private detectAvailableSubtitles;
     private setupSettingsEventListeners;
+    private toggleAccordionSection;
+    private updateAccordionAfterSelection;
     private updateSettingsActiveStates;
     private setPlaybackRateFromSettings;
     private setQualityFromSettings;

package/packages/web/dist/WebPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,GAAG,EAAE,GAAG,CAAC;QACT,MAAM,EAAE,GAAG,CAAC;QACZ,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;KACxD;CACF;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAChD,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,mBAAmB,CAAc;IACzC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,iBAAiB,CAAiB;IAC1C,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,kBAAkB,CAA6C;IACvE,OAAO,CAAC,kBAAkB,CAA6C;IACvE,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,UAAU,CAAkB;IAGpC,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,aAAa,CAA4B;IAEjD,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,iBAAiB,CAAkB;IAG3C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,sBAAsB,CAAa;IAC3C,OAAO,CAAC,sBAAsB,CAAa;IAC3C,OAAO,CAAC,yBAAyB,CAAa;IAC9C,OAAO,CAAC,iBAAiB,CAAa;IAGtC,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,iBAAiB,CAA8B;IACvD,OAAO,CAAC,mBAAmB,CAAiB;IAC5C,OAAO,CAAC,KAAK,CAAa;IAG1B,OAAO,CAAC,iBAAiB,CAAa;IAGtC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,mBAAmB,CAAO;IAGlC,OAAO,CAAC,sBAAsB,CAAkB;IAChD,OAAO,CAAC,mBAAmB,CAAa;IAGxC,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;IAOX,UAAU,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;cA4B9D,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAgJ5C,OAAO,CAAC,wBAAwB;IAsHhC,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,oBAAoB;IAYtB,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAwDtC,OAAO,CAAC,gBAAgB;YAcV,OAAO;IAyDrB,OAAO,CAAC,cAAc;YAyBR,QAAQ;IA4DtB,OAAO,CAAC,iBAAiB;YAQX,UAAU;IAMxB,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUhD,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,gBAAgB;IAOlB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA+C3B,KAAK,IAAI,IAAI;IAkBN,YAAY,IAAI,IAAI;IAO3B,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAwBxB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B,IAAI,IAAI,IAAI;IAMZ,MAAM,IAAI,IAAI;IAOd,cAAc,IAAI,MAAM;IAOxB,YAAY,IAAI,GAAG,EAAE;IAIrB,iBAAiB,IAAI,GAAG;IAIxB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW/B,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAOnC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAkBhC,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAwDhC,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC/B,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC;IAetC,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAc3C,WAAW,IAAI,IAAI;IAUnB,iBAAiB,IAAI,IAAI;IAUzB,OAAO,CAAC,cAAc;YAmBR,0BAA0B;IAwCxC,OAAO,CAAC,eAAe;IAwCvB,uBAAuB,IAAI,IAAI;IA4D/B,OAAO,CAAC,4BAA4B;YAoEtB,gCAAgC;IAgBxC,+BAA+B,IAAI,OAAO,CAAC,IAAI,CAAC;IAkGtD,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAmC3C,4BAA4B,IAAI,IAAI;IA4D9B,gCAAgC,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC;IA8DtE,0BAA0B,IAAI,IAAI;IAqK5B,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IA4C3C,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAc9C,SAAS,CAAC,eAAe,IAAI,IAAI;IASjC,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,eAAe;IA0iFrB,OAAO,CAAC,uBAAuB;IA4DjC,OAAO,CAAC,oBAAoB;IAuU5B,OAAO,CAAC,2BAA2B;IA2VnC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAoLxC,SAAS,CAAC,cAAc,IAAI,IAAI;IAmKzB,gBAAgB,CAAC,MAAM,EAAE,GAAG;IA2CnC,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,sBAAsB;IAsDvB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAetC,oBAAoB,IAAI,IAAI;IAO5B,kBAAkB,IAAI,IAAI;IAOjC,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,wBAAwB;IAyEhC,OAAO,CAAC,qBAAqB;IA8FtB,yBAAyB,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI;IAiBxE,0BAA0B,CAAC,OAAO,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAwB1F,OAAO,CAAC,oCAAoC;IAqBrC,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IA2DjC,OAAO,CAAC,SAAS;IA8BjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,iBAAiB;YAgCX,SAAS;IAYvB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,uBAAuB;IAoB/B,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,uBAAuB;IA6D/B,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,kBAAkB;IAmE1B,OAAO,CAAC,wBAAwB;IA+ChC,OAAO,CAAC,wBAAwB;IA6BhC,OAAO,CAAC,2BAA2B;IAmCnC,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,2BAA2B;IAWnC,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,WAAW;IAgCnB,OAAO,CAAC,uBAAuB;IAqB/B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,WAAW;YAoBL,QAAQ;YAqGR,UAAU;IAqBxB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,YAAY;IA6BpB,OAAO,CAAC,sBAAsB;IA6B9B,OAAO,CAAC,sBAAsB;IAiF9B,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,4BAA4B;IAoDpC,OAAO,CAAC,oBAAoB;IA+BrB,aAAa,IAAI,IAAI;IAarB,aAAa,IAAI,IAAI;IAYrB,UAAU,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAe9B,kBAAkB,IAAI,OAAO;YAKtB,OAAO;IAgBf,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CA2C/B"}
+{"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}

package/packages/web/dist/WebPlayer.js

@@ -2061,6 +2061,87 @@ export class WebPlayer extends BasePlayer {
         transform: translateY(0);
       }
       
+      /* Accordion Styles */
+      .uvf-settings-accordion {
+        padding: 0;
+      }
+      
+      .uvf-accordion-item {
+        border-bottom: 1px solid rgba(255,255,255,0.08);
+      }
+      
+      .uvf-accordion-item:last-child {
+        border-bottom: none;
+      }
+      
+      .uvf-accordion-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 14px 18px;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        border-radius: 8px;
+        margin: 4px 8px;
+      }
+      
+      .uvf-accordion-header:hover {
+        background: rgba(255,255,255,0.08);
+        transform: translateX(2px);
+      }
+      
+      .uvf-accordion-title {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #fff;
+      }
+      
+      .uvf-accordion-icon {
+        font-size: 16px;
+        opacity: 0.8;
+      }
+      
+      .uvf-accordion-current {
+        font-size: 12px;
+        color: rgba(255,255,255,0.7);
+        background: rgba(255,255,255,0.1);
+        padding: 4px 8px;
+        border-radius: 12px;
+        font-weight: 500;
+      }
+      
+      .uvf-accordion-arrow {
+        font-size: 12px;
+        color: rgba(255,255,255,0.6);
+        transition: transform 0.3s ease;
+      }
+      
+      .uvf-accordion-item.expanded .uvf-accordion-arrow {
+        transform: rotate(180deg);
+      }
+      
+      .uvf-accordion-content {
+        max-height: 0;
+        overflow: hidden;
+        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
+        padding: 0 18px;
+      }
+      
+      .uvf-accordion-item.expanded .uvf-accordion-content {
+        max-height: 300px;
+        padding: 8px 18px 16px;
+      }
+      
+      .uvf-settings-empty {
+        padding: 20px;
+        text-align: center;
+        color: rgba(255,255,255,0.6);
+        font-size: 14px;
+      }
+      
       .uvf-settings-group {
         padding: 10px 0;
         border-bottom: 1px solid rgba(255,255,255,0.1);
@@ -4539,10 +4620,36 @@ export class WebPlayer extends BasePlayer {
             }
         });
         const settingsMenu = document.getElementById('uvf-settings-menu');
+        this.debugLog('Settings menu element found:', !!settingsMenu);
+        this.debugLog('Settings button found:', !!settingsBtn);
         settingsBtn?.addEventListener('click', (e) => {
             e.stopPropagation();
+            this.debugLog('Settings button clicked!');
+            this.debugLog('Settings menu before update:', settingsMenu?.innerHTML?.length || 0, 'characters');
             this.updateSettingsMenu();
+            this.debugLog('Settings menu after update:', settingsMenu?.innerHTML?.length || 0, 'characters');
+            this.debugLog('Settings menu classes before toggle:', Array.from(settingsMenu?.classList || []).join(' '));
             settingsMenu?.classList.toggle('active');
+            if (settingsMenu && settingsMenu.classList.contains('active')) {
+                settingsMenu.style.display = 'block';
+                settingsMenu.style.visibility = 'visible';
+                settingsMenu.style.opacity = '1';
+                settingsMenu.style.transform = 'translateY(0)';
+                settingsMenu.style.zIndex = '9999';
+                settingsMenu.style.position = 'absolute';
+                settingsMenu.style.bottom = '50px';
+                settingsMenu.style.right = '0';
+                settingsMenu.style.background = 'rgba(0,0,0,0.9)';
+                settingsMenu.style.border = '1px solid rgba(255,255,255,0.2)';
+                settingsMenu.style.borderRadius = '8px';
+                settingsMenu.style.minWidth = '200px';
+                settingsMenu.style.padding = '10px 0';
+                this.debugLog('Applied fallback styles to force menu visibility');
+            }
+            this.debugLog('Settings menu classes after toggle:', Array.from(settingsMenu?.classList || []).join(' '));
+            this.debugLog('Settings menu computed display:', window.getComputedStyle(settingsMenu || document.body).display);
+            this.debugLog('Settings menu computed visibility:', window.getComputedStyle(settingsMenu || document.body).visibility);
+            this.debugLog('Settings menu computed opacity:', window.getComputedStyle(settingsMenu || document.body).opacity);
         });
         const epgBtn = document.getElementById('uvf-epg-btn');
         epgBtn?.addEventListener('click', (e) => {
@@ -5709,49 +5816,99 @@ export class WebPlayer extends BasePlayer {
         }
     }
     updateSettingsMenu() {
+        this.debugLog('updateSettingsMenu called');
         const settingsMenu = document.getElementById('uvf-settings-menu');
-        if (!settingsMenu)
+        if (!settingsMenu) {
+            this.debugError('Settings menu element not found!');
             return;
+        }
+        this.debugLog('Settings menu element found, updating content...');
         this.detectAvailableQualities();
         this.detectAvailableSubtitles();
-        let menuHTML = '';
+        this.debugLog('Available qualities:', this.availableQualities);
+        this.debugLog('Available subtitles:', this.availableSubtitles);
+        this.debugLog('Settings config:', this.settingsConfig);
+        this.generateAccordionMenu();
+    }
+    generateAccordionMenu() {
+        const settingsMenu = document.getElementById('uvf-settings-menu');
+        if (!settingsMenu)
+            return;
+        let menuHTML = '<div class="uvf-settings-accordion">';
         if (this.settingsConfig.speed) {
+            const currentSpeedLabel = this.currentPlaybackRate === 1 ? 'Normal' : `${this.currentPlaybackRate}x`;
             menuHTML += `
-        <div class="uvf-settings-group">
-          <div class="uvf-settings-label">Playback Speed</div>
-          <div class="uvf-settings-option speed-option" data-speed="0.25">0.25x</div>
-          <div class="uvf-settings-option speed-option" data-speed="0.5">0.5x</div>
-          <div class="uvf-settings-option speed-option" data-speed="0.75">0.75x</div>
-          <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 1 ? 'active' : ''}" data-speed="1">Normal</div>
-          <div class="uvf-settings-option speed-option" data-speed="1.25">1.25x</div>
-          <div class="uvf-settings-option speed-option" data-speed="1.5">1.5x</div>
-          <div class="uvf-settings-option speed-option" data-speed="1.75">1.75x</div>
-          <div class="uvf-settings-option speed-option" data-speed="2">2x</div>
+        <div class="uvf-accordion-item">
+          <div class="uvf-accordion-header" data-section="speed">
+            <div class="uvf-accordion-title">
+              <span class="uvf-accordion-icon">⚡</span>
+              <span>Playback Speed</span>
+            </div>
+            <div class="uvf-accordion-current">${currentSpeedLabel}</div>
+            <div class="uvf-accordion-arrow">▼</div>
+          </div>
+          <div class="uvf-accordion-content" data-section="speed">
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 0.25 ? 'active' : ''}" data-speed="0.25">0.25x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 0.5 ? 'active' : ''}" data-speed="0.5">0.5x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 0.75 ? 'active' : ''}" data-speed="0.75">0.75x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 1 ? 'active' : ''}" data-speed="1">Normal</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 1.25 ? 'active' : ''}" data-speed="1.25">1.25x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 1.5 ? 'active' : ''}" data-speed="1.5">1.5x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 1.75 ? 'active' : ''}" data-speed="1.75">1.75x</div>
+            <div class="uvf-settings-option speed-option ${this.currentPlaybackRate === 2 ? 'active' : ''}" data-speed="2">2x</div>
+          </div>
         </div>`;
         }
         if (this.settingsConfig.quality && this.availableQualities.length > 0) {
-            menuHTML += `<div class="uvf-settings-group">
-        <div class="uvf-settings-label">Quality</div>`;
+            const currentQuality = this.availableQualities.find(q => q.value === this.currentQuality);
+            const currentQualityLabel = currentQuality ? currentQuality.label : 'Auto';
+            menuHTML += `
+        <div class="uvf-accordion-item">
+          <div class="uvf-accordion-header" data-section="quality">
+            <div class="uvf-accordion-title">
+              <span class="uvf-accordion-icon">🎬</span>
+              <span>Quality</span>
+            </div>
+            <div class="uvf-accordion-current">${currentQualityLabel}</div>
+            <div class="uvf-accordion-arrow">▼</div>
+          </div>
+          <div class="uvf-accordion-content" data-section="quality">`;
             this.availableQualities.forEach(quality => {
                 const isActive = quality.value === this.currentQuality ? 'active' : '';
                 menuHTML += `<div class="uvf-settings-option quality-option ${isActive}" data-quality="${quality.value}">${quality.label}</div>`;
             });
-            menuHTML += `</div>`;
+            menuHTML += `</div></div>`;
         }
         if (this.settingsConfig.subtitles && this.availableSubtitles.length > 0) {
-            menuHTML += `<div class="uvf-settings-group">
-        <div class="uvf-settings-label">Subtitles/Captions</div>`;
+            const currentSubtitle = this.availableSubtitles.find(s => s.value === this.currentSubtitle);
+            const currentSubtitleLabel = currentSubtitle ? currentSubtitle.label : 'Off';
+            menuHTML += `
+        <div class="uvf-accordion-item">
+          <div class="uvf-accordion-header" data-section="subtitles">
+            <div class="uvf-accordion-title">
+              <span class="uvf-accordion-icon">💬</span>
+              <span>Subtitles</span>
+            </div>
+            <div class="uvf-accordion-current">${currentSubtitleLabel}</div>
+            <div class="uvf-accordion-arrow">▼</div>
+          </div>
+          <div class="uvf-accordion-content" data-section="subtitles">`;
             this.availableSubtitles.forEach(subtitle => {
                 const isActive = subtitle.value === this.currentSubtitle ? 'active' : '';
                 menuHTML += `<div class="uvf-settings-option subtitle-option ${isActive}" data-subtitle="${subtitle.value}">${subtitle.label}</div>`;
             });
-            menuHTML += `</div>`;
+            menuHTML += `</div></div>`;
         }
-        if (!menuHTML.trim()) {
-            menuHTML = '<div class="uvf-settings-group"><div class="uvf-settings-label">No settings available</div></div>';
+        menuHTML += '</div>';
+        if (menuHTML === '<div class="uvf-settings-accordion"></div>') {
+            menuHTML = '<div class="uvf-settings-accordion"><div class="uvf-settings-empty">No settings available</div></div>';
         }
+        this.debugLog('Generated menu HTML length:', menuHTML.length);
+        this.debugLog('Generated menu HTML content:', menuHTML.substring(0, 200) + (menuHTML.length > 200 ? '...' : ''));
         settingsMenu.innerHTML = menuHTML;
+        this.debugLog('Settings menu HTML set successfully');
         this.setupSettingsEventListeners();
+        this.debugLog('Settings event listeners setup complete');
     }
     detectAvailableQualities() {
         this.availableQualities = [{ value: 'auto', label: 'Auto' }];
@@ -5819,28 +5976,67 @@ export class WebPlayer extends BasePlayer {
         const settingsMenu = document.getElementById('uvf-settings-menu');
         if (!settingsMenu)
             return;
+        settingsMenu.querySelectorAll('.uvf-accordion-header').forEach(header => {
+            header.addEventListener('click', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                const accordionItem = header.parentElement;
+                const section = header.getAttribute('data-section');
+                if (accordionItem && section) {
+                    this.toggleAccordionSection(accordionItem, section);
+                }
+            });
+        });
         settingsMenu.querySelectorAll('.speed-option').forEach(option => {
             option.addEventListener('click', (e) => {
                 const speed = parseFloat(e.target.dataset.speed || '1');
                 this.setPlaybackRateFromSettings(speed);
-                this.updateSettingsActiveStates('speed-option', e.target);
+                this.updateAccordionAfterSelection('speed');
             });
         });
         settingsMenu.querySelectorAll('.quality-option').forEach(option => {
             option.addEventListener('click', (e) => {
                 const quality = e.target.dataset.quality || 'auto';
                 this.setQualityFromSettings(quality);
-                this.updateSettingsActiveStates('quality-option', e.target);
+                this.updateAccordionAfterSelection('quality');
             });
         });
         settingsMenu.querySelectorAll('.subtitle-option').forEach(option => {
             option.addEventListener('click', (e) => {
                 const subtitle = e.target.dataset.subtitle || 'off';
                 this.setSubtitle(subtitle);
-                this.updateSettingsActiveStates('subtitle-option', e.target);
+                this.updateAccordionAfterSelection('subtitles');
             });
         });
     }
+    toggleAccordionSection(accordionItem, section) {
+        const isExpanded = accordionItem.classList.contains('expanded');
+        const settingsMenu = document.getElementById('uvf-settings-menu');
+        if (settingsMenu) {
+            settingsMenu.querySelectorAll('.uvf-accordion-item.expanded').forEach(item => {
+                if (item !== accordionItem) {
+                    item.classList.remove('expanded');
+                }
+            });
+        }
+        if (isExpanded) {
+            accordionItem.classList.remove('expanded');
+        }
+        else {
+            accordionItem.classList.add('expanded');
+        }
+    }
+    updateAccordionAfterSelection(section) {
+        setTimeout(() => {
+            const settingsMenu = document.getElementById('uvf-settings-menu');
+            const accordionItem = settingsMenu?.querySelector(`[data-section="${section}"]`)?.parentElement;
+            if (accordionItem) {
+                accordionItem.classList.remove('expanded');
+            }
+            this.generateAccordionMenu();
+            this.setupSettingsEventListeners();
+        }, 300);
+    }
     updateSettingsActiveStates(className, activeElement) {
         const settingsMenu = document.getElementById('uvf-settings-menu');
         if (!settingsMenu)