From 27acaad6580674c4de426583fe7959a8428acc9a Mon Sep 17 00:00:00 2001
From: "hexx.one" <5312542+hexxone@users.noreply.github.com>
Date: Tue, 7 May 2024 20:46:59 +0200
Subject: [PATCH] chore: Cleanup

---
 HttpsReverseProxy/HttpsReverseProxy.csproj |   6 +-
 README.md                                  |  38 +-
 TeleJelly/Assets/Config/config.css         |  76 +--
 TeleJelly/Assets/Config/config.html        | 574 ++++++++++-----------
 TeleJelly/Assets/Config/config.js          |   4 +-
 TeleJelly/Assets/Login/login.css           |  72 +--
 TeleJelly/Assets/Login/login.html          | 158 +++---
 TeleJelly/Classes/ExtraPageInfo.cs         |   2 +-
 TeleJelly/Classes/TelegramAuthResult.cs    |   2 +-
 TeleJelly/Controller/TelegramController.cs |   4 +-
 TeleJelly/ILRepack.targets                 |   6 +-
 TeleJelly/TeleJelly.csproj                 |  42 +-
 TeleJelly/TeleJellyPlugin.cs               |  39 +-
 TeleJelly/Telegram/TelegramHelper.cs       |  19 +-
 14 files changed, 512 insertions(+), 530 deletions(-)

diff --git a/HttpsReverseProxy/HttpsReverseProxy.csproj b/HttpsReverseProxy/HttpsReverseProxy.csproj
index c9ce089..38036e6 100644
--- a/HttpsReverseProxy/HttpsReverseProxy.csproj
+++ b/HttpsReverseProxy/HttpsReverseProxy.csproj
@@ -7,11 +7,11 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Yarp.ReverseProxy" Version="2.1.0" />
+    <PackageReference Include="Yarp.ReverseProxy" Version="2.1.0"/>
   </ItemGroup>
 
   <Target Name="PreBuild" BeforeTargets="PreBuildEvent">
-    <Message Importance="high" Text="&#xA;      Building Plugin...&#xA;    " />
-    <Exec Command="dotnet build ../TeleJelly/TeleJelly.csproj" />
+    <Message Importance="high" Text="&#xA;      Building Plugin...&#xA;    "/>
+    <Exec Command="dotnet build ../TeleJelly/TeleJelly.csproj"/>
   </Target>
 </Project>
diff --git a/README.md b/README.md
index 3ec758c..70cbc48 100644
--- a/README.md
+++ b/README.md
@@ -41,23 +41,23 @@ Created from [jellyfin-plugin-template](https://github.com/jellyfin/jellyfin-plu
 ## Features
 
 - SSO Login page (at `/sso/Telegram`)
-  - styled similar to the regular login page
-  - responsive / mobile capable
-  - shows a "Back to Normal Login" button
-  - shows the Telegram Login Widget
-  - checks the Telegram Auth data against the backend
-  - if data is invalid -> show error message
-  - if data is valid -> takes the Jellyfin Auth Response and authenticates the user
-  - loading animation
-  - supports Custom CSS
+    - styled similar to the regular login page
+    - responsive / mobile capable
+    - shows a "Back to Normal Login" button
+    - shows the Telegram Login Widget
+    - checks the Telegram Auth data against the backend
+    - if data is invalid -> show error message
+    - if data is valid -> takes the Jellyfin Auth Response and authenticates the user
+    - loading animation
+    - supports Custom CSS
 
 - Config page (reachable via Jellyfin Plugin Page)
-  - requires setting the Telegram Bot Token
-  - allows setting a List of Administrator Telegram Usernames (get full Access)
-  - allows forcing an external Protocol Scheme (for reverse proxies like Traefik)
-  - allows Creating/Editing/Deleting a "virtual" management Group
-    - Grants access to all OR specific Libraries for non-Administrators.
-    - _Note: A user needs to be Admin OR part of at least ONE Group to Log-in._
+    - requires setting the Telegram Bot Token
+    - allows setting a List of Administrator Telegram Usernames (get full Access)
+    - allows forcing an external Protocol Scheme (for reverse proxies like Traefik)
+    - allows Creating/Editing/Deleting a "virtual" management Group
+        - Grants access to all OR specific Libraries for non-Administrators.
+        - _Note: A user needs to be Admin OR part of at least ONE Group to Log-in._
 
 ## Requirements
 
@@ -105,16 +105,16 @@ E.g.: `[Telegram-Login](https://jelly.fin/sso/telegram)` or screenshots below.
 ## Known issues
 
 - The `Sign in with Telegram` button will sometimes get hidden by Browser Plugins like "I don't like Cookies" or "UBlock Origin".
-Try disabling these on your Jellyfin domain and inform your users.
+  Try disabling these on your Jellyfin domain and inform your users.
 
 - If a User's profile picture fails to download even though the url is given (err 404), he has probably set it to private.
-In this case, the plugin will fall back to its default icon.
+  In this case, the plugin will fall back to its default icon.
 
 - If a User were to change/sell his Username, a random person would possibly be able to use this Service.
-However, having Names over ID's is much more convenient for Management.
+  However, having Names over ID's is much more convenient for Management.
 
 - If your server is publicly reachable, make sure to take care of rate limiting with your reverse proxy,
-otherwise adversaries might be able to lag the system.
+  otherwise adversaries might be able to lag the system.
 
 ## Demo Video
 
diff --git a/TeleJelly/Assets/Config/config.css b/TeleJelly/Assets/Config/config.css
index 8981df0..063854f 100644
--- a/TeleJelly/Assets/Config/config.css
+++ b/TeleJelly/Assets/Config/config.css
@@ -18,9 +18,9 @@
     width: 100%;
 }
 
-    .emby-textarea::-moz-focus-inner {
-        border: 0;
-    }
+.emby-textarea::-moz-focus-inner {
+    border: 0;
+}
 
 .textareaLabel {
     display: inline-block;
@@ -44,15 +44,15 @@
     padding-top: 0.5em;
 }
 
-    .sso-role-mapping-container + .sso-role-mapping-container,
-    .sso-bordered-list + .sso-bordered-list {
-        margin-top: 1em;
-    }
+.sso-role-mapping-container + .sso-role-mapping-container,
+.sso-bordered-list + .sso-bordered-list {
+    margin-top: 1em;
+}
 
-    .sso-role-mapping-container .sso-folder-list {
-        padding-bottom: 0.25em;
-        padding-left: 1em;
-    }
+.sso-role-mapping-container .sso-folder-list {
+    padding-bottom: 0.25em;
+    padding-left: 1em;
+}
 
 .sso-role-mapping-input-label {
     padding-left: 0.5em;
@@ -106,16 +106,16 @@ code {
     height: 20px;
 }
 
-    .eye-icon::before {
-        content: '';
-        position: absolute;
-        background-color: currentColor;
-        border-radius: 50%;
-        width: 8px;
-        height: 8px;
-        left: 5px;
-        top: 5px;
-    }
+.eye-icon::before {
+    content: '';
+    position: absolute;
+    background-color: currentColor;
+    border-radius: 50%;
+    width: 8px;
+    height: 8px;
+    left: 5px;
+    top: 5px;
+}
 
 /* Slash to represent "hide" */
 .eye-slash {
@@ -131,20 +131,20 @@ code {
     color: #000; /* Eye icon hover color */
 }
 
-    /* Tooltip */
-    .toggle-eye:hover::after {
-        content: "Show / Hide Token";
-        visibility: visible;
-        position: absolute;
-        width: 120px;
-        background-color: black;
-        color: white;
-        text-align: center;
-        border-radius: 5px;
-        padding: 5px;
-        bottom: 110%;
-        left: 50%;
-        transform: translateX(-90%);
-        font-size: 12px;
-        z-index: 999999;
-    }
+/* Tooltip */
+.toggle-eye:hover::after {
+    content: "Show / Hide Token";
+    visibility: visible;
+    position: absolute;
+    width: 120px;
+    background-color: black;
+    color: white;
+    text-align: center;
+    border-radius: 5px;
+    padding: 5px;
+    bottom: 110%;
+    left: 50%;
+    transform: translateX(-90%);
+    font-size: 12px;
+    z-index: 999999;
+}
diff --git a/TeleJelly/Assets/Config/config.html b/TeleJelly/Assets/Config/config.html
index 0c1b304..d83753d 100644
--- a/TeleJelly/Assets/Config/config.html
+++ b/TeleJelly/Assets/Config/config.html
@@ -5,332 +5,332 @@
     <!-- made by hexx.one -->
 </head>
 <body>
-    <div class="page type-interior pluginConfigurationPage configPage"
-         data-controller="__plugin/TeleJelly.js"
-         data-require="emby-input,emby-button,emby-checkbox"
-         data-role="page"
-         id="telejelly-config-page">
-        <div data-role="content">
-            <div class="content-primary">
-                <!-- Title and Infos -->
-                <div class="sectionTitleContainer flex align-items-center">
-                    <h2 class="sectionTitle">TeleJelly Configuration</h2>
-                    <h3>Version: <b id="TeleJellyVersion">1.0.6.0</b></h3>
-                    <a href="https://github.com/hexxone/TeleJelly"
-                       class="button-link emby-button headerHelpButton"
-                       is="emby-linkbutton"
-                       target="_blank"> Github Repository</a>
-                </div>
-                <p>
-                    <i>Note:</i>
-                    This plug-in is free open-source software. I do not accept any responsibilities.
-                    <br />
-                    <strong>Live "Production"-usage is NOT recommended unless you really know what you are doing.</strong>
-                </p>
-                <p>
-                    <strong>Requirements:</strong>
-                    <ul>
-                        <li>You must have a Telegram username to use this login method.</li>
-                        <li>A Telegram Bot is required to validate the Telegram login.</li>
-                        <li>A valid, public domain SSL certificate is required for the Login Widget to work.</li>
-                        <li>The Bot Token can be obtained from <a class="button-link emby-button" is="emby-linkbutton" href="https://t.me/Botfather">@BotFather</a>.</li>
-                        <li>Once you have chosen a bot, use the <i>/setdomain</i> command to link your jellyfin domain to the bot.</li>
-                        <li>A Telegram User has to be Administrator OR part of at least one Group in order to login.</li>
-                    </ul>
-                </p>
+<div class="page type-interior pluginConfigurationPage configPage"
+     data-controller="__plugin/TeleJelly.js"
+     data-require="emby-input,emby-button,emby-checkbox"
+     data-role="page"
+     id="telejelly-config-page">
+    <div data-role="content">
+        <div class="content-primary">
+            <!-- Title and Infos -->
+            <div class="sectionTitleContainer flex align-items-center">
+                <h2 class="sectionTitle">TeleJelly Configuration</h2>
+                <h3>Version: <b id="TeleJellyVersion">1.0.6.0</b></h3>
+                <a href="https://github.com/hexxone/TeleJelly"
+                   class="button-link emby-button headerHelpButton"
+                   is="emby-linkbutton"
+                   target="_blank"> Github Repository</a>
+            </div>
+            <p>
+                <i>Note:</i>
+                This plug-in is free open-source software. I do not accept any responsibilities.
+                <br/>
+                <strong>Live "Production"-usage is NOT recommended unless you really know what you are doing.</strong>
+            </p>
+            <p>
+                <strong>Requirements:</strong>
+            <ul>
+                <li>You must have a Telegram username to use this login method.</li>
+                <li>A Telegram Bot is required to validate the Telegram login.</li>
+                <li>A valid, public domain SSL certificate is required for the Login Widget to work.</li>
+                <li>The Bot Token can be obtained from <a class="button-link emby-button" is="emby-linkbutton" href="https://t.me/Botfather">@BotFather</a>.</li>
+                <li>Once you have chosen a bot, use the <i>/setdomain</i> command to link your jellyfin domain to the bot.</li>
+                <li>A Telegram User has to be Administrator OR part of at least one Group in order to login.</li>
+            </ul>
+            </p>
 
-                <!-- Form branding -->
-                <form class="esqConfigurationForm" id="tj-branding">
-                    <div class="verticalSection" is="emby-collapse" title="Branding Configuration">
-                        <div class="collapseContent">
-                            <strong>
-                                <a class="button-link" id="sso-telegram-login" is="emby-linkbutton" target="_blank">
-                                    Link to the Telegram SSO Page
-                                </a>
-                            </strong>
-                            <br />
-                            You can share the link with your friends and also include it in the Login Page "Branding".
-                            <br />
-                            Here is an example (the stylesheet will differ on the actual Login page):
-                            <br />
-                            <!-- Show code and example branding -->
-                            <pre id="exampleBrandingCode">
+            <!-- Form branding -->
+            <form class="esqConfigurationForm" id="tj-branding">
+                <div class="verticalSection" is="emby-collapse" title="Branding Configuration">
+                    <div class="collapseContent">
+                        <strong>
+                            <a class="button-link" id="sso-telegram-login" is="emby-linkbutton" target="_blank">
+                                Link to the Telegram SSO Page
+                            </a>
+                        </strong>
+                        <br/>
+                        You can share the link with your friends and also include it in the Login Page "Branding".
+                        <br/>
+                        Here is an example (the stylesheet will differ on the actual Login page):
+                        <br/>
+                        <!-- Show code and example branding -->
+                        <pre id="exampleBrandingCode">
                                 Please enable JavaScript.
                             </pre>
-                            <div id="exampleBranding">
-                                Please enable JavaScript.
-                            </div>
-                            <br />
-                            <br />
-                            To automatically set the Branding, you can also press the following button.
-                            Notice, this will override your existing Branding.
-                            <button id="setBrandingButton" is="emby-button" style="display: flex;" class="block emby-button button-submit">
-                                Set Branding
-                            </button>
+                        <div id="exampleBranding">
+                            Please enable JavaScript.
                         </div>
+                        <br/>
+                        <br/>
+                        To automatically set the Branding, you can also press the following button.
+                        Notice, this will override your existing Branding.
+                        <button id="setBrandingButton" is="emby-button" style="display: flex;" class="block emby-button button-submit">
+                            Set Branding
+                        </button>
                     </div>
-                </form>
+                </div>
+            </form>
 
-                <!-- Form basic Config -->
-                <form class="esqConfigurationForm" id="tg-basic-config">
-                    <div class="verticalSection" is="emby-collapse" title="Basic Configuration">
-                        <div class="collapseContent">
+            <!-- Form basic Config -->
+            <form class="esqConfigurationForm" id="tg-basic-config">
+                <div class="verticalSection" is="emby-collapse" title="Basic Configuration">
+                    <div class="collapseContent">
 
-                            <!-- BotToken -->
-                            <div class="inputContainer">
-                                <label class="inputLabel inputLabelUnfocused" for="TgBotToken">Telegram Bot Token:</label>
-                                <div style="position: relative;">
-                                    <input class="sso-text" id="TgBotToken" is="emby-input" maxlength="200" required="" type="password" />
-                                    <div class="toggle-eye" onclick="toggleTokenFunction()">
-                                        <div class="eye-icon"></div>
-                                        <div class="eye-slash"></div>
-                                    </div>
+                        <!-- BotToken -->
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="TgBotToken">Telegram Bot Token:</label>
+                            <div style="position: relative;">
+                                <input class="sso-text" id="TgBotToken" is="emby-input" maxlength="200" required="" type="password"/>
+                                <div class="toggle-eye" onclick="toggleTokenFunction()">
+                                    <div class="eye-icon"></div>
+                                    <div class="eye-slash"></div>
                                 </div>
-                                <div class="fieldDescription">
-                                    <div class="paperlist">
-                                        <p>Telegram Bot Username:</p>
-                                        <p id="TgBotUsername"></p>
-                                    </div>
+                            </div>
+                            <div class="fieldDescription">
+                                <div class="paperlist">
+                                    <p>Telegram Bot Username:</p>
+                                    <p id="TgBotUsername"></p>
                                 </div>
                             </div>
-                            <script>
-                                function toggleTokenFunction() {
-                                    const x = document.getElementById("TgBotToken");
-                                    const eyeIcon = document.querySelector('.eye-icon');
-                                    const eyeSlash = document.querySelector('.eye-slash');
-                                    if (x.type === "password") {
-                                        x.type = "text";
-                                        eyeIcon.style.display = "none";
-                                        eyeSlash.style.display = "block";
-                                    } else {
-                                        x.type = "password";
-                                        eyeIcon.style.display = "block";
-                                        eyeSlash.style.display = "none";
-                                    }
+                        </div>
+                        <script>
+                            function toggleTokenFunction() {
+                                const x = document.getElementById("TgBotToken");
+                                const eyeIcon = document.querySelector('.eye-icon');
+                                const eyeSlash = document.querySelector('.eye-slash');
+                                if (x.type === "password") {
+                                    x.type = "text";
+                                    eyeIcon.style.display = "none";
+                                    eyeSlash.style.display = "block";
+                                } else {
+                                    x.type = "password";
+                                    eyeIcon.style.display = "block";
+                                    eyeSlash.style.display = "none";
                                 }
-                            </script>
+                            }
+                        </script>
 
 
-                            <!-- List: Administrators -->
-                            <div class="inputContainer">
-                                <label class="inputLabel inputLabelUnfocused" for="TgAdministrators">
-                                    Administrators:
-                                </label>
-                                <textarea class="sso-line-list emby-textarea"
-                                          id="TgAdministrators"
-                                          is="emby-textarea"
-                                          onkeyup="this.value=this.value.replace('@', '').replace('https://t.me/', '')"
-                                          type="text">
+                        <!-- List: Administrators -->
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="TgAdministrators">
+                                Administrators:
+                            </label>
+                            <textarea class="sso-line-list emby-textarea"
+                                      id="TgAdministrators"
+                                      is="emby-textarea"
+                                      onkeyup="this.value=this.value.replace('@', '').replace('https://t.me/', '')"
+                                      type="text">
                             </textarea>
-                                <div class="fieldDescription">
-                                    A List of
-                                    <strong>
-                                        Telegram Usernames to grant Jellyfin
-                                        Admin privileges.
-                                    </strong>
-                                    One per-line.
-                                    <br />
-                                </div>
+                            <div class="fieldDescription">
+                                A List of
+                                <strong>
+                                    Telegram Usernames to grant Jellyfin
+                                    Admin privileges.
+                                </strong>
+                                One per-line.
+                                <br/>
                             </div>
+                        </div>
 
-                            <!-- ForceUrlScheme -->
-                            <div class="inputContainer">
-                                <label>
-                                    <input id="ForceUrlScheme"
-                                           is="emby-checkbox"
-                                           onclick="toggleUrlSchemeFunction()"
-                                           type="checkbox" />
-                                    <span>Enforce External URL Scheme?</span>
-                                </label>
-                                <div class="fieldDescription checkboxFieldDescription">
-                                    Should the Plugin force a Specific
-                                    protocol Scheme on it's returned URLS?
-                                    This is probably useful if your jellyfin
-                                    is running behind a Reverse Proxy which
-                                    does "SSL-stripping" (like Traefik).
-                                    <br />
-                                    If you are unsure, leave this setting
-                                    turned off.
-                                </div>
-                                <script>
-                                    function toggleUrlSchemeFunction() {
+                        <!-- ForceUrlScheme -->
+                        <div class="inputContainer">
+                            <label>
+                                <input id="ForceUrlScheme"
+                                       is="emby-checkbox"
+                                       onclick="toggleUrlSchemeFunction()"
+                                       type="checkbox"/>
+                                <span>Enforce External URL Scheme?</span>
+                            </label>
+                            <div class="fieldDescription checkboxFieldDescription">
+                                Should the Plugin force a Specific
+                                protocol Scheme on it's returned URLS?
+                                This is probably useful if your jellyfin
+                                is running behind a Reverse Proxy which
+                                does "SSL-stripping" (like Traefik).
+                                <br/>
+                                If you are unsure, leave this setting
+                                turned off.
+                            </div>
+                            <script>
+                                function toggleUrlSchemeFunction() {
+                                    document.getElementById(
+                                        "ForcedUrlSchemeHolder"
+                                    ).style.display =
                                         document.getElementById(
-                                            "ForcedUrlSchemeHolder"
-                                        ).style.display =
-                                            document.getElementById(
-                                                "ForceUrlScheme"
-                                            ).checked
-                                                ? "block"
-                                                : "none";
-                                    }
-                                </script>
+                                            "ForceUrlScheme"
+                                        ).checked
+                                            ? "block"
+                                            : "none";
+                                }
+                            </script>
 
-                                <div id="ForcedUrlSchemeHolder" style="padding-top: 1rem">
-                                    <br />
-                                    <label class="inputLabel inputLabelUnfocused" for="ForcedUrlScheme">
-                                        Enforced URL Scheme:
-                                    </label>
-                                    <select class="emby-select-withcolor emby-select" id="ForcedUrlScheme">
-                                        <option value="https">
-                                            Secure (https://)
-                                        </option>
-                                        <option value="http">
-                                            Unsecure (http://)
-                                        </option>
-                                    </select>
-                                </div>
+                            <div id="ForcedUrlSchemeHolder" style="padding-top: 1rem">
+                                <br/>
+                                <label class="inputLabel inputLabelUnfocused" for="ForcedUrlScheme">
+                                    Enforced URL Scheme:
+                                </label>
+                                <select class="emby-select-withcolor emby-select" id="ForcedUrlScheme">
+                                    <option value="https">
+                                        Secure (https://)
+                                    </option>
+                                    <option value="http">
+                                        Unsecure (http://)
+                                    </option>
+                                </select>
                             </div>
-
-                            <!-- Apply -->
-                            <button class="raised button-submit block emby-button"
-                                    id="SaveConfig"
-                                    is="emby-button"
-                                    type="button">
-                                <span>Save</span>
-                            </button>
                         </div>
+
+                        <!-- Apply -->
+                        <button class="raised button-submit block emby-button"
+                                id="SaveConfig"
+                                is="emby-button"
+                                type="button">
+                            <span>Save</span>
+                        </button>
                     </div>
-                </form>
+                </div>
+            </form>
 
-                <!-- Form Edit existing Group -->
-                <form class="esqConfigurationForm" id="tg-load-group">
-                    <div class="verticalSection"
-                         is="emby-collapse"
-                         title="Edit / Delete Group ">
-                        <div class="collapseContent">
-                            <div class="selectContainer">
-                                <label class="selectLabel"
-                                       for="selectGroup">
-                                    Name of Group:
-                                </label>
-                                <select class="emby-select-withcolor emby-select"
-                                        id="selectGroup"
-                                        is="emby-select"></select>
-                                <div class="selectArrowContainer">
-                                    <div style="display: none; visibility: hidden;">
-                                        0
-                                    </div>
-                                    <span aria-hidden="true" class="selectArrow material-icons keyboard_arrow_down">
-                                    </span>
+            <!-- Form Edit existing Group -->
+            <form class="esqConfigurationForm" id="tg-load-group">
+                <div class="verticalSection"
+                     is="emby-collapse"
+                     title="Edit / Delete Group ">
+                    <div class="collapseContent">
+                        <div class="selectContainer">
+                            <label class="selectLabel"
+                                   for="selectGroup">
+                                Name of Group:
+                            </label>
+                            <select class="emby-select-withcolor emby-select"
+                                    id="selectGroup"
+                                    is="emby-select"></select>
+                            <div class="selectArrowContainer">
+                                <div style="display: none; visibility: hidden;">
+                                    0
                                 </div>
+                                <span aria-hidden="true" class="selectArrow material-icons keyboard_arrow_down">
+                                    </span>
                             </div>
+                        </div>
 
-                            <button class="raised button-submit block emby-button"
-                                    id="LoadGroup"
-                                    is="emby-button"
-                                    type="button">
-                                <span>Edit Group</span>
-                            </button>
+                        <button class="raised button-submit block emby-button"
+                                id="LoadGroup"
+                                is="emby-button"
+                                type="button">
+                            <span>Edit Group</span>
+                        </button>
 
-                            <button class="raised button-delete block emby-button"
-                                    id="DeleteGroup"
-                                    is="emby-button"
-                                    type="button">
-                                <span>Delete Group</span>
-                            </button>
-                        </div>
+                        <button class="raised button-delete block emby-button"
+                                id="DeleteGroup"
+                                is="emby-button"
+                                type="button">
+                            <span>Delete Group</span>
+                        </button>
                     </div>
-                </form>
+                </div>
+            </form>
 
-                <!-- Form create new Group -->
-                <form class="esqConfigurationForm" id="tg-new-group">
-                    <div class="verticalSection verticalSection-extrabottompadding"
-                         data-expanded="true"
-                         is="emby-collapse"
-                         title="Create / Edit Group">
-                        <div class="collapseContent">
-                            <div class="inputContainer">
-                                <label class="inputLabel inputLabelUnfocused"
-                                       for="TgGroupName">
-                                    Name of Group:
-                                </label>
-                                <input class="sso-text"
-                                       id="TgGroupName"
-                                       is="emby-input"
-                                       maxlength="30"
-                                       onkeyup="this.value=this.value.replace(/[^a-zA-Z0-9_]/g, '')"
-                                       type="text" />
-                                <div class="fieldDescription">
-                                    <strong>
-                                        Only alphanumeric characters and
-                                        underscores allowed.
-                                    </strong>
-                                    <br />
-                                    The name used by the Plugin to identify
-                                    a virtual Group of Telegram users for
-                                    granting Folder permissions.
-                                    <br />
-                                    If a Group with a matching name does NOT
-                                    exist, a new one will be created.
-                                    <br />
-                                    If a Group with a matching name exists,
-                                    the settings for that group will be
-                                    updated.
-                                </div>
+            <!-- Form create new Group -->
+            <form class="esqConfigurationForm" id="tg-new-group">
+                <div class="verticalSection verticalSection-extrabottompadding"
+                     data-expanded="true"
+                     is="emby-collapse"
+                     title="Create / Edit Group">
+                    <div class="collapseContent">
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused"
+                                   for="TgGroupName">
+                                Name of Group:
+                            </label>
+                            <input class="sso-text"
+                                   id="TgGroupName"
+                                   is="emby-input"
+                                   maxlength="30"
+                                   onkeyup="this.value=this.value.replace(/[^a-zA-Z0-9_]/g, '')"
+                                   type="text"/>
+                            <div class="fieldDescription">
+                                <strong>
+                                    Only alphanumeric characters and
+                                    underscores allowed.
+                                </strong>
+                                <br/>
+                                The name used by the Plugin to identify
+                                a virtual Group of Telegram users for
+                                granting Folder permissions.
+                                <br/>
+                                If a Group with a matching name does NOT
+                                exist, a new one will be created.
+                                <br/>
+                                If a Group with a matching name exists,
+                                the settings for that group will be
+                                updated.
                             </div>
+                        </div>
 
-                            <!-- bool: EnableAllFolders -->
-                            <div class="checkboxContainer checkboxContainer-withDescription">
-                                <label>
-                                    <input id="EnableAllFolders"
-                                           is="emby-checkbox"
-                                           type="checkbox" />
-                                    <span>Enable All Folders</span>
-                                </label>
-                                <div class="fieldDescription checkboxFieldDescription">
-                                    If enabled, ALL libraries on this server
-                                    will be accessible to all Users which
-                                    Login through this Group.
-                                </div>
+                        <!-- bool: EnableAllFolders -->
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input id="EnableAllFolders"
+                                       is="emby-checkbox"
+                                       type="checkbox"/>
+                                <span>Enable All Folders</span>
+                            </label>
+                            <div class="fieldDescription checkboxFieldDescription">
+                                If enabled, ALL libraries on this server
+                                will be accessible to all Users which
+                                Login through this Group.
                             </div>
+                        </div>
 
-                            <!-- List: EnabledFolders -->
-                            <div class="inputContainer">
-                                <label class="inputLabel inputLabelUnfocused" for="EnabledFolders">
-                                    Enabled Folders:
-                                </label>
-                                <div class="checkboxList paperList checkboxList-paperList sso-folder-list sso-bordered-list"
-                                     id="EnabledFolders"></div>
-                                <div class="fieldDescription">
-                                    Determines which libraries will be
-                                    accessible to a user that logs in
-                                    through this Group.
-                                    <br />
-                                    If
-                                    <strong>"Enable All Folders"</strong> is
-                                    checked, then this has no effect.
-                                </div>
+                        <!-- List: EnabledFolders -->
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="EnabledFolders">
+                                Enabled Folders:
+                            </label>
+                            <div class="checkboxList paperList checkboxList-paperList sso-folder-list sso-bordered-list"
+                                 id="EnabledFolders"></div>
+                            <div class="fieldDescription">
+                                Determines which libraries will be
+                                accessible to a user that logs in
+                                through this Group.
+                                <br/>
+                                If
+                                <strong>"Enable All Folders"</strong> is
+                                checked, then this has no effect.
                             </div>
+                        </div>
 
-                            <!-- List: UserNames -->
-                            <div class="inputContainer">
-                                <label class="inputLabel inputLabelUnfocused" for="UserNames">
-                                    UserNames:
-                                </label>
-                                <textarea class="sso-line-list emby-textarea"
-                                          id="UserNames"
-                                          is="emby-textarea"
-                                          onkeyup="this.value=this.value.replace('@', '').replace('https://t.me/', '')"
-                                          type="text">
+                        <!-- List: UserNames -->
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="UserNames">
+                                UserNames:
+                            </label>
+                            <textarea class="sso-line-list emby-textarea"
+                                      id="UserNames"
+                                      is="emby-textarea"
+                                      onkeyup="this.value=this.value.replace('@', '').replace('https://t.me/', '')"
+                                      type="text">
                             </textarea>
-                                <div class="fieldDescription">
-                                    A list of allowed Telegram Usernames for
-                                    this group, one per-line.
-                                </div>
+                            <div class="fieldDescription">
+                                A list of allowed Telegram Usernames for
+                                this group, one per-line.
                             </div>
-
-                            <!-- Apply -->
-                            <button class="raised button-submit block emby-button"
-                                    id="SaveGroup"
-                                    is="emby-button"
-                                    type="button">
-                                <span>Save</span>
-                            </button>
                         </div>
+
+                        <!-- Apply -->
+                        <button class="raised button-submit block emby-button"
+                                id="SaveGroup"
+                                is="emby-button"
+                                type="button">
+                            <span>Save</span>
+                        </button>
                     </div>
-                </form>
-            </div>
+                </div>
+            </form>
         </div>
     </div>
+</div>
 </body>
 </html>
diff --git a/TeleJelly/Assets/Config/config.js b/TeleJelly/Assets/Config/config.js
index 30d6d3a..e6bcfdc 100644
--- a/TeleJelly/Assets/Config/config.js
+++ b/TeleJelly/Assets/Config/config.js
@@ -227,7 +227,7 @@ const tgTokenHelper = {
             {
                 url: window.ApiClient.getUrl("/api/TeleJellyConfig/ValidateBotToken"),
                 type: "POST",
-                data: JSON.stringify({ Token: token }),
+                data: JSON.stringify({Token: token}),
                 contentType: "application/json",
                 dataType: "json"
             })
@@ -235,7 +235,7 @@ const tgTokenHelper = {
                 tgTokenHelper.handleValidationResponse(data);
             })
             .catch(error => {
-                tgTokenHelper.handleValidationResponse({ ErrorMessage: error.message });
+                tgTokenHelper.handleValidationResponse({ErrorMessage: error.message});
             });
     },
 
diff --git a/TeleJelly/Assets/Login/login.css b/TeleJelly/Assets/Login/login.css
index 6c51f73..367b7f1 100644
--- a/TeleJelly/Assets/Login/login.css
+++ b/TeleJelly/Assets/Login/login.css
@@ -10,7 +10,7 @@
 }
 
 html {
-    font-family: Montserrat,Noto Sans,Noto Sans HK,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,sans-serif;
+    font-family: Montserrat, Noto Sans, Noto Sans HK, Noto Sans JP, Noto Sans KR, Noto Sans SC, Noto Sans TC, sans-serif;
     line-height: 1.35;
     text-size-adjust: 100%;
     font-size: 93%;
@@ -21,12 +21,12 @@ body {
     transition: opacity ease-in 0.2s;
 }
 
-    body[unresolved] {
-        display: block;
-        opacity: 0;
-        overflow: hidden;
-        position: relative;
-    }
+body[unresolved] {
+    display: block;
+    opacity: 0;
+    overflow: hidden;
+    position: relative;
+}
 
 h1,
 h2 {
@@ -85,10 +85,10 @@ h2 {
     color: rgba(255, 255, 255, 0.8);
 }
 
-    .skinHeader.semiTransparent {
-        backdrop-filter: none !important;
-        background-color: rgba(0, 0, 0, 0.4);
-    }
+.skinHeader.semiTransparent {
+    backdrop-filter: none !important;
+    background-color: rgba(0, 0, 0, 0.4);
+}
 
 .headerTop {
     padding: 0.8em;
@@ -122,12 +122,12 @@ h2 {
     transition: all 0.25s ease-in-out;
 }
 
-    .headerBackButton:hover {
-        color: #ddd;
-        border-color: #ddd;
-        background-color: rgba(100, 100, 100, 0.3);
-        border-width: 0.05em;
-    }
+.headerBackButton:hover {
+    color: #ddd;
+    border-color: #ddd;
+    background-color: rgba(100, 100, 100, 0.3);
+    border-width: 0.05em;
+}
 
 .linkLogos > * {
     margin: 0.5rem;
@@ -355,8 +355,8 @@ h2 {
 
 @-webkit-keyframes view-slideleft {
     0% {
-        -webkit-transform: translate3d(100%,0,0);
-        transform: translate3d(100%,0,0)
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
     }
 
     to {
@@ -367,8 +367,8 @@ h2 {
 
 @keyframes view-slideleft {
     0% {
-        -webkit-transform: translate3d(100%,0,0);
-        transform: translate3d(100%,0,0)
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
     }
 
     to {
@@ -384,8 +384,8 @@ h2 {
     }
 
     to {
-        -webkit-transform: translate3d(-100%,0,0);
-        transform: translate3d(-100%,0,0)
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
     }
 }
 
@@ -396,15 +396,15 @@ h2 {
     }
 
     to {
-        -webkit-transform: translate3d(-100%,0,0);
-        transform: translate3d(-100%,0,0)
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
     }
 }
 
 @-webkit-keyframes view-slideright {
     0% {
-        -webkit-transform: translate3d(-100%,0,0);
-        transform: translate3d(-100%,0,0)
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
     }
 
     to {
@@ -415,8 +415,8 @@ h2 {
 
 @keyframes view-slideright {
     0% {
-        -webkit-transform: translate3d(-100%,0,0);
-        transform: translate3d(-100%,0,0)
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
     }
 
     to {
@@ -432,8 +432,8 @@ h2 {
     }
 
     to {
-        -webkit-transform: translate3d(100%,0,0);
-        transform: translate3d(100%,0,0)
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
     }
 }
 
@@ -444,8 +444,8 @@ h2 {
     }
 
     to {
-        -webkit-transform: translate3d(100%,0,0);
-        transform: translate3d(100%,0,0)
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
     }
 }
 
@@ -710,9 +710,9 @@ h2 {
     border-color: inherit;
 }
 
-    .mdl-spinner__circle-clipper .mdl-spinner__circle {
-        width: 200%;
-    }
+.mdl-spinner__circle-clipper .mdl-spinner__circle {
+    width: 200%;
+}
 
 .mdl-spinner__circleLeft {
     border-right-color: transparent !important;
diff --git a/TeleJelly/Assets/Login/login.html b/TeleJelly/Assets/Login/login.html
index 19c38f0..1ef74dd 100644
--- a/TeleJelly/Assets/Login/login.html
+++ b/TeleJelly/Assets/Login/login.html
@@ -1,9 +1,9 @@
 <html class="layout-mobile" lang="en-us">
 <head>
-    <meta content="Jellyfin Telegram SSO" property="og:title" />
-    <meta content="Jellyfin Telegram SSO" property="og:site_name" />
-    <meta content="https://jellyfin.org" property="og:url" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta content="Jellyfin Telegram SSO" property="og:title"/>
+    <meta content="Jellyfin Telegram SSO" property="og:site_name"/>
+    <meta content="https://jellyfin.org" property="og:url"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
     <meta name="application-name" content="Jellyfin">
     <meta name="robots" content="noindex, nofollow, noarchive">
     <title>Jellyfin - Telegram SSO</title>
@@ -11,103 +11,103 @@
     <link href="{{SERVER_URL}}/web/themes/dark/theme.css"
           id="cssTheme"
           rel="stylesheet"
-          type="text/css" />
+          type="text/css"/>
     <link href="{{SERVER_URL}}/sso/Telegram/login.css"
           id="loginCss"
           rel="stylesheet"
-          type="text/css" />
+          type="text/css"/>
     <link href="{{SERVER_URL}}/web/favicon.ico"
           rel="icon"
-          type="image/x-icon" />
+          type="image/x-icon"/>
     <script src="{{SERVER_URL}}/sso/Telegram/login.js"></script>
     <style id="cssBranding">
         /*{{CUSTOM_CSS}}*/
     </style>
 </head>
 <body class="force-scroll hideMainDrawer">
-    <div class="backdropContainer"></div>
-    <div class="backgroundContainer"></div>
-    <!-- Jellyfin'ish Header -->
-    <div class="skinHeader skinHeader-blurred semiTransparent noHeaderRight">
-        <div class="flex align-items-center flex-grow headerTop">
-            <div class="headerLeft">
-                <h3 class="pageTitle pageTitleWithLogo pageTitleWithDefaultLogo"></h3>
-            </div>
+<div class="backdropContainer"></div>
+<div class="backgroundContainer"></div>
+<!-- Jellyfin'ish Header -->
+<div class="skinHeader skinHeader-blurred semiTransparent noHeaderRight">
+    <div class="flex align-items-center flex-grow headerTop">
+        <div class="headerLeft">
+            <h3 class="pageTitle pageTitleWithLogo pageTitleWithDefaultLogo"></h3>
         </div>
-        <div class="headerTabs sectionTabs hide"></div>
     </div>
-    <!-- Jellyfin'ish Login Form Wrapper -->
-    <div class="mainAnimatedPages skinBody">
-        <div id="loginPage" class="page standalonePage mainAnimatedPage" data-role="page" data-type="login">
-            <div class="padded-left padded-right padded-bottom-page margin-auto-y">
-                <div class="readOnlyContent">
-                    <!-- Title -->
-                    <div class="padded-left padded-right flex flex-direction-column align-items-center justify-content-center">
-                        <!-- Icons -->
-                        <div class="linkLogos flex flex-direction-row align-items-center justify-content-center">
-                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Telegram" role="img" viewBox="0 0 240 240" style="height:4.20em;">
-                                <defs>
-                                    <linearGradient gradientUnits="userSpaceOnUse" x2="120" y1="240" x1="120" id="linear-gradient">
-                                        <stop stop-color="#1d93d2" offset="0"></stop>
-                                        <stop stop-color="#38b0e3" offset="1"></stop>
-                                    </linearGradient>
-                                </defs>
-                                <title>Telegram_logo</title>
-                                <circle fill="url(#linear-gradient)" r="120" cy="120" cx="120"></circle>
-                                <path fill="#fff" d="M81.486,130.178,52.2,120.636s-3.5-1.42-2.373-4.64c.232-.664.7-1.229,2.1-2.2,6.489-4.523,120.106-45.36,120.106-45.36s3.208-1.081,5.1-.362a2.766,2.766,0,0,1,1.885,2.055,9.357,9.357,0,0,1,.254,2.585c-.009.752-.1,1.449-.169,2.542-.692,11.165-21.4,94.493-21.4,94.493s-1.239,4.876-5.678,5.043A8.13,8.13,0,0,1,146.1,172.5c-8.711-7.493-38.819-27.727-45.472-32.177a1.27,1.27,0,0,1-.546-.9c-.093-.469.417-1.05.417-1.05s52.426-46.6,53.821-51.492c.108-.379-.3-.566-.848-.4-3.482,1.281-63.844,39.4-70.506,43.607A3.21,3.21,0,0,1,81.486,130.178Z"></path>
-                            </svg>
-                            <span id="ssoSyncIcon" class="material-symbols-outlined animate-on-load animate-on-hover">
+    <div class="headerTabs sectionTabs hide"></div>
+</div>
+<!-- Jellyfin'ish Login Form Wrapper -->
+<div class="mainAnimatedPages skinBody">
+    <div id="loginPage" class="page standalonePage mainAnimatedPage" data-role="page" data-type="login">
+        <div class="padded-left padded-right padded-bottom-page margin-auto-y">
+            <div class="readOnlyContent">
+                <!-- Title -->
+                <div class="padded-left padded-right flex flex-direction-column align-items-center justify-content-center">
+                    <!-- Icons -->
+                    <div class="linkLogos flex flex-direction-row align-items-center justify-content-center">
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Telegram" role="img" viewBox="0 0 240 240" style="height:4.20em;">
+                            <defs>
+                                <linearGradient gradientUnits="userSpaceOnUse" x2="120" y1="240" x1="120" id="linear-gradient">
+                                    <stop stop-color="#1d93d2" offset="0"></stop>
+                                    <stop stop-color="#38b0e3" offset="1"></stop>
+                                </linearGradient>
+                            </defs>
+                            <title>Telegram_logo</title>
+                            <circle fill="url(#linear-gradient)" r="120" cy="120" cx="120"></circle>
+                            <path fill="#fff" d="M81.486,130.178,52.2,120.636s-3.5-1.42-2.373-4.64c.232-.664.7-1.229,2.1-2.2,6.489-4.523,120.106-45.36,120.106-45.36s3.208-1.081,5.1-.362a2.766,2.766,0,0,1,1.885,2.055,9.357,9.357,0,0,1,.254,2.585c-.009.752-.1,1.449-.169,2.542-.692,11.165-21.4,94.493-21.4,94.493s-1.239,4.876-5.678,5.043A8.13,8.13,0,0,1,146.1,172.5c-8.711-7.493-38.819-27.727-45.472-32.177a1.27,1.27,0,0,1-.546-.9c-.093-.469.417-1.05.417-1.05s52.426-46.6,53.821-51.492c.108-.379-.3-.566-.848-.4-3.482,1.281-63.844,39.4-70.506,43.607A3.21,3.21,0,0,1,81.486,130.178Z"></path>
+                        </svg>
+                        <span id="ssoSyncIcon" class="material-symbols-outlined animate-on-load animate-on-hover">
                                 autorenew
                             </span>
-                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Jellyfin" role="img" viewBox="0 0 512 512" style="height:4.20em;">
-                                <rect width="512" height="512" rx="15%" fill="#ffffff" />
-                                <defs>
-                                    <path d="M190.56 329.07c8.63 17.3 122.4 17.12 130.93 0 8.52-17.1-47.9-119.78-65.46-119.8-17.57 0-74.1 102.5-65.47 119.8z" id="A" />
-                                    <linearGradient id="B" gradientUnits="userSpaceOnUse" x1="126.15" y1="219.32" x2="457.68" y2="410.73">
-                                        <stop offset="0%" stop-color="#aa5cc3" />
-                                        <stop offset="100%" stop-color="#00a4dc" />
-                                    </linearGradient>
-                                    <path d="M58.75 417.03c25.97 52.15 368.86 51.55 394.55 0S308.93 56.08 256.03 56.08c-52.92 0-223.25 308.8-197.28 360.95zm68.04-45.25c-17.02-34.17 94.6-236.5 129.26-236.5 34.67 0 146.1 202.7 129.26 236.5-16.83 33.8-241.5 34.17-258.52 0z" id="C" />
-                                </defs>
-                                <title>Jellyfin_logo</title>
-                                <use xlink:href="#A" fill="url(#B)" />
-                                <use xlink:href="#A" fill-opacity="0" stroke="#000000" stroke-opacity="0" />
-                                <use xlink:href="#C" fill="url(#B)" />
-                                <use xlink:href="#C" fill-opacity="0" stroke="#000000" stroke-opacity="0" />
-                            </svg>
-                        </div>
-                        <!-- Text -->
-                        <h1 class="sectionTitle">Telegram SSO</h1>
-                        <p>Login to continue to Jellyfin.</p>
-                    </div>
-                    <!-- Error message -->
-                    <div id="errorMessage" class="spacedContent padded-left padded-right flex align-items-center justify-content-center"
-                         style="color:#dd4444;">
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Jellyfin" role="img" viewBox="0 0 512 512" style="height:4.20em;">
+                            <rect width="512" height="512" rx="15%" fill="#ffffff"/>
+                            <defs>
+                                <path d="M190.56 329.07c8.63 17.3 122.4 17.12 130.93 0 8.52-17.1-47.9-119.78-65.46-119.8-17.57 0-74.1 102.5-65.47 119.8z" id="A"/>
+                                <linearGradient id="B" gradientUnits="userSpaceOnUse" x1="126.15" y1="219.32" x2="457.68" y2="410.73">
+                                    <stop offset="0%" stop-color="#aa5cc3"/>
+                                    <stop offset="100%" stop-color="#00a4dc"/>
+                                </linearGradient>
+                                <path d="M58.75 417.03c25.97 52.15 368.86 51.55 394.55 0S308.93 56.08 256.03 56.08c-52.92 0-223.25 308.8-197.28 360.95zm68.04-45.25c-17.02-34.17 94.6-236.5 129.26-236.5 34.67 0 146.1 202.7 129.26 236.5-16.83 33.8-241.5 34.17-258.52 0z" id="C"/>
+                            </defs>
+                            <title>Jellyfin_logo</title>
+                            <use xlink:href="#A" fill="url(#B)"/>
+                            <use xlink:href="#A" fill-opacity="0" stroke="#000000" stroke-opacity="0"/>
+                            <use xlink:href="#C" fill="url(#B)"/>
+                            <use xlink:href="#C" fill-opacity="0" stroke="#000000" stroke-opacity="0"/>
+                        </svg>
                     </div>
-                    <!-- Telegram Login Widget -->
-                    <div class="telegramButton spacedContent">
-                        <noscript>Please enable Javascript to use this page.</noscript>
-                        <script async data-onauth="onTelegramAuth(user)"
-                                data-request-access="write"
-                                data-size="large"
-                                data-telegram-login="{{TELEGRAM_BOT_NAME}}"
-                                data-userpic="true"
-                                src="https://telegram.org/js/telegram-widget.js?22">
-                        </script>
-                    </div>
-                    <!-- Back button -->
-                    <div class="backButton spacedContent">
-                        <button is="emby-button" type="button" class="raised cancel btnQuick emby-button block"
-                                onclick="window.location.replace('{{SERVER_URL}}/web/index.html#!/login.html')">
+                    <!-- Text -->
+                    <h1 class="sectionTitle">Telegram SSO</h1>
+                    <p>Login to continue to Jellyfin.</p>
+                </div>
+                <!-- Error message -->
+                <div id="errorMessage" class="spacedContent padded-left padded-right flex align-items-center justify-content-center"
+                     style="color:#dd4444;">
+                </div>
+                <!-- Telegram Login Widget -->
+                <div class="telegramButton spacedContent">
+                    <noscript>Please enable Javascript to use this page.</noscript>
+                    <script async data-onauth="onTelegramAuth(user)"
+                            data-request-access="write"
+                            data-size="large"
+                            data-telegram-login="{{TELEGRAM_BOT_NAME}}"
+                            data-userpic="true"
+                            src="https://telegram.org/js/telegram-widget.js?22">
+                    </script>
+                </div>
+                <!-- Back button -->
+                <div class="backButton spacedContent">
+                    <button is="emby-button" type="button" class="raised cancel btnQuick emby-button block"
+                            onclick="window.location.replace('{{SERVER_URL}}/web/index.html#!/login.html')">
                             <span class="material-symbols-outlined">
                                 password
                             </span>
-                            <span>Use Default Login</span>
-                        </button>
-                    </div>
+                        <span>Use Default Login</span>
+                    </button>
                 </div>
             </div>
         </div>
     </div>
+</div>
 </body>
 </html>
diff --git a/TeleJelly/Classes/ExtraPageInfo.cs b/TeleJelly/Classes/ExtraPageInfo.cs
index 387e810..c5e0366 100644
--- a/TeleJelly/Classes/ExtraPageInfo.cs
+++ b/TeleJelly/Classes/ExtraPageInfo.cs
@@ -8,7 +8,7 @@ namespace Jellyfin.Plugin.TeleJelly.Classes;
 public class ExtraPageInfo : PluginPageInfo
 {
     /// <summary>
-    ///     Whether the file needs to have strings like {{SERVER_URL}} replaced.
+    ///     Gets or sets a value indicating whether the file needs to have strings like {{SERVER_URL}} replaced.
     /// </summary>
     public bool NeedsReplacement { get; set; }
 }
diff --git a/TeleJelly/Classes/TelegramAuthResult.cs b/TeleJelly/Classes/TelegramAuthResult.cs
index e7cb280..f6cd67a 100644
--- a/TeleJelly/Classes/TelegramAuthResult.cs
+++ b/TeleJelly/Classes/TelegramAuthResult.cs
@@ -3,7 +3,7 @@ namespace Jellyfin.Plugin.TeleJelly.Classes;
 /// <summary>
 ///     Represents the result of a Telegram auth data validation.
 /// </summary>
-public class TelegramAuthResult
+public record TelegramAuthResult
 {
     /// <summary>
     ///     Gets or sets a value indicating whether data is valid.
diff --git a/TeleJelly/Controller/TelegramController.cs b/TeleJelly/Controller/TelegramController.cs
index b83ebb5..3bf7aa2 100644
--- a/TeleJelly/Controller/TelegramController.cs
+++ b/TeleJelly/Controller/TelegramController.cs
@@ -75,7 +75,7 @@ public TelegramController(
     ///     1. User will click on "Login with Telegram"
     ///     2. a Telegram.org popup opens, asking for login and bot permission
     ///     3. when confirmed by user -> will get redirected to "Confirm" method.
-    ///     TODO: cache should be cleared when custom CSS changes
+    ///     TODO: cache should be cleared when custom CSS changes.
     /// </summary>
     /// <param name="fileName">to search and return.</param>
     /// <returns>Stream of file.</returns>
@@ -92,7 +92,7 @@ public async Task<IActionResult> Files([FromRoute] string fileName)
             lowerFilename = "index";
         }
 
-        var view = _instance.GetExtraFiles().FirstOrDefault(extra => extra.Name == lowerFilename);
+        var view = TeleJellyPlugin.LoginFiles.FirstOrDefault(extra => extra.Name == lowerFilename);
         if (view == null)
         {
             return NotFound($"Resource not found: '{lowerFilename}'");
diff --git a/TeleJelly/ILRepack.targets b/TeleJelly/ILRepack.targets
index 1d4c4b4..a31c304 100644
--- a/TeleJelly/ILRepack.targets
+++ b/TeleJelly/ILRepack.targets
@@ -2,14 +2,14 @@
 <Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
     <!-- ILRepack -->
     <Target Name="ILRepacker" AfterTargets="Build">
-        <Message Importance="high" Text="&#xA;      Repacking DLLs...&#xA;    " />
+        <Message Importance="high" Text="&#xA;      Repacking DLLs...&#xA;    "/>
         <ItemGroup>
-            <InputAssemblies Include="$(TargetPath)" />
+            <InputAssemblies Include="$(TargetPath)"/>
             <!-- Telegram.Bot requires Newtonsoft.Json, ILogger requires Logging.Abstractions -->
             <InputAssemblies Include="@(ReferencePathWithRefAssemblies)"
                              Condition="'%(filename)' == 'Newtonsoft.Json' Or '%(filename)' == 'Telegram.Bot' Or '%(filename)' == 'Microsoft.Extensions.DependencyInjection.Abstractions'"/>
         </ItemGroup>
-    
+
         <ILRepack
             Parallel="true"
             DebugInfo="true"
diff --git a/TeleJelly/TeleJelly.csproj b/TeleJelly/TeleJelly.csproj
index 0fa7eb3..a8c8a6a 100644
--- a/TeleJelly/TeleJelly.csproj
+++ b/TeleJelly/TeleJelly.csproj
@@ -31,10 +31,10 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <FrameworkReference Include="Microsoft.AspNetCore.App" />
-    <PackageReference Include="Jellyfin.Controller" Version="10.8.13" />
-    <PackageReference Include="Jellyfin.Model" Version="10.8.13" />
-    <PackageReference Include="Telegram.Bot" Version="19.0.0" />
+    <FrameworkReference Include="Microsoft.AspNetCore.App"/>
+    <PackageReference Include="Jellyfin.Controller" Version="10.8.13"/>
+    <PackageReference Include="Jellyfin.Model" Version="10.8.13"/>
+    <PackageReference Include="Telegram.Bot" Version="19.0.0"/>
     <PackageReference Include="MinVer" Version="5.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
@@ -43,10 +43,10 @@
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
-    <PackageReference Include="SerilogAnalyzer" Version="0.15.0" PrivateAssets="All" />
-    <PackageReference Include="StyleCop.Analyzers" Version="1.2.0-beta.376" PrivateAssets="All" />
-    <PackageReference Include="SmartAnalyzers.MultithreadingAnalyzer" Version="1.1.31" PrivateAssets="All" />
-    <PackageReference Include="WebMarkupMin.Core" Version="2.16.0" />
+    <PackageReference Include="SerilogAnalyzer" Version="0.15.0" PrivateAssets="All"/>
+    <PackageReference Include="StyleCop.Analyzers" Version="1.2.0-beta.376" PrivateAssets="All"/>
+    <PackageReference Include="SmartAnalyzers.MultithreadingAnalyzer" Version="1.1.31" PrivateAssets="All"/>
+    <PackageReference Include="WebMarkupMin.Core" Version="2.16.0"/>
   </ItemGroup>
 
   <ItemGroup>
@@ -54,8 +54,8 @@
       <Pack>True</Pack>
       <PackagePath>\</PackagePath>
     </None>
-    <EmbeddedResource Include="Assets\*" />
-    <EmbeddedResource Include="Assets\**\*" />
+    <EmbeddedResource Include="Assets\*"/>
+    <EmbeddedResource Include="Assets\**\*"/>
   </ItemGroup>
 
   <Target Name="VersionTarget" AfterTargets="MinVer" Condition="'$(MinVerVersion)' != ''">
@@ -65,29 +65,29 @@
       <FileVersion>$(AssemblyVersion)</FileVersion>
       <ProductVersion>$(MinVerVersion)</ProductVersion>
     </PropertyGroup>
-    <Message Importance="high" Text="Tagging MinVer as Assembly Version... $(MinVerMajor).$(MinVerMinor).$(MinVerPatch)$(MinVerPreReleaseTrimmed)" />
+    <Message Importance="high" Text="Tagging MinVer as Assembly Version... $(MinVerMajor).$(MinVerMinor).$(MinVerPatch)$(MinVerPreReleaseTrimmed)"/>
   </Target>
 
   <!-- After Release Build, ILRepack.target gets called. -->
 
   <Target Name="JellyfinPluginHelper" AfterTargets="ILRepacker" Condition="'$(MinVerVersion)' != ''">
-    <Message Importance="high" Text="&#xA;      Running Jellyfin Plugin Helper...&#xA;    " />
-    <Exec Command="dotnet restore ../JellyfinPluginHelper/JellyfinPluginHelper.csproj" />
-    <MSBuild Projects="../JellyfinPluginHelper/JellyfinPluginHelper.csproj" Targets="Build" />
-    <MSBuild Projects="../JellyfinPluginHelper/JellyfinPluginHelper.csproj" Targets="Run" Properties="RunArguments=%22$(MinVerVersion)&quot; &quot;$(ProjectDir)../&quot; &quot;$(ProjectDir)$(OutDir)$(AssemblyName).dll&quot;" />
+    <Message Importance="high" Text="&#xA;      Running Jellyfin Plugin Helper...&#xA;    "/>
+    <Exec Command="dotnet restore ../JellyfinPluginHelper/JellyfinPluginHelper.csproj"/>
+    <MSBuild Projects="../JellyfinPluginHelper/JellyfinPluginHelper.csproj" Targets="Build"/>
+    <MSBuild Projects="../JellyfinPluginHelper/JellyfinPluginHelper.csproj" Targets="Run" Properties="RunArguments=%22$(MinVerVersion)&quot; &quot;$(ProjectDir)../&quot; &quot;$(ProjectDir)$(OutDir)$(AssemblyName).dll&quot;"/>
   </Target>
 
   <Target Name="CopyToServer" AfterTargets="JellyfinPluginHelper" Condition="'$(OS)' == 'Windows_NT'">
-    <Message Importance="high" Text="&#xA;      Copying built Plugin to JellyFin Server...&#xA;    " />
+    <Message Importance="high" Text="&#xA;      Copying built Plugin to JellyFin Server...&#xA;    "/>
     <PropertyGroup>
       <LocalAppDataPath>$(LocalAppData)</LocalAppDataPath>
     </PropertyGroup>
     <ItemGroup>
-      <ServerFilesToDelete Include="$(LocalAppDataPath)/jellyfin/plugins/TeleJelly/**/*.*" />
-      <BuiltFilesToCopy Include="$(OutDir)$(AssemblyName).dll" />
-      <BuiltFilesToCopy Include="$(ProjectDir)../meta.json" />
+      <ServerFilesToDelete Include="$(LocalAppDataPath)/jellyfin/plugins/TeleJelly/**/*.*"/>
+      <BuiltFilesToCopy Include="$(OutDir)$(AssemblyName).dll"/>
+      <BuiltFilesToCopy Include="$(ProjectDir)../meta.json"/>
     </ItemGroup>
-    <Delete Files="$(ServerFilesToDelete)" />
-    <Copy SourceFiles="@(BuiltFilesToCopy)" DestinationFolder="$(LocalAppDataPath)/jellyfin/plugins/TeleJelly/%(RecursiveDir)" OverwriteReadOnlyFiles="true" />
+    <Delete Files="$(ServerFilesToDelete)"/>
+    <Copy SourceFiles="@(BuiltFilesToCopy)" DestinationFolder="$(LocalAppDataPath)/jellyfin/plugins/TeleJelly/%(RecursiveDir)" OverwriteReadOnlyFiles="true"/>
   </Target>
 </Project>
diff --git a/TeleJelly/TeleJellyPlugin.cs b/TeleJelly/TeleJellyPlugin.cs
index 07895de..8f489fe 100644
--- a/TeleJelly/TeleJellyPlugin.cs
+++ b/TeleJelly/TeleJellyPlugin.cs
@@ -14,6 +14,17 @@ namespace Jellyfin.Plugin.TeleJelly;
 /// </summary>
 public class TeleJellyPlugin : BasePlugin<PluginConfiguration>, IPlugin, IHasWebPages
 {
+    /// <summary>
+    ///     Gets the always available list of extra files for Telegram SSO.
+    ///     e.g. Fonts and CSS.
+    ///     has replaceable params:
+    ///     - {{SERVER_URL}} = Jellyfin base Url
+    ///     - {{JELLYFIN_DEFAULT_LOGIN}} = Fallback Login url
+    ///     - {{TELEGRAM_BOT_NAME}} = Bot Username.
+    /// </summary>
+    /// <returns>A list of internal webpages in this application.</returns>
+    public static readonly ExtraPageInfo[] LoginFiles = { new() { Name = "index", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Login.login.html", NeedsReplacement = true }, new() { Name = "login.css", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Login.login.css", NeedsReplacement = true }, new() { Name = "login.js", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Login.login.js", NeedsReplacement = true }, new() { Name = "material_icons.woff2", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Login.material_icons.woff2" }, new() { Name = Constants.DefaultUserImageExtraFile, EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Login.TeleJellyLogo.jpg" }, };
+
     /// <summary>
     ///     Initializes a new instance of the <see cref="TeleJellyPlugin" /> class.
     /// </summary>
@@ -60,32 +71,6 @@ public TeleJellyPlugin(IApplicationPaths applicationPaths, IXmlSerializer xmlSer
     /// <returns>A list of internal webpages in this application.</returns>
     public IEnumerable<PluginPageInfo> GetPages()
     {
-        return new PluginPageInfo[]
-        {
-            new() { Name = Name, EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Config.config.html" },
-            new() { Name = Name + ".js", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Config.config.js" },
-            new() { Name = Name + ".css", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Config.config.css" }
-        };
-    }
-
-    /// <summary>
-    ///     Gets the always available list of extra files for Telegram SSO.
-    ///     e.g. Fonts and CSS.
-    ///     has replaceable params:
-    ///     - {{SERVER_URL}} = Jellyfin base Url
-    ///     - {{JELLYFIN_DEFAULT_LOGIN}} = Fallback Login url
-    ///     - {{TELEGRAM_BOT_NAME}} = Bot Username.
-    /// </summary>
-    /// <returns>A list of internal webpages in this application.</returns>
-    public IEnumerable<ExtraPageInfo> GetExtraFiles()
-    {
-        return new ExtraPageInfo[]
-        {
-            new() { Name = "index", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Login.login.html", NeedsReplacement = true },
-            new() { Name = "login.css", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Login.login.css", NeedsReplacement = true },
-            new() { Name = "login.js", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Login.login.js", NeedsReplacement = true },
-            new() { Name = "material_icons.woff2", EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Login.material_icons.woff2" },
-            new() { Name = Constants.DefaultUserImageExtraFile, EmbeddedResourcePath = $"{GetType().Namespace}.Assets.Login.TeleJellyLogo.jpg" },
-        };
+        return new PluginPageInfo[] { new() { Name = Name, EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Config.config.html" }, new() { Name = Name + ".js", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Config.config.js" }, new() { Name = Name + ".css", EmbeddedResourcePath = $"{typeof(TeleJellyPlugin).Namespace}.Assets.Config.config.css" } };
     }
 }
diff --git a/TeleJelly/Telegram/TelegramHelper.cs b/TeleJelly/Telegram/TelegramHelper.cs
index 16ca565..8325c87 100644
--- a/TeleJelly/Telegram/TelegramHelper.cs
+++ b/TeleJelly/Telegram/TelegramHelper.cs
@@ -34,6 +34,7 @@ public class TelegramHelper
     private static readonly DateTime _unixStart = new(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc);
 
     private readonly TeleJellyPlugin _instance;
+
     // private readonly ILogger _logger;
     private readonly PluginConfiguration _config;
 
@@ -206,12 +207,9 @@ public TelegramAuthResult CheckTelegramAuthorizationImpl(SortedDictionary<string
         var dataCheckString = string.Join("\n", orderedKeys.Select(key => $"{key}={fields[key]}"));
         var signature = _hmac.ComputeHash(Encoding.UTF8.GetBytes(dataCheckString));
 
-        if (signature.Where(FailCheckPredicate).Any())
-        {
-            return new TelegramAuthResult { ErrorMessage = "Invalid hash." };
-        }
-
-        return new TelegramAuthResult { Ok = true };
+        return signature.Where(FailCheckPredicate).Any()
+            ? new TelegramAuthResult { ErrorMessage = "Invalid hash." }
+            : new TelegramAuthResult { Ok = true };
 
         bool FailCheckPredicate(byte t, int i)
         {
@@ -224,7 +222,6 @@ bool FailCheckPredicate(byte t, int i)
         }
     }
 
-
     /// <summary>
     ///     Small helper for finding the Value for a key, ignoring the CaSiNg Of ThE sTrInG.
     /// </summary>
@@ -232,7 +229,7 @@ bool FailCheckPredicate(byte t, int i)
     /// <param name="dataDictionary">string indexed data.</param>
     /// <param name="key">to search for.</param>
     /// <returns>found value or null.</returns>
-    public static T? GetDictValue<T>(IDictionary<string, T>? dataDictionary, string key)
+    private static T? GetDictValue<T>(IDictionary<string, T>? dataDictionary, string key)
     {
         var foundKey = dataDictionary?.Keys.FirstOrDefault(k => string.Equals(k, key, StringComparison.CurrentCultureIgnoreCase));
         return foundKey != null ? dataDictionary![foundKey] : default;
@@ -244,7 +241,7 @@ bool FailCheckPredicate(byte t, int i)
     /// <param name="user">To set the Profile picture for.</param>
     /// <param name="authData">To download from Telegram.</param>
     /// <returns>whether image was successfully downloaded and set.</returns>
-    public async Task<bool> DownloadUserImage(User user, SortedDictionary<string, string> authData)
+    private async Task<bool> DownloadUserImage(User user, SortedDictionary<string, string> authData)
     {
         if (user == null)
         {
@@ -316,14 +313,14 @@ public async Task<bool> DownloadUserImage(User user, SortedDictionary<string, st
     /// </summary>
     /// <param name="user">Jellyfin Telegram User.</param>
     /// <returns>Whether action was successful.</returns>
-    public async Task<bool> SetDefaultUserImage(User user)
+    private async Task<bool> SetDefaultUserImage(User user)
     {
         if (user == null)
         {
             throw new ArgumentNullException(nameof(user), "User is null.");
         }
 
-        var view = _instance.GetExtraFiles().FirstOrDefault(extra => extra.Name == Constants.DefaultUserImageExtraFile);
+        var view = TeleJellyPlugin.LoginFiles.FirstOrDefault(extra => extra.Name == Constants.DefaultUserImageExtraFile);
         if (view == null)
         {
             // _logger.LogError("Failed to get DefaultUserImageExtraFile {Resource}", Constants.DefaultUserImageExtraFile);