Merge branch 'p-stream:production' into production

src/assets/locales/en.json

@@ -1357,7 +1357,8 @@
         "close": "Got it"
       },
       "traffic": "{{used}} / {{limit}} High-speed Traffic • Resets in {{reset}}",
-      "trafficExplanation": "Febbox gives you 100GB/month of high-speed traffic, the streams might buffer more after you've used up your quota. Depends on your internet speed and the quality of the stream."
+      "trafficExplanation": "Febbox gives you 100GB/month of high-speed traffic, the streams might buffer more after you've used up your quota. Depends on your internet speed and the quality of the stream.",
+      "useMp4": "Enable MP4 streams. May be faster outside of the U.S., but audio tracks cannot be changed."
     },
     "status": {
       "success": "success",

src/components/form/GroupDropdown.tsx

@@ -116,7 +116,7 @@ export function GroupDropdown({
         </span>
       </button>
       {open && (
-        <div className="absolute min-w-full z-[150] mt-1 end-0 bg-background-main border border-background-secondary rounded-xl shadow-lg py-1 pb-3 text-sm">
+        <div className="absolute min-w-full z-[150] mt-1 end-0 bg-background-main border border-background-secondary rounded-xl shadow-lg py-1 pb-3 text-sm max-h-80 overflow-auto scrollbar-thin scrollbar-track-background-secondary scrollbar-thumb-type-secondary">
           {groups.length === 0 && !showInput && (
             <div className="px-4 py-2 text-type-secondary">
               {t("home.bookmarks.groups.dropdown.empty")}

src/pages/parts/settings/ConnectionsPart.tsx

@@ -520,6 +520,21 @@ export function FebboxSetup({
                 })()}
             </>
           ) : null}
+          <div className="flex justify-between items-center gap-4 mt-6">
+            <div className="my-3">
+              <p className="max-w-[32rem] font-medium">
+                {t("fedapi.setup.useMp4")}
+              </p>
+            </div>
+            <div>
+              <Toggle
+                onClick={() =>
+                  preferences.setFebboxUseMp4(!preferences.febboxUseMp4)
+                }
+                enabled={preferences.febboxUseMp4}
+              />
+            </div>
+          </div>
         </SettingsCard>
         <Modal id={exampleModal.id}>
           <ModalCard>

src/stores/preferences/index.tsx

@@ -26,6 +26,7 @@ export interface PreferencesStore {
   enableEmbedOrder: boolean;
   proxyTmdb: boolean;
   febboxKey: string | null;
+  febboxUseMp4: boolean;
   debridToken: string | null;
   debridService: string;
   enableLowPerformanceMode: boolean;
@@ -55,6 +56,7 @@ export interface PreferencesStore {
   setEnableEmbedOrder(v: boolean): void;
   setProxyTmdb(v: boolean): void;
   setFebboxKey(v: string | null): void;
+  setFebboxUseMp4(v: boolean): void;
   setdebridToken(v: string | null): void;
   setdebridService(v: string): void;
   setEnableLowPerformanceMode(v: boolean): void;
@@ -88,6 +90,7 @@ export const usePreferencesStore = create(
       enableEmbedOrder: false,
       proxyTmdb: false,
       febboxKey: null,
+      febboxUseMp4: false,
       debridToken: null,
       debridService: "realdebrid",
       enableLowPerformanceMode: false,
@@ -188,6 +191,11 @@ export const usePreferencesStore = create(
           s.febboxKey = v;
         });
       },
+      setFebboxUseMp4(v) {
+        set((s) => {
+          s.febboxUseMp4 = v;
+        });
+      },
       setdebridToken(v) {
         set((s) => {
           s.debridToken = v;