From bc7c95af08aeeb0cda1b4b3aeacc248b78bc500f Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 14 Feb 2026 16:01:06 -0700
Subject: [PATCH 01/20] Added basic state with selections

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.js | 30 +++++++++++++++++-----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index d082522..8ab79f6 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -62,6 +62,28 @@ const getMediaCleanerMoviesTitle = async () => {
     return response.json();
 };
 
+const selectedMovies = new Set();
+const selectedTvShows = new Set();
+
+const createCheckbox = (mediaInfo = {}, state = []) => {
+  const checkbox = document.createElement('input');
+  checkbox.type = 'checkbox';
+  checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
+
+  checkbox.addEventListener('change', (e) => {
+    const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
+    if (checkbox.checked) {
+      state.add(mediaInfo);
+    } else {
+      state.delete(mediaInfo);
+    }
+    // Update UI or state — use console.log for debugging
+    console.log('selected:', Array.from(state));
+  });
+
+  return checkbox;
+};
+
 const populateTables = async () => {
     var moviesInfo = await getMediaCleanerMovieInfo();
     var seriesInfo = await getMediaCleanerSeriesInfo();
@@ -78,9 +100,7 @@ const populateTables = async () => {
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             cell1.innerHTML = moviesInfo[i].Name;
-            // Will need to be enabled once radarr and sonarr integration is enabled.
-            // Maybe change this to an element to remove hard coding.
-            cell2.innerHTML = "<input type=\"checkbox\" disabled />";
+            cell2.appendChild(createCheckbox(moviesInfo[i], selectedMovies));
             cell2.className = "actions-cell";
         }
     }
@@ -100,9 +120,7 @@ const populateTables = async () => {
             var cell3 = row.insertCell(2);
             cell1.innerHTML = seriesInfo[i].Name;
             cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
-            // Will need to be enabled once radarr and sonarr integration is enabled.
-            // Maybe change this to an element to remove hard coding.
-            cell3.innerHTML = "<input type=\"checkbox\" disabled />";
+            cell3.appendChild(createCheckbox(seriesInfo[i], selectedTvShows));
             cell3.className = "actions-cell";
         }
     }

From 61e868bfa2292014b63f91788879c171fa9ae73c Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 14 Feb 2026 16:18:11 -0700
Subject: [PATCH 02/20] Added settings for radarr and sonarr addresses

---
 .../Configuration/PluginConfiguration.cs      | 20 +++++++++++++
 .../Configuration/settings.html               | 28 +++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs b/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
index 572175f..2138eb1 100644
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
@@ -17,11 +17,31 @@ public class PluginConfiguration : BasePluginConfiguration
     {
     }
 
+    /// <summary>
+    /// Gets or sets the http address for your Radarr instance.
+    /// </summary>
+    public string RadarrHTTPAddress { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Gets or sets the port for your Radarr instance.
+    /// </summary>
+    public string RadarrPort { get; set; } = string.Empty;
+
     /// <summary>
     /// Gets or sets the api for your Radarr instance.
     /// </summary>
     public string RadarrAPIKey { get; set; } = string.Empty;
 
+    /// <summary>
+    /// Gets or sets the http address for your Sonarr instance.
+    /// </summary>
+    public string SonarrHTTPAddress { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Gets or sets the port for your Sonarr instance.
+    /// </summary>
+    public string SonarrPort { get; set; } = string.Empty;
+
     /// <summary>
     /// Gets or sets the api for your Sonarr instance.
     /// </summary>
diff --git a/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html b/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
index aa5229d..27aa260 100644
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
@@ -9,11 +9,31 @@
         <div data-role="content">
             <div class="content-primary">
                 <form id="MediaCleanerConfigForm">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrHTTPAddress">Radarr Address (http)</label>
+                        <input id="RadarrHTTPAddress" name="RadarrHTTPAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The http address of your radarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrPort">Radarr Port</label>
+                        <input id="RadarrPort" name="RadarrPort" type="text" is="emby-input" />
+                        <div class="fieldDescription">The port of your radarr instance.</div>
+                    </div>
                     <div class="inputContainer">
                         <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
                         <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
                         <div class="fieldDescription">The api key used by your radarr instance</div>
                     </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrHTTPAddress">Sonarr Address (http)</label>
+                        <input id="SonarrHTTPAddress" name="SonarrHTTPAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The http address of your sonarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrPort">Sonarr Port</label>
+                        <input id="SonarrPort" name="SonarrPort" type="text" is="emby-input" />
+                        <div class="fieldDescription">The port of your sonarr instance.</div>
+                    </div>
                     <div class="inputContainer">
                         <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
                         <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
@@ -74,7 +94,11 @@
                         // document.querySelector('#AnInteger').value = config.AnInteger;
                         // document.querySelector('#TrueFalseSetting').checked = config.TrueFalseSetting;
                         // document.querySelector('#AString').value = config.AString;
+                        document.querySelector('#RadarrHTTPAddress').value = config.RadarrHTTPAddress;
+                        document.querySelector('#RadarrPort').value = config.RadarrPort;
                         document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
+                        document.querySelector('#SonarrHTTPAddress').value = config.SonarrHTTPAddress;
+                        document.querySelector('#SonarrPort').value = config.SonarrPort;
                         document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
                         document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
                         document.querySelector('#DebugMode').checked = config.DebugMode;
@@ -90,7 +114,11 @@
                     // config.AnInteger = document.querySelector('#AnInteger').value;
                     // config.TrueFalseSetting = document.querySelector('#TrueFalseSetting').checked;
                     // config.AString = document.querySelector('#AString').value;
+                    config.RadarrHTTPAddress = document.querySelector('#RadarrHTTPAddress').value;
+                    config.RadarrPort = document.querySelector('#RadarrPort').value;
                     config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
+                    config.SonarrHTTPAddress = document.querySelector('#SonarrHTTPAddress').value;
+                    config.SonarrPort = document.querySelector('#SonarrPort').value;
                     config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
                     config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
                     config.DebugMode = document.querySelector('#DebugMode').checked;

From a720bba7a7733e248853e8fa191b323f329b8a63 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 14:08:15 -0700
Subject: [PATCH 03/20] Refactor of plugin structure to make more sense
 compared to the default template

---
 ...luginConfiguration.cs => Configuration.cs} |  11 +-
 .../Configuration/settings.html               | 136 ------------------
 .../Controllers/StateController.cs            |   3 +-
 .../Helpers/LoggingHelper.cs                  |   9 +-
 .../Helpers/MovieHelper.cs                    |   4 +-
 .../Helpers/SeriesHelper.cs                   |   5 +-
 .../Jellyfin.Plugin.MediaCleaner.csproj       |   2 -
 .../Pages/configuration.html                  |  55 +++++++
 .../Pages/configuration.js                    |  40 ++++++
 Jellyfin.Plugin.MediaCleaner/Pages/home.html  |   2 +-
 Jellyfin.Plugin.MediaCleaner/Plugin.cs        |  15 +-
 .../StaleMediaScanner.cs                      |  13 --
 12 files changed, 110 insertions(+), 185 deletions(-)
 rename Jellyfin.Plugin.MediaCleaner/{Configuration/PluginConfiguration.cs => Configuration.cs} (83%)
 delete mode 100644 Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
 create mode 100644 Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
 create mode 100644 Jellyfin.Plugin.MediaCleaner/Pages/configuration.js

diff --git a/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs b/Jellyfin.Plugin.MediaCleaner/Configuration.cs
similarity index 83%
rename from Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
rename to Jellyfin.Plugin.MediaCleaner/Configuration.cs
index 2138eb1..dd7dadb 100644
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration.cs
@@ -3,20 +3,13 @@ using System.Collections.ObjectModel;
 using MediaBrowser.Controller.Entities;
 using MediaBrowser.Model.Plugins;
 
-namespace Jellyfin.Plugin.MediaCleaner.Configuration;
+namespace Jellyfin.Plugin.MediaCleaner;
 
 /// <summary>
 /// Plugin configuration.
 /// </summary>
-public class PluginConfiguration : BasePluginConfiguration
+public class Configuration : BasePluginConfiguration
 {
-    /// <summary>
-    /// Initializes a new instance of the <see cref="PluginConfiguration"/> class.
-    /// </summary>
-    public PluginConfiguration()
-    {
-    }
-
     /// <summary>
     /// Gets or sets the http address for your Radarr instance.
     /// </summary>
diff --git a/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html b/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
deleted file mode 100644
index 27aa260..0000000
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
+++ /dev/null
@@ -1,136 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Media Cleaner</title>
-</head>
-<body>
-    <div id="MediaCleanerConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
-        <div data-role="content">
-            <div class="content-primary">
-                <form id="MediaCleanerConfigForm">
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="RadarrHTTPAddress">Radarr Address (http)</label>
-                        <input id="RadarrHTTPAddress" name="RadarrHTTPAddress" type="text" is="emby-input" />
-                        <div class="fieldDescription">The http address of your radarr instance.</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="RadarrPort">Radarr Port</label>
-                        <input id="RadarrPort" name="RadarrPort" type="text" is="emby-input" />
-                        <div class="fieldDescription">The port of your radarr instance.</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
-                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your radarr instance</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="SonarrHTTPAddress">Sonarr Address (http)</label>
-                        <input id="SonarrHTTPAddress" name="SonarrHTTPAddress" type="text" is="emby-input" />
-                        <div class="fieldDescription">The http address of your sonarr instance.</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="SonarrPort">Sonarr Port</label>
-                        <input id="SonarrPort" name="SonarrPort" type="text" is="emby-input" />
-                        <div class="fieldDescription">The port of your sonarr instance.</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
-                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your sonarr instance</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
-                        <input id="StaleMediaCutoff" name="StaleMediaCutoff" type="number" is="emby-input" style="width: 20%;"/>
-                        <div class="fieldDescription">How many days to wait before marking files as stale</div>
-                    </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
-                            <span>Debug Mode</span>
-                        </label>
-                    </div>
-                    <!-- <div class="selectContainer">
-                        <label class="selectLabel" for="Options">Several Options</label>
-                        <select is="emby-select" id="Options" name="Options" class="emby-select-withcolor emby-select">
-                            <option id="optOneOption" value="OneOption">One Option</option>
-                            <option id="optAnotherOption" value="AnotherOption">Another Option</option>
-                        </select>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="AnInteger">An Integer</label>
-                        <input id="AnInteger" name="AnInteger" type="number" is="emby-input" min="0" />
-                        <div class="fieldDescription">A Description</div>
-                    </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />
-                            <span>A Checkbox</span>
-                        </label>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="AString">A String</label>
-                        <input id="AString" name="AString" type="text" is="emby-input" />
-                        <div class="fieldDescription">Another Description</div>
-                    </div> -->
-                    <div>
-                        <button is="emby-button" type="submit" class="raised button-submit block emby-button">
-                            <span>Save</span>
-                        </button>
-                    </div>
-                </form>
-            </div>
-        </div>
-        <script type="text/javascript">
-            var MediaCleanerConfig = {
-                pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
-            };
-
-            document.querySelector('#MediaCleanerConfigPage')
-                .addEventListener('pageshow', function() {
-                    Dashboard.showLoadingMsg();
-                    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-                        // document.querySelector('#Options').value = config.Options;
-                        // document.querySelector('#AnInteger').value = config.AnInteger;
-                        // document.querySelector('#TrueFalseSetting').checked = config.TrueFalseSetting;
-                        // document.querySelector('#AString').value = config.AString;
-                        document.querySelector('#RadarrHTTPAddress').value = config.RadarrHTTPAddress;
-                        document.querySelector('#RadarrPort').value = config.RadarrPort;
-                        document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
-                        document.querySelector('#SonarrHTTPAddress').value = config.SonarrHTTPAddress;
-                        document.querySelector('#SonarrPort').value = config.SonarrPort;
-                        document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
-                        document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
-                        document.querySelector('#DebugMode').checked = config.DebugMode;
-                        Dashboard.hideLoadingMsg();
-                    });
-                });
-
-            document.querySelector('#MediaCleanerConfigForm')
-                .addEventListener('submit', function(e) {
-                Dashboard.showLoadingMsg();
-                ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-                    // config.Options = document.querySelector('#Options').value;
-                    // config.AnInteger = document.querySelector('#AnInteger').value;
-                    // config.TrueFalseSetting = document.querySelector('#TrueFalseSetting').checked;
-                    // config.AString = document.querySelector('#AString').value;
-                    config.RadarrHTTPAddress = document.querySelector('#RadarrHTTPAddress').value;
-                    config.RadarrPort = document.querySelector('#RadarrPort').value;
-                    config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
-                    config.SonarrHTTPAddress = document.querySelector('#SonarrHTTPAddress').value;
-                    config.SonarrPort = document.querySelector('#SonarrPort').value;
-                    config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
-                    config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
-                    config.DebugMode = document.querySelector('#DebugMode').checked;
-                    ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
-                        Dashboard.processPluginConfigurationUpdateResult(result);
-                    });
-                });
-
-                e.preventDefault();
-                return false;
-            });
-        </script>
-    </div>
-</body>
-</html>
diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs
index 5e3833b..589fbed 100644
--- a/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs
@@ -2,7 +2,6 @@ using Jellyfin.Plugin.MediaCleaner.Data;
 using Jellyfin.Plugin.MediaCleaner;
 using Jellyfin.Plugin.MediaCleaner.Models;
 using Microsoft.AspNetCore.Mvc;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 
 namespace Jellyfin.Plugin.MediaCleaner.Controllers;
 
@@ -10,7 +9,7 @@ namespace Jellyfin.Plugin.MediaCleaner.Controllers;
 public class StateController(MediaCleanerState state) : Controller
 {
     private readonly MediaCleanerState _state = state;
-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
             Plugin.Instance!.Configuration;
 
     [HttpGet("getSeriesInfo")]
diff --git a/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs b/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs
index c78aadf..96787cc 100644
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs
@@ -1,12 +1,5 @@
 using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
 using System.Diagnostics.CodeAnalysis;
-using System.Runtime.CompilerServices;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
-using Jellyfin.Plugin.MediaCleaner.Models;
-using Jellyfin.Plugin.MediaCleaner.ScheduledTasks;
-using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;
 
 namespace Jellyfin.Plugin.MediaCleaner.Helpers;
@@ -30,6 +23,6 @@ public class LoggingHelper(ILogger logger)
         _logger.LogInformation(message, args);
     }
 
-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
         Plugin.Instance!.Configuration;
 }
diff --git a/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs b/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs
index 86a9c06..9185ffb 100644
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs
@@ -1,8 +1,6 @@
 using System;
 using System.Linq;
-using System.Threading;
 using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;
 
@@ -12,7 +10,7 @@ public class MovieHelper(ILogger logger)
 {
     private readonly LoggingHelper _loggingHelper = new(logger);
 
-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
         Plugin.Instance!.Configuration;
 
     public bool IsMovieStale(BaseItem movie)
diff --git a/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs b/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs
index cbd8c3d..07b7afa 100644
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs
@@ -1,10 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Linq;
-using System.Threading;
 using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Database.Implementations.Entities.Libraries;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;
 
@@ -15,7 +12,7 @@ public class SeriesHelper(ILogger logger)
 {
     private readonly LoggingHelper _loggingHelper = new(logger);
 
-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
         Plugin.Instance!.Configuration;
 
     private List<BaseItem> ProcessEpisodes(IReadOnlyCollection<BaseItem> episodes)
diff --git a/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj b/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj
index 68b496e..81ec1ec 100644
--- a/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj
+++ b/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj
@@ -20,8 +20,6 @@
   </ItemGroup>
 
   <ItemGroup>
-    <None Remove="Configuration\settings.html" />
-    <EmbeddedResource Include="Configuration\settings.html" />
     <None Remove="Pages\*" />
     <EmbeddedResource Include="Pages\*" />
   </ItemGroup>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
new file mode 100644
index 0000000..335b48e
--- /dev/null
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
@@ -0,0 +1,55 @@
+<div id="MediaCleanerConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox" data-controller="__plugin/configuration.js">
+    <div data-role="content">
+        <div class="content-primary">
+            <form id="MediaCleanerConfigForm">
+                <h2>Media Cleaner Configuration</h2>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="RadarrHTTPAddress">Radarr Address (http)</label>
+                    <input id="RadarrHTTPAddress" name="RadarrHTTPAddress" type="text" is="emby-input" />
+                    <div class="fieldDescription">The http address of your radarr instance.</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="RadarrPort">Radarr Port</label>
+                    <input id="RadarrPort" name="RadarrPort" type="text" is="emby-input" />
+                    <div class="fieldDescription">The port of your radarr instance.</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
+                    <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
+                    <div class="fieldDescription">The api key used by your radarr instance</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="SonarrHTTPAddress">Sonarr Address (http)</label>
+                    <input id="SonarrHTTPAddress" name="SonarrHTTPAddress" type="text" is="emby-input" />
+                    <div class="fieldDescription">The http address of your sonarr instance.</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="SonarrPort">Sonarr Port</label>
+                    <input id="SonarrPort" name="SonarrPort" type="text" is="emby-input" />
+                    <div class="fieldDescription">The port of your sonarr instance.</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
+                    <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
+                    <div class="fieldDescription">The api key used by your sonarr instance</div>
+                </div>
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
+                    <input id="StaleMediaCutoff" name="StaleMediaCutoff" type="number" is="emby-input" style="width: 20%;"/>
+                    <div class="fieldDescription">How many days to wait before marking files as stale</div>
+                </div>
+                <div class="checkboxContainer checkboxContainer-withDescription">
+                    <label class="emby-checkbox-label">
+                        <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
+                        <span>Debug Mode</span>
+                    </label>
+                </div>
+                <div>
+                    <button is="emby-button" type="submit" class="raised button-submit block emby-button">
+                        <span>Save</span>
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
new file mode 100644
index 0000000..7e70fcc
--- /dev/null
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -0,0 +1,40 @@
+var MediaCleanerConfig = {
+    pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
+};
+
+document.querySelector('#MediaCleanerConfigPage')
+    .addEventListener('pageshow', function() {
+        Dashboard.showLoadingMsg();
+        ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+            document.querySelector('#RadarrHTTPAddress').value = config.RadarrHTTPAddress;
+            document.querySelector('#RadarrPort').value = config.RadarrPort;
+            document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
+            document.querySelector('#SonarrHTTPAddress').value = config.SonarrHTTPAddress;
+            document.querySelector('#SonarrPort').value = config.SonarrPort;
+            document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
+            document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
+            document.querySelector('#DebugMode').checked = config.DebugMode;
+            Dashboard.hideLoadingMsg();
+        });
+    });
+
+document.querySelector('#MediaCleanerConfigForm')
+    .addEventListener('submit', function(e) {
+    Dashboard.showLoadingMsg();
+    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+        config.RadarrHTTPAddress = document.querySelector('#RadarrHTTPAddress').value;
+        config.RadarrPort = document.querySelector('#RadarrPort').value;
+        config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
+        config.SonarrHTTPAddress = document.querySelector('#SonarrHTTPAddress').value;
+        config.SonarrPort = document.querySelector('#SonarrPort').value;
+        config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
+        config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
+        config.DebugMode = document.querySelector('#DebugMode').checked;
+        ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
+            Dashboard.processPluginConfigurationUpdateResult(result);
+        });
+    });
+
+    e.preventDefault();
+    return false;
+});
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index e5a58a9..1a614a6 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -5,7 +5,7 @@
             <link rel="stylesheet" href="/web/configurationpage?name=home.css" />
             <div id="loading">Loading...</div>
             <div id="homepage" style="visibility: hidden;">
-                <button class="links" data-target="configurationpage?name=Settings">Settings</button>
+                <button class="links" data-target="configurationpage?name=Configuration">Configuration</button>
                 <h2>Media Cleaner</h2>
 
                 <h3 id="moviesTitle"></h3>
diff --git a/Jellyfin.Plugin.MediaCleaner/Plugin.cs b/Jellyfin.Plugin.MediaCleaner/Plugin.cs
index 0c29674..4ce13d4 100644
--- a/Jellyfin.Plugin.MediaCleaner/Plugin.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Plugin.cs
@@ -1,21 +1,17 @@
 using System;
 using System.Collections.Generic;
 using System.Globalization;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
-using Jellyfin.Plugin.MediaCleaner.Data;
 using MediaBrowser.Common.Configuration;
 using MediaBrowser.Common.Plugins;
-using MediaBrowser.Controller.Entities;
 using MediaBrowser.Model.Plugins;
 using MediaBrowser.Model.Serialization;
-using Microsoft.Extensions.DependencyInjection;
 
 namespace Jellyfin.Plugin.MediaCleaner;
 
 /// <summary>
 /// The main plugin.
 /// </summary>
-public class Plugin : BasePlugin<PluginConfiguration>, IHasWebPages
+public class Plugin : BasePlugin<Configuration>, IHasWebPages
 {
     /// <summary>
     /// Initializes a new instance of the <see cref="Plugin"/> class.
@@ -46,8 +42,13 @@ public class Plugin : BasePlugin<PluginConfiguration>, IHasWebPages
         [
             new PluginPageInfo
             {
-                Name = "Settings",
-                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Configuration.settings.html", GetType().Namespace),
+                Name = "configuration.js",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.configuration.js", GetType().Namespace),
+            },
+            new PluginPageInfo
+            {
+                Name = "Configuration",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.configuration.html", GetType().Namespace),
             },
             new PluginPageInfo
             {
diff --git a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
index 5c94753..cc3b3df 100644
--- a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
+++ b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
@@ -1,25 +1,12 @@
 using System;
 using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Data.Common;
-using System.Diagnostics;
 using System.Linq;
-using System.Net;
-using System.Reflection.Metadata.Ecma335;
-using System.Threading;
 using System.Threading.Tasks;
 using Jellyfin.Data.Enums;
-using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Database.Implementations.Entities.Libraries;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using Jellyfin.Plugin.MediaCleaner.Helpers;
-using Jellyfin.Plugin.MediaCleaner;
 using Jellyfin.Plugin.MediaCleaner.Models;
 using MediaBrowser.Controller.Entities;
 using MediaBrowser.Controller.Library;
-using MediaBrowser.Model.Tasks;
-using Microsoft.AspNetCore.Mvc;
 using Microsoft.Extensions.Logging;
 
 namespace Jellyfin.Plugin.MediaCleaner;

From 462a2beea18060ff85e9d223abeb64a8a1648eb0 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 16:08:12 -0700
Subject: [PATCH 04/20] Moved styles to a global.css stylesheet. Also added
 basic validation with a transition

---
 Jellyfin.Plugin.MediaCleaner/Configuration.cs | 18 ++---
 .../Pages/configuration.html                  | 51 +++++++++-----
 .../Pages/configuration.js                    | 69 ++++++++++++++++---
 .../Pages/{home.css => global.css}            | 19 +++++
 Jellyfin.Plugin.MediaCleaner/Pages/home.html  |  2 +-
 Jellyfin.Plugin.MediaCleaner/Plugin.cs        |  4 +-
 6 files changed, 119 insertions(+), 44 deletions(-)
 rename Jellyfin.Plugin.MediaCleaner/Pages/{home.css => global.css} (72%)

diff --git a/Jellyfin.Plugin.MediaCleaner/Configuration.cs b/Jellyfin.Plugin.MediaCleaner/Configuration.cs
index dd7dadb..e32c0b4 100644
--- a/Jellyfin.Plugin.MediaCleaner/Configuration.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration.cs
@@ -11,14 +11,9 @@ namespace Jellyfin.Plugin.MediaCleaner;
 public class Configuration : BasePluginConfiguration
 {
     /// <summary>
-    /// Gets or sets the http address for your Radarr instance.
+    /// Gets or sets the http and port address for your Radarr instance.
     /// </summary>
-    public string RadarrHTTPAddress { get; set; } = string.Empty;
-
-    /// <summary>
-    /// Gets or sets the port for your Radarr instance.
-    /// </summary>
-    public string RadarrPort { get; set; } = string.Empty;
+    public string RadarrAddress { get; set; } = string.Empty;
 
     /// <summary>
     /// Gets or sets the api for your Radarr instance.
@@ -26,14 +21,9 @@ public class Configuration : BasePluginConfiguration
     public string RadarrAPIKey { get; set; } = string.Empty;
 
     /// <summary>
-    /// Gets or sets the http address for your Sonarr instance.
+    /// Gets or sets the http and port address for your Sonarr instance.
     /// </summary>
-    public string SonarrHTTPAddress { get; set; } = string.Empty;
-
-    /// <summary>
-    /// Gets or sets the port for your Sonarr instance.
-    /// </summary>
-    public string SonarrPort { get; set; } = string.Empty;
+    public string SonarrAddress { get; set; } = string.Empty;
 
     /// <summary>
     /// Gets or sets the api for your Sonarr instance.
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
index 335b48e..7100e76 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
@@ -1,49 +1,62 @@
 <div id="MediaCleanerConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox" data-controller="__plugin/configuration.js">
     <div data-role="content">
         <div class="content-primary">
+            <link rel="stylesheet" href="/web/configurationpage?name=global.css" />
             <form id="MediaCleanerConfigForm">
                 <h2>Media Cleaner Configuration</h2>
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="RadarrHTTPAddress">Radarr Address (http)</label>
-                    <input id="RadarrHTTPAddress" name="RadarrHTTPAddress" type="text" is="emby-input" />
-                    <div class="fieldDescription">The http address of your radarr instance.</div>
-                </div>
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="RadarrPort">Radarr Port</label>
-                    <input id="RadarrPort" name="RadarrPort" type="text" is="emby-input" />
-                    <div class="fieldDescription">The port of your radarr instance.</div>
-                </div>
                 <div class="inputContainer">
                     <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
-                    <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
+                    <input id="RadarrAPIKey" class="medium-width" name="RadarrAPIKey" type="text" is="emby-input" />
                     <div class="fieldDescription">The api key used by your radarr instance</div>
                 </div>
+
                 <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="SonarrHTTPAddress">Sonarr Address (http)</label>
-                    <input id="SonarrHTTPAddress" name="SonarrHTTPAddress" type="text" is="emby-input" />
-                    <div class="fieldDescription">The http address of your sonarr instance.</div>
+                    <label class="inputLabel inputLabelUnfocused" for="RadarrAddress">Radarr Address (http:port)</label>
+                    <input id="RadarrAddress" class="small-width" name="RadarrAddress" type="text" is="emby-input" />
+                    <div class="fieldDescription">The address and port of your radarr instance.</div>
                 </div>
+
                 <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="SonarrPort">Sonarr Port</label>
-                    <input id="SonarrPort" name="SonarrPort" type="text" is="emby-input" />
-                    <div class="fieldDescription">The port of your sonarr instance.</div>
+                    <button id="RadarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit emby-button small-width">
+                        <span>Test Connection</span>
+                    </button>
                 </div>
+                <div class="inputContainer validation hidden medium-width" id="RadarrConnectionValidation" hidden>
+                </div>
+
                 <div class="inputContainer">
                     <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
-                    <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
+                    <input id="SonarrAPIKey" class="medium-width" name="SonarrAPIKey" type="text" is="emby-input" />
                     <div class="fieldDescription">The api key used by your sonarr instance</div>
                 </div>
+
+                <div class="inputContainer">
+                    <label class="inputLabel inputLabelUnfocused" for="SonarrAddress">Sonarr Address (http:port)</label>
+                    <input id="SonarrAddress" class="small-width" name="SonarrAddress" type="text" is="emby-input" />
+                    <div class="fieldDescription">The address and port of your sonarr instance.</div>
+                </div>
+
+                <div class="inputContainer">
+                    <button id="SonarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit emby-button small-width">
+                        <span>Test Connection</span>
+                    </button>
+                </div>
+                <div class="inputContainer validation hidden medium-width" id="SonarrConnectionValidation" hidden>
+                </div>
+
                 <div class="inputContainer">
                     <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
-                    <input id="StaleMediaCutoff" name="StaleMediaCutoff" type="number" is="emby-input" style="width: 20%;"/>
+                    <input id="StaleMediaCutoff" class="xsmall-width" name="StaleMediaCutoff" type="number" is="emby-input"/>
                     <div class="fieldDescription">How many days to wait before marking files as stale</div>
                 </div>
+
                 <div class="checkboxContainer checkboxContainer-withDescription">
                     <label class="emby-checkbox-label">
                         <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
                         <span>Debug Mode</span>
                     </label>
                 </div>
+
                 <div>
                     <button is="emby-button" type="submit" class="raised button-submit block emby-button">
                         <span>Save</span>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
index 7e70fcc..f1696c4 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -2,16 +2,71 @@ var MediaCleanerConfig = {
     pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
 };
 
+const testConnectionSonarr = () => {
+    var apiKeyElement = document.getElementById('SonarrAPIKey');
+    var addressElement = document.getElementById('SonarrAddress');
+    var validationElement = document.getElementById('SonarrConnectionValidation');
+
+    validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+const testConnectionRadarr = () => {
+    var apiKeyElement = document.getElementById('RadarrAPIKey');
+    var addressElement = document.getElementById('RadarrAddress');
+    var validationElement = document.getElementById('RadarrConnectionValidation');
+
+    validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+const validateConnection = (apiKeyElement, addressElement, validationElement) => {
+    // Refactor this to a method called show element?
+    validationElement.removeAttribute('hidden');
+    validationElement.style.opacity = '1';
+    console.log("Api Key: ", apiKeyElement.value);
+    console.log("Address: ", addressElement.value);
+
+    var success = false;
+
+    if(success){
+        validationElement.style.color = 'Green';
+        validationElement.innerText = "Success!"
+    }
+    else {
+        validationElement.style.color = 'Red';
+        validationElement.innerText = "Failed!"
+    }
+
+    setTimeout(() => startFadeOut(validationElement, 50), 1000);
+}
+
+const startFadeOut = (element, interval = 100) => {
+  const timer = setInterval(() => {
+    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
+    if (isNaN(currentOpacity)) currentOpacity = 1;
+    if (currentOpacity > 0) {
+      currentOpacity = Math.max(0, currentOpacity - 0.05);
+      element.style.opacity = currentOpacity.toString();
+    } else {
+      clearInterval(timer);
+      element.setAttribute('hidden', '');
+    }
+  }, interval);
+};
+
+document.querySelector('#RadarrTestConnectionButton')
+    .addEventListener('click', testConnectionRadarr);
+
+document.querySelector('#SonarrTestConnectionButton')
+    .addEventListener('click', testConnectionSonarr);
+
 document.querySelector('#MediaCleanerConfigPage')
     .addEventListener('pageshow', function() {
         Dashboard.showLoadingMsg();
         ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-            document.querySelector('#RadarrHTTPAddress').value = config.RadarrHTTPAddress;
-            document.querySelector('#RadarrPort').value = config.RadarrPort;
             document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
-            document.querySelector('#SonarrHTTPAddress').value = config.SonarrHTTPAddress;
-            document.querySelector('#SonarrPort').value = config.SonarrPort;
+            document.querySelector('#RadarrAddress').value = config.RadarrAddress;
             document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
+            document.querySelector('#SonarrAddress').value = config.SonarrAddress;
             document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
             document.querySelector('#DebugMode').checked = config.DebugMode;
             Dashboard.hideLoadingMsg();
@@ -22,12 +77,10 @@ document.querySelector('#MediaCleanerConfigForm')
     .addEventListener('submit', function(e) {
     Dashboard.showLoadingMsg();
     ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-        config.RadarrHTTPAddress = document.querySelector('#RadarrHTTPAddress').value;
-        config.RadarrPort = document.querySelector('#RadarrPort').value;
         config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
-        config.SonarrHTTPAddress = document.querySelector('#SonarrHTTPAddress').value;
-        config.SonarrPort = document.querySelector('#SonarrPort').value;
+        config.RadarrAddress = document.querySelector('#RadarrAddress').value;
         config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
+        config.SonarrAddress = document.querySelector('#SonarrAddress').value;
         config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
         config.DebugMode = document.querySelector('#DebugMode').checked;
         ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.css b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
similarity index 72%
rename from Jellyfin.Plugin.MediaCleaner/Pages/home.css
rename to Jellyfin.Plugin.MediaCleaner/Pages/global.css
index 023848d..b6e3bbc 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -29,3 +29,22 @@ td, th {
 .actions-cell {
     text-align: center;
 }
+
+.validation {
+  border: 1px solid;
+  border-radius: 0.25rem;
+  padding: 1rem;
+  opacity: 1;
+}
+
+.medium-width {
+    width: 50%;
+}
+
+.small-width {
+    width: 20%;
+}
+
+.xsmall-width {
+    width: 10%;
+}
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index 1a614a6..3553396 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -2,7 +2,7 @@
      data-controller="__plugin/home.js">
 	<div data-role="content">
 		<div class="content-primary">
-            <link rel="stylesheet" href="/web/configurationpage?name=home.css" />
+            <link rel="stylesheet" href="/web/configurationpage?name=global.css" />
             <div id="loading">Loading...</div>
             <div id="homepage" style="visibility: hidden;">
                 <button class="links" data-target="configurationpage?name=Configuration">Configuration</button>
diff --git a/Jellyfin.Plugin.MediaCleaner/Plugin.cs b/Jellyfin.Plugin.MediaCleaner/Plugin.cs
index 4ce13d4..cd4bc5c 100644
--- a/Jellyfin.Plugin.MediaCleaner/Plugin.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Plugin.cs
@@ -63,8 +63,8 @@ public class Plugin : BasePlugin<Configuration>, IHasWebPages
             },
             new PluginPageInfo
             {
-                Name = "home.css",
-                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.home.css", GetType().Namespace),
+                Name = "global.css",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.global.css", GetType().Namespace),
             }
         ];
     }

From 9348b33ed656e5d1799b39c1b05e777ef0116e8b Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 17:47:26 -0700
Subject: [PATCH 05/20] Updated styling for the configuration page

---
 .../Pages/configuration.html                  | 98 ++++++++++---------
 Jellyfin.Plugin.MediaCleaner/Pages/global.css | 21 ++++
 2 files changed, 73 insertions(+), 46 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
index 7100e76..3025a6a 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
@@ -4,57 +4,63 @@
             <link rel="stylesheet" href="/web/configurationpage?name=global.css" />
             <form id="MediaCleanerConfigForm">
                 <h2>Media Cleaner Configuration</h2>
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
-                    <input id="RadarrAPIKey" class="medium-width" name="RadarrAPIKey" type="text" is="emby-input" />
-                    <div class="fieldDescription">The api key used by your radarr instance</div>
+
+                <h3>Management Configuration</h3>
+
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
+                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your radarr instance</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrAddress">Radarr Address (http:port)</label>
+                        <input id="RadarrAddress" name="RadarrAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The address and port of your radarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <button id="RadarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
+                            <span>Test</span>
+                        </button>
+                        <div class="validation" id="RadarrConnectionValidation" hidden>
+                        </div>
+                    </div>
                 </div>
 
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="RadarrAddress">Radarr Address (http:port)</label>
-                    <input id="RadarrAddress" class="small-width" name="RadarrAddress" type="text" is="emby-input" />
-                    <div class="fieldDescription">The address and port of your radarr instance.</div>
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
+                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your sonarr instance</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrAddress">Sonarr Address (http:port)</label>
+                        <input id="SonarrAddress" name="SonarrAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The address and port of your sonarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <button id="SonarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
+                            <span>Test</span>
+                        </button>
+                        <div class="validation" id="SonarrConnectionValidation" hidden>
+                        </div>
+                    </div>
                 </div>
 
-                <div class="inputContainer">
-                    <button id="RadarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit emby-button small-width">
-                        <span>Test Connection</span>
-                    </button>
-                </div>
-                <div class="inputContainer validation hidden medium-width" id="RadarrConnectionValidation" hidden>
-                </div>
+                <h3>General Settings</h3>
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
+                        <input id="StaleMediaCutoff" class="medium-width" name="StaleMediaCutoff" type="number" is="emby-input"/>
+                        <div class="fieldDescription">How many days to wait before marking files as stale</div>
+                    </div>
 
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
-                    <input id="SonarrAPIKey" class="medium-width" name="SonarrAPIKey" type="text" is="emby-input" />
-                    <div class="fieldDescription">The api key used by your sonarr instance</div>
-                </div>
-
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="SonarrAddress">Sonarr Address (http:port)</label>
-                    <input id="SonarrAddress" class="small-width" name="SonarrAddress" type="text" is="emby-input" />
-                    <div class="fieldDescription">The address and port of your sonarr instance.</div>
-                </div>
-
-                <div class="inputContainer">
-                    <button id="SonarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit emby-button small-width">
-                        <span>Test Connection</span>
-                    </button>
-                </div>
-                <div class="inputContainer validation hidden medium-width" id="SonarrConnectionValidation" hidden>
-                </div>
-
-                <div class="inputContainer">
-                    <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
-                    <input id="StaleMediaCutoff" class="xsmall-width" name="StaleMediaCutoff" type="number" is="emby-input"/>
-                    <div class="fieldDescription">How many days to wait before marking files as stale</div>
-                </div>
-
-                <div class="checkboxContainer checkboxContainer-withDescription">
-                    <label class="emby-checkbox-label">
-                        <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
-                        <span>Debug Mode</span>
-                    </label>
+                    <div class="checkboxContainer checkboxContainer-withDescription">
+                        <label class="emby-checkbox-label">
+                            <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
+                            <span>Debug Mode</span>
+                        </label>
+                    </div>
                 </div>
 
                 <div>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/global.css b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
index b6e3bbc..a56355e 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/global.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -1,3 +1,19 @@
+.content-primary > * {
+    box-sizing: border-box;
+}
+
+.inlineContainer {
+    display: inline-flex;
+    margin-bottom: 1.8em;
+    flex-direction: column;
+    /* Would be nice to figure out why 50% doesn't work. */
+    width: 49%;
+}
+
+.inlineContainer > * {
+    padding: 0 0.5rem;
+}
+
 table {
     border: 1px solid;
     border-collapse: collapse;
@@ -33,10 +49,15 @@ td, th {
 .validation {
   border: 1px solid;
   border-radius: 0.25rem;
+  margin-top: 1rem;
   padding: 1rem;
   opacity: 1;
 }
 
+.max-width{
+    width: 100%;
+}
+
 .medium-width {
     width: 50%;
 }

From e6c4939191654a07c12d12a3763992ba138d89ba Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 17:50:19 -0700
Subject: [PATCH 06/20] Removed margins from some areas to improve spacing

---
 Jellyfin.Plugin.MediaCleaner/Pages/global.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/global.css b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
index a56355e..9c85155 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/global.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -4,7 +4,6 @@
 
 .inlineContainer {
     display: inline-flex;
-    margin-bottom: 1.8em;
     flex-direction: column;
     /* Would be nice to figure out why 50% doesn't work. */
     width: 49%;
@@ -50,6 +49,7 @@ td, th {
   border: 1px solid;
   border-radius: 0.25rem;
   margin-top: 1rem;
+  margin-bottom: 0;
   padding: 1rem;
   opacity: 1;
 }

From be5a58dcf1a1b35f1e67628c74eaa9821c88d974 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 17:54:29 -0700
Subject: [PATCH 07/20] Added a border radius and color to configuration button

---
 Jellyfin.Plugin.MediaCleaner/Pages/global.css | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/global.css b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
index 9c85155..bd837c6 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/global.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -26,7 +26,8 @@ td, th {
 
 .links {
     background-color: #0f0f0f;
-    border: 1px solid;
+    border: 1px solid #00a4dc;
+    border-radius: 0.25rem;
     padding: 0.8rem 1.8rem;
     font-size: 1.2rem;
     color: #ffffff;
@@ -38,7 +39,7 @@ td, th {
 }
 
 .links:hover {
-  background-color: #2a2a2a;
+    background-color: #2a2a2a;
 }
 
 .actions-cell {
@@ -46,12 +47,12 @@ td, th {
 }
 
 .validation {
-  border: 1px solid;
-  border-radius: 0.25rem;
-  margin-top: 1rem;
-  margin-bottom: 0;
-  padding: 1rem;
-  opacity: 1;
+    border: 1px solid;
+    border-radius: 0.25rem;
+    margin-top: 1rem;
+    margin-bottom: 0;
+    padding: 1rem;
+    opacity: 1;
 }
 
 .max-width{

From 80a126fb3075ad5c2e1c9c4bbe9af8bcc26e0838 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 18:38:33 -0700
Subject: [PATCH 08/20] Created custom styling for checkbox

---
 Jellyfin.Plugin.MediaCleaner/Pages/global.css | 19 +++++++
 Jellyfin.Plugin.MediaCleaner/Pages/home.html  |  4 +-
 Jellyfin.Plugin.MediaCleaner/Pages/home.js    | 54 +++++++++++++------
 3 files changed, 59 insertions(+), 18 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/global.css b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
index bd837c6..455486a 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/global.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -24,6 +24,25 @@ td, th {
     text-align: left;
 }
 
+.table-text {
+    font-size: large;
+    text-align: center;
+}
+
+/* Custom emby checkbox for table */
+.table-checkbox {
+    padding-left: 1.05rem;
+}
+
+.table-checkbox .checkboxContainer .emby-checkbox-label .checkboxOutline {
+    height: 1.5em;
+    width: 1.5em;
+}
+
+.table-checkbox .checkboxContainer .emby-checkbox-label {
+    height: 1.8em
+}
+
 .links {
     background-color: #0f0f0f;
     border: 1px solid #00a4dc;
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index 3553396..f2fea7c 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -13,7 +13,7 @@
                     <thead>
                         <tr>
                             <th>Name</th>
-                            <th class="actions-cell">Actions</th>
+                            <th></th>
                         </tr>
                     </thead>
                     <tbody></tbody>
@@ -26,7 +26,7 @@
                         <tr>
                             <th>Name</th>
                             <th>Seasons</th>
-                            <th class="actions-cell">Actions</th>
+                            <th></th>
                         </tr>
                     </thead>
                     <tbody></tbody>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 8ab79f6..c32919f 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -66,22 +66,39 @@ const selectedMovies = new Set();
 const selectedTvShows = new Set();
 
 const createCheckbox = (mediaInfo = {}, state = []) => {
-  const checkbox = document.createElement('input');
-  checkbox.type = 'checkbox';
-  checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
+    const container = document.createElement('div');
+    container.className = 'checkboxContainer';
+    container.style.marginBottom = 0;
 
-  checkbox.addEventListener('change', (e) => {
-    const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
-    if (checkbox.checked) {
-      state.add(mediaInfo);
-    } else {
-      state.delete(mediaInfo);
-    }
-    // Update UI or state — use console.log for debugging
-    console.log('selected:', Array.from(state));
-  });
+    const label = document.createElement('label');
+    label.className = 'emby-checkbox-label';
+    label.style.textAlign = 'center';
+    label.style.paddingLeft = '1.8em';
 
-  return checkbox;
+    const checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.setAttribute('is', 'emby-checkbox');
+    checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
+
+    const span = document.createElement('span');
+    span.textContent = '';
+
+    label.appendChild(checkbox);
+    label.appendChild(span);
+    container.appendChild(label);
+
+    checkbox.addEventListener('change', (e) => {
+        const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
+        if (checkbox.checked) {
+            state.add(mediaInfo);
+        } else {
+            state.delete(mediaInfo);
+        }
+        // Update UI or state — use console.log for debugging
+        console.log('selected:', Array.from(state));
+    });
+
+    return container;
 };
 
 const populateTables = async () => {
@@ -100,8 +117,9 @@ const populateTables = async () => {
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             cell1.innerHTML = moviesInfo[i].Name;
+            cell1.className = "table-text";
             cell2.appendChild(createCheckbox(moviesInfo[i], selectedMovies));
-            cell2.className = "actions-cell";
+            cell2.className = "table-checkbox"
         }
     }
     else{
@@ -110,6 +128,7 @@ const populateTables = async () => {
         var cell1 = row.insertCell(0);
         cell1.colSpan = columnCount;
         cell1.innerHTML = "No stale movies found.";
+        cell1.className = "table-text";
     }
 
     if(seriesInfo.length > 0){
@@ -119,9 +138,11 @@ const populateTables = async () => {
             var cell2 = row.insertCell(1);
             var cell3 = row.insertCell(2);
             cell1.innerHTML = seriesInfo[i].Name;
+            cell1.className = "table-text";
             cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
+            cell2.className = "table-text";
             cell3.appendChild(createCheckbox(seriesInfo[i], selectedTvShows));
-            cell3.className = "actions-cell";
+            cell3.className = "table-checkbox"
         }
     }
     else{
@@ -130,6 +151,7 @@ const populateTables = async () => {
         var cell1 = row.insertCell(0);
         cell1.colSpan = columnCount;
         cell1.innerHTML = "No stale series found.";
+        cell1.className = "table-text";
     }
 };
 

From 1253693ebe8d6e0526424eafe9e1bbc5ff049bd9 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Mon, 16 Feb 2026 18:41:12 -0700
Subject: [PATCH 09/20] Added comment

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index c32919f..f95420a 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -87,6 +87,7 @@ const createCheckbox = (mediaInfo = {}, state = []) => {
     label.appendChild(span);
     container.appendChild(label);
 
+    // Remove dependency on local state. Move to scanning for all checked checkboxes and create the array at that point.
     checkbox.addEventListener('change', (e) => {
         const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
         if (checkbox.checked) {

From da94e130acf3be0d5052c17a245d3513436f076b Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Tue, 17 Feb 2026 20:40:44 -0700
Subject: [PATCH 10/20] Fixed issue with async task

---
 Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
index cc3b3df..098060c 100644
--- a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
+++ b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
@@ -36,7 +36,7 @@ public sealed class StaleMediaScanner
         _seriesHelper = new SeriesHelper(_logger);
     }
 
-    public async Task<IEnumerable<MediaInfo>> ScanStaleMedia()
+    public Task<IEnumerable<MediaInfo>> ScanStaleMedia()
     {
         _loggingHelper.LogDebugInformation("--DEBUG MODE ACTIVE--");
         _loggingHelper.LogInformation("-------------------------------------------------");
@@ -121,7 +121,7 @@ public sealed class StaleMediaScanner
 
         IEnumerable<MediaInfo> mediaInfo = staleSeriesInfo.Concat(staleMoviesInfo);
 
-        return mediaInfo;
+        return Task.FromResult(mediaInfo);
     }
 
     private List<BaseItem> GetStaleMovies(List<BaseItem> movies)

From 4bcd89c1a9975ca755671c855ac1916bbc175ca3 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Tue, 17 Feb 2026 21:27:05 -0700
Subject: [PATCH 11/20] Added logic to be able to test your Management
 configuration settings for radarr and sonarr

---
 .../Pages/configuration.js                    | 170 ++++++++++++------
 1 file changed, 119 insertions(+), 51 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
index f1696c4..815a426 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -1,58 +1,9 @@
+// Variables
 var MediaCleanerConfig = {
     pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
 };
 
-const testConnectionSonarr = () => {
-    var apiKeyElement = document.getElementById('SonarrAPIKey');
-    var addressElement = document.getElementById('SonarrAddress');
-    var validationElement = document.getElementById('SonarrConnectionValidation');
-
-    validateConnection(apiKeyElement, addressElement, validationElement);
-}
-
-const testConnectionRadarr = () => {
-    var apiKeyElement = document.getElementById('RadarrAPIKey');
-    var addressElement = document.getElementById('RadarrAddress');
-    var validationElement = document.getElementById('RadarrConnectionValidation');
-
-    validateConnection(apiKeyElement, addressElement, validationElement);
-}
-
-const validateConnection = (apiKeyElement, addressElement, validationElement) => {
-    // Refactor this to a method called show element?
-    validationElement.removeAttribute('hidden');
-    validationElement.style.opacity = '1';
-    console.log("Api Key: ", apiKeyElement.value);
-    console.log("Address: ", addressElement.value);
-
-    var success = false;
-
-    if(success){
-        validationElement.style.color = 'Green';
-        validationElement.innerText = "Success!"
-    }
-    else {
-        validationElement.style.color = 'Red';
-        validationElement.innerText = "Failed!"
-    }
-
-    setTimeout(() => startFadeOut(validationElement, 50), 1000);
-}
-
-const startFadeOut = (element, interval = 100) => {
-  const timer = setInterval(() => {
-    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
-    if (isNaN(currentOpacity)) currentOpacity = 1;
-    if (currentOpacity > 0) {
-      currentOpacity = Math.max(0, currentOpacity - 0.05);
-      element.style.opacity = currentOpacity.toString();
-    } else {
-      clearInterval(timer);
-      element.setAttribute('hidden', '');
-    }
-  }, interval);
-};
-
+// Handlers
 document.querySelector('#RadarrTestConnectionButton')
     .addEventListener('click', testConnectionRadarr);
 
@@ -91,3 +42,120 @@ document.querySelector('#MediaCleanerConfigForm')
     e.preventDefault();
     return false;
 });
+
+// Fades
+const startFadeOut = (element, interval = 100) => {
+  const timer = setInterval(() => {
+    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
+    if (isNaN(currentOpacity)) currentOpacity = 1;
+    if (currentOpacity > 0) {
+      currentOpacity = Math.max(0, currentOpacity - 0.05);
+      element.style.opacity = currentOpacity.toString();
+    } else {
+      clearInterval(timer);
+      element.setAttribute('hidden', '');
+    }
+  }, interval);
+};
+
+const startFadeIn = (element, interval = 100) => {
+  const timer = setInterval(() => {
+    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
+    if (isNaN(currentOpacity)) currentOpacity = 0;
+    if (currentOpacity < 1) {
+      currentOpacity = Math.max(0, currentOpacity + 0.05);
+      element.style.opacity = currentOpacity.toString();
+    } else {
+      clearInterval(timer);
+    }
+  }, interval);
+};
+
+// Connection Methods
+const testConnectionSonarr = async () => {
+    var apiKeyElement = document.getElementById('SonarrAPIKey');
+    var addressElement = document.getElementById('SonarrAddress');
+    var validationElement = document.getElementById('SonarrConnectionValidation');
+
+    await validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+const testConnectionRadarr = async () => {
+    var apiKeyElement = document.getElementById('RadarrAPIKey');
+    var addressElement = document.getElementById('RadarrAddress');
+    var validationElement = document.getElementById('RadarrConnectionValidation');
+
+    await validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+
+// Validation and Normalization
+const normalizeUrl = (url) => {
+    let normalizedUrl = url.trim();
+    if (!/^https?:\/\//i.test(normalizedUrl)) {
+        normalizedUrl = 'http://' + normalizedUrl;
+    }
+    return normalizedUrl;
+};
+
+const validateConnection = async (apiKeyElement, addressElement, validationElement) => {
+    var httpAddress = addressElement.value;
+    var apiKey = apiKeyElement.value;
+
+    console.log("Address: ", httpAddress);
+    console.log("Api Key: ", apiKey);
+
+    // Only valid with characters
+    const validHttp = httpAddress.trim().length > 0;
+    const validApiKey = apiKey.trim().length > 0;
+
+    console.log("Valid Http: ", validHttp);
+    console.log("Valid Api: ", validApiKey);
+
+    var success = false;
+
+    if(validHttp && validApiKey){
+        setAttemptingConnection(validationElement);
+        try{
+            const url = normalizeUrl(httpAddress);
+            const response = await fetch(url, {
+                method: "GET",
+                headers: {
+                    "X-Api-Key": apiKey,
+                }
+            });
+            success = response.ok;
+        }
+        catch (error){
+            console.error(`Error: ${error}`);
+        }
+    }
+
+    processValidationElement(validationElement, success);
+}
+
+const setAttemptingConnection = (validationElement) => {
+    validationElement.removeAttribute('hidden');
+    validationElement.style.opacity = '0';
+
+    validationElement.style.color = 'Yellow';
+    validationElement.innerText = "Attempting Connection..."
+    setTimeout(startFadeIn(validationElement, 50));
+}
+
+const processValidationElement = (validationElement, success) => {
+    validationElement.removeAttribute('hidden');
+    validationElement.style.opacity = '1';
+
+    if(success){
+        validationElement.style.color = 'Green';
+        validationElement.innerText = "Successful Connection!"
+    }
+    else {
+        validationElement.style.color = 'Red';
+        validationElement.innerText = "Failed Connection!"
+    }
+
+    setTimeout(() => startFadeOut(validationElement, 50), 2000);
+}
+

From 48d118c56aee498f3ed1795bc3ced62473909734 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Tue, 17 Feb 2026 21:28:12 -0700
Subject: [PATCH 12/20] Swapped layout of Address and API key

---
 .../Pages/configuration.html                  | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
index 3025a6a..8285a76 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
@@ -8,16 +8,16 @@
                 <h3>Management Configuration</h3>
 
                 <div class="inlineContainer">
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
-                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your radarr instance</div>
-                    </div>
                     <div class="inputContainer">
                         <label class="inputLabel inputLabelUnfocused" for="RadarrAddress">Radarr Address (http:port)</label>
                         <input id="RadarrAddress" name="RadarrAddress" type="text" is="emby-input" />
                         <div class="fieldDescription">The address and port of your radarr instance.</div>
                     </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
+                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your radarr instance</div>
+                    </div>
                     <div class="inputContainer">
                         <button id="RadarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
                             <span>Test</span>
@@ -28,16 +28,16 @@
                 </div>
 
                 <div class="inlineContainer">
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
-                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your sonarr instance</div>
-                    </div>
                     <div class="inputContainer">
                         <label class="inputLabel inputLabelUnfocused" for="SonarrAddress">Sonarr Address (http:port)</label>
                         <input id="SonarrAddress" name="SonarrAddress" type="text" is="emby-input" />
                         <div class="fieldDescription">The address and port of your sonarr instance.</div>
                     </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
+                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your sonarr instance</div>
+                    </div>
                     <div class="inputContainer">
                         <button id="SonarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
                             <span>Test</span>

From bf40d758fc228388c4ae888cc968c2002d306f04 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Tue, 17 Feb 2026 21:31:32 -0700
Subject: [PATCH 13/20] Resolved initialization order

---
 .../Pages/configuration.js                    | 81 +++++++++----------
 1 file changed, 40 insertions(+), 41 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
index 815a426..062f975 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -3,46 +3,6 @@ var MediaCleanerConfig = {
     pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
 };
 
-// Handlers
-document.querySelector('#RadarrTestConnectionButton')
-    .addEventListener('click', testConnectionRadarr);
-
-document.querySelector('#SonarrTestConnectionButton')
-    .addEventListener('click', testConnectionSonarr);
-
-document.querySelector('#MediaCleanerConfigPage')
-    .addEventListener('pageshow', function() {
-        Dashboard.showLoadingMsg();
-        ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-            document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
-            document.querySelector('#RadarrAddress').value = config.RadarrAddress;
-            document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
-            document.querySelector('#SonarrAddress').value = config.SonarrAddress;
-            document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
-            document.querySelector('#DebugMode').checked = config.DebugMode;
-            Dashboard.hideLoadingMsg();
-        });
-    });
-
-document.querySelector('#MediaCleanerConfigForm')
-    .addEventListener('submit', function(e) {
-    Dashboard.showLoadingMsg();
-    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-        config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
-        config.RadarrAddress = document.querySelector('#RadarrAddress').value;
-        config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
-        config.SonarrAddress = document.querySelector('#SonarrAddress').value;
-        config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
-        config.DebugMode = document.querySelector('#DebugMode').checked;
-        ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
-            Dashboard.processPluginConfigurationUpdateResult(result);
-        });
-    });
-
-    e.preventDefault();
-    return false;
-});
-
 // Fades
 const startFadeOut = (element, interval = 100) => {
   const timer = setInterval(() => {
@@ -88,7 +48,6 @@ const testConnectionRadarr = async () => {
     await validateConnection(apiKeyElement, addressElement, validationElement);
 }
 
-
 // Validation and Normalization
 const normalizeUrl = (url) => {
     let normalizedUrl = url.trim();
@@ -159,3 +118,43 @@ const processValidationElement = (validationElement, success) => {
     setTimeout(() => startFadeOut(validationElement, 50), 2000);
 }
 
+
+// Handlers
+document.querySelector('#RadarrTestConnectionButton')
+    .addEventListener('click', testConnectionRadarr);
+
+document.querySelector('#SonarrTestConnectionButton')
+    .addEventListener('click', testConnectionSonarr);
+
+document.querySelector('#MediaCleanerConfigPage')
+    .addEventListener('pageshow', function() {
+        Dashboard.showLoadingMsg();
+        ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+            document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
+            document.querySelector('#RadarrAddress').value = config.RadarrAddress;
+            document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
+            document.querySelector('#SonarrAddress').value = config.SonarrAddress;
+            document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
+            document.querySelector('#DebugMode').checked = config.DebugMode;
+            Dashboard.hideLoadingMsg();
+        });
+    });
+
+document.querySelector('#MediaCleanerConfigForm')
+    .addEventListener('submit', function(e) {
+    Dashboard.showLoadingMsg();
+    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+        config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
+        config.RadarrAddress = document.querySelector('#RadarrAddress').value;
+        config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
+        config.SonarrAddress = document.querySelector('#SonarrAddress').value;
+        config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
+        config.DebugMode = document.querySelector('#DebugMode').checked;
+        ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
+            Dashboard.processPluginConfigurationUpdateResult(result);
+        });
+    });
+
+    e.preventDefault();
+    return false;
+});

From fe3b7e412b63f31bc5b5f279885081d5c51a102e Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 11:56:26 -0700
Subject: [PATCH 14/20] Added delete buttons to home page

---
 .../Pages/configuration.js                    |  1 -
 Jellyfin.Plugin.MediaCleaner/Pages/home.html  |  2 +
 Jellyfin.Plugin.MediaCleaner/Pages/home.js    | 54 ++++++++++++++-----
 3 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
index 062f975..9da382b 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -118,7 +118,6 @@ const processValidationElement = (validationElement, success) => {
     setTimeout(() => startFadeOut(validationElement, 50), 2000);
 }
 
-
 // Handlers
 document.querySelector('#RadarrTestConnectionButton')
     .addEventListener('click', testConnectionRadarr);
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index f2fea7c..b6e2523 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -18,6 +18,7 @@
                     </thead>
                     <tbody></tbody>
                 </table>
+                <button id="moviesDeleteButton" class="delete-button raised button-submit emby-button" style="visibility: hidden;">Delete</button>
                 <br>
 
                 <h3 id="seriesTitle"></h3>
@@ -31,6 +32,7 @@
                     </thead>
                     <tbody></tbody>
                 </table>
+                <button id="seriesDeleteButton" class="delete-button raised button-submit emby-button" style="visibility: hidden;">Delete</button>
             </div>
 		</div>
 	</div>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index f95420a..5e37d97 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -65,7 +65,7 @@ const getMediaCleanerMoviesTitle = async () => {
 const selectedMovies = new Set();
 const selectedTvShows = new Set();
 
-const createCheckbox = (mediaInfo = {}, state = []) => {
+const createCheckbox = (mediaInfo = {}, table, deleteButton) => {
     const container = document.createElement('div');
     container.className = 'checkboxContainer';
     container.style.marginBottom = 0;
@@ -88,29 +88,48 @@ const createCheckbox = (mediaInfo = {}, state = []) => {
     container.appendChild(label);
 
     // Remove dependency on local state. Move to scanning for all checked checkboxes and create the array at that point.
+    // checkbox.addEventListener('change', (e) => {
+    //     const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
+    //     if (checkbox.checked) {
+    //         state.add(mediaInfo);
+    //     } else {
+    //         state.delete(mediaInfo);
+    //     }
+    //     // Update UI or state — use console.log for debugging
+    //     console.log('selected:', Array.from(state));
+    // });
+
     checkbox.addEventListener('change', (e) => {
-        const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
-        if (checkbox.checked) {
-            state.add(mediaInfo);
-        } else {
-            state.delete(mediaInfo);
+        if(isDeleteButtonVisible(table)){
+            console.log("Button should be visible: ", deleteButton);
+            deleteButton.style.visibility = 'visible';
+        }
+        else {
+            console.log("Button shouldn't be visible: ", deleteButton);
+            deleteButton.style.visibility = 'hidden';
         }
-        // Update UI or state — use console.log for debugging
-        console.log('selected:', Array.from(state));
     });
 
     return container;
 };
 
+const isDeleteButtonVisible = (table) => {
+    const checkboxes = table.getElementsByClassName('emby-checkbox');
+    const hasChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
+    return hasChecked;
+}
+
 const populateTables = async () => {
     var moviesInfo = await getMediaCleanerMovieInfo();
     var seriesInfo = await getMediaCleanerSeriesInfo();
 
     var seriesTableBody = seriesTable.getElementsByTagName('tbody')[0];
     seriesTableBody.replaceChildren();
+    var seriesDeleteButton = document.getElementById('seriesDeleteButton');
 
     var moviesTableBody = moviesTable.getElementsByTagName('tbody')[0];
     moviesTableBody.replaceChildren();
+    var moviesDeleteButton = document.getElementById('moviesDeleteButton');
 
     if (moviesInfo.length > 0){
         for(let i = 0; i < moviesInfo.length; i++){
@@ -119,7 +138,7 @@ const populateTables = async () => {
             var cell2 = row.insertCell(1);
             cell1.innerHTML = moviesInfo[i].Name;
             cell1.className = "table-text";
-            cell2.appendChild(createCheckbox(moviesInfo[i], selectedMovies));
+            cell2.appendChild(createCheckbox(moviesInfo[i], moviesTable, moviesDeleteButton));
             cell2.className = "table-checkbox"
         }
     }
@@ -142,7 +161,7 @@ const populateTables = async () => {
             cell1.className = "table-text";
             cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
             cell2.className = "table-text";
-            cell3.appendChild(createCheckbox(seriesInfo[i], selectedTvShows));
+            cell3.appendChild(createCheckbox(seriesInfo[i], seriesTable, seriesDeleteButton));
             cell3.className = "table-checkbox"
         }
     }
@@ -157,8 +176,8 @@ const populateTables = async () => {
 };
 
 const addClickHandlersToLinks = () => {
-    const linkbtns = document.querySelectorAll("button.links")
-    linkbtns.forEach(btn => {
+    const linkBtns = document.querySelectorAll("button.links");
+    linkBtns.forEach(btn => {
         btn.addEventListener("click", () => {
             const target = btn.dataset.target;
             if (!target) return;
@@ -167,6 +186,17 @@ const addClickHandlersToLinks = () => {
     })
 }
 
+const addClickHandlersToDeleteButtons = () => {
+    const deleteBtns = document.querySelectorAll("delete-buttons");
+    deleteBtns.forEach(btn => {
+        btn.addEventListener("click", deleteFromRadarr)
+    })
+}
+
+const deleteFromRadarr = () => {
+    console.log("Delete from Radarr!")
+}
+
 const finishLoading = () => {
     const loadingElement = document.getElementById("loading");
 

From c94a8b8391b7bb2831eb959668c28db85974aaf3 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 12:10:09 -0700
Subject: [PATCH 15/20] Added click handlers for radarr and sonarr

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.js | 30 +++++++---------------
 1 file changed, 9 insertions(+), 21 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 5e37d97..5f74f56 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -9,6 +9,7 @@ document.addEventListener('pageshow', async () => {
 
     await populateTables();
     addClickHandlersToLinks();
+    addClickHandlersToDeleteButtons();
     finishLoading();
 });
 
@@ -62,9 +63,6 @@ const getMediaCleanerMoviesTitle = async () => {
     return response.json();
 };
 
-const selectedMovies = new Set();
-const selectedTvShows = new Set();
-
 const createCheckbox = (mediaInfo = {}, table, deleteButton) => {
     const container = document.createElement('div');
     container.className = 'checkboxContainer';
@@ -87,25 +85,11 @@ const createCheckbox = (mediaInfo = {}, table, deleteButton) => {
     label.appendChild(span);
     container.appendChild(label);
 
-    // Remove dependency on local state. Move to scanning for all checked checkboxes and create the array at that point.
-    // checkbox.addEventListener('change', (e) => {
-    //     const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
-    //     if (checkbox.checked) {
-    //         state.add(mediaInfo);
-    //     } else {
-    //         state.delete(mediaInfo);
-    //     }
-    //     // Update UI or state — use console.log for debugging
-    //     console.log('selected:', Array.from(state));
-    // });
-
     checkbox.addEventListener('change', (e) => {
         if(isDeleteButtonVisible(table)){
-            console.log("Button should be visible: ", deleteButton);
             deleteButton.style.visibility = 'visible';
         }
         else {
-            console.log("Button shouldn't be visible: ", deleteButton);
             deleteButton.style.visibility = 'hidden';
         }
     });
@@ -187,16 +171,20 @@ const addClickHandlersToLinks = () => {
 }
 
 const addClickHandlersToDeleteButtons = () => {
-    const deleteBtns = document.querySelectorAll("delete-buttons");
-    deleteBtns.forEach(btn => {
-        btn.addEventListener("click", deleteFromRadarr)
-    })
+    const deleteMoviesButtonElement = document.getElementById("moviesDeleteButton");
+    const deleteSeriesButtonElement = document.getElementById("seriesDeleteButton");
+    deleteMoviesButtonElement.addEventListener("click", deleteFromRadarr);
+    deleteSeriesButtonElement.addEventListener("click", deleteFromSonarr);
 }
 
 const deleteFromRadarr = () => {
     console.log("Delete from Radarr!")
 }
 
+const deleteFromSonarr = () => {
+    console.log("Delete from Sonarr!")
+}
+
 const finishLoading = () => {
     const loadingElement = document.getElementById("loading");
 

From 958c581280fa5d4598eaec47111e2b7146feccb5 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 12:24:13 -0700
Subject: [PATCH 16/20] Added comments to figure out which endpoint to use

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 5f74f56..662777e 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -178,10 +178,31 @@ const addClickHandlersToDeleteButtons = () => {
 }
 
 const deleteFromRadarr = () => {
+    // Need to GET first for movieIds?
+
+    // Likely need to use MovieEditor DELETE endpoint (/api/v3/movie/editor)
+    // Payload:
+    // {
+    //   "movieIds": [
+    //     0
+    //   ],
+    //   "deleteFiles": true
+    // }
     console.log("Delete from Radarr!")
 }
 
 const deleteFromSonarr = () => {
+    // Need to GET first for seriesIds?
+
+    // Likely need to use SeriesEditor DELETE endpoint
+    // Payload:
+    // {
+    //    "seriesIds": [
+    //        1
+    //    ],
+    //    "seasonFolder": null,
+    //    "deleteFiles": true,
+    // }
     console.log("Delete from Sonarr!")
 }
 

From 3f5074aa3bd1a16bddf9fe36b8a8127f46c3487d Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 18:02:45 -0700
Subject: [PATCH 17/20] Reworked Models to use tmdb to enable integration with
 Radarr api. Also reworked test connection to use api to validate as I ran
 into CORS errors. I also set up an endpoint to call radarr to delete movies.
 Currently only got to retrieving movie info. Should be able to use the id
 retrieved to then delete the movie.

---
 .../Controllers/RadarrController.cs           | 110 +++++++++++++++
 .../Controllers/SonarrController.cs           |  60 ++++++++
 .../Models/MediaInfo.cs                       |   2 +-
 .../Models/SeriesInfo.cs                      |   1 +
 .../Pages/configuration.js                    |  22 +--
 Jellyfin.Plugin.MediaCleaner/Pages/home.js    | 132 +++++++++++-------
 .../StaleMediaScanner.cs                      |  19 ++-
 7 files changed, 276 insertions(+), 70 deletions(-)
 create mode 100644 Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
 create mode 100644 Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs

diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
new file mode 100644
index 0000000..e6d538b
--- /dev/null
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
@@ -0,0 +1,110 @@
+using Jellyfin.Plugin.MediaCleaner.Models;
+using Microsoft.AspNetCore.Mvc;
+using System;
+using System.Collections.Generic;
+using System.Net.Http;
+using System.Net.Http.Headers;
+using System.Text.Json;
+using System.Text.Json.Serialization;
+using System.Threading.Tasks;
+using System.Web;
+using Microsoft.AspNetCore.Http;
+using System.Linq;
+
+namespace Jellyfin.Plugin.MediaCleaner.Controllers;
+
+public record ConnectionTestRequest(string Address, string ApiKey);
+
+public record RadarrMovie(
+    [property: JsonPropertyName("id")] int? Id,
+    [property: JsonPropertyName("title")] string? Title
+);
+
+[Route("radarr")]
+public class RadarrController : Controller
+{
+    private static Configuration Configuration =>
+            Plugin.Instance!.Configuration;
+
+    private readonly HttpClient _httpClient;
+
+    public RadarrController(HttpClient httpClient)
+    {
+        _httpClient = httpClient;
+
+        // Set the default request headers
+        _httpClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
+        _httpClient.DefaultRequestHeaders.Add("X-Api-Key", Configuration.RadarrAPIKey);
+    }
+
+    [HttpPost("deleteMovieFromRadarr")]
+    public async Task<IActionResult> DeleteMovieFromRadarr([FromBody] MovieInfo movieInfo){
+
+        if (movieInfo == null || string.IsNullOrEmpty(movieInfo.TmdbId))
+        {
+            return BadRequest("Invalid movie information provided.");
+        }
+
+        try
+        {
+            var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie");
+            var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+
+            query["tmdbId"] = movieInfo.TmdbId;
+            query["excludeLocalCovers"] = "false";
+
+            uriBuilder.Query = query.ToString();
+            var response = await _httpClient.GetAsync(uriBuilder.Uri).ConfigureAwait(false);
+            response.EnsureSuccessStatusCode();
+
+            var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
+
+            var movies = JsonSerializer.Deserialize<List<RadarrMovie>>(responseBody);
+            var movie = movies?.FirstOrDefault();
+
+            if (movie == null)
+            {
+                return NotFound("Movie not found in Radarr library.");
+            }
+
+            return Ok(movie);
+        }
+        catch (HttpRequestException e)
+        {
+            return StatusCode(StatusCodes.Status500InternalServerError, $"An unexpected error occurred. {e.Message}");
+        }
+    }
+
+    [HttpPost("testConnection")]
+    public async Task<IActionResult> TestConnection([FromBody] ConnectionTestRequest request)
+    {
+        if (request == null || string.IsNullOrWhiteSpace(request.Address) || string.IsNullOrWhiteSpace(request.ApiKey))
+        {
+            return BadRequest("Address and ApiKey are required.");
+        }
+
+        var address = request.Address.Trim();
+        if (!address.StartsWith("http://", StringComparison.OrdinalIgnoreCase) &&
+            !address.StartsWith("https://", StringComparison.OrdinalIgnoreCase))
+        {
+            address = "http://" + address;
+        }
+
+        try
+        {
+            using var httpRequest = new HttpRequestMessage(HttpMethod.Get, address);
+            httpRequest.Headers.Add("X-Api-Key", request.ApiKey);
+
+            var response = await _httpClient.SendAsync(httpRequest).ConfigureAwait(false);
+            return Ok(new { success = response.IsSuccessStatusCode });
+        }
+        catch (HttpRequestException e)
+        {
+            return StatusCode(StatusCodes.Status502BadGateway, e.Message);
+        }
+        catch (Exception e)
+        {
+            return StatusCode(StatusCodes.Status500InternalServerError, e.Message);
+        }
+    }
+}
diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs
new file mode 100644
index 0000000..67a1c50
--- /dev/null
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs
@@ -0,0 +1,60 @@
+using Jellyfin.Plugin.MediaCleaner.Models;
+using Microsoft.AspNetCore.Mvc;
+using System.Net.Http;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Http;
+using System.Net.Http.Headers;
+using System;
+
+namespace Jellyfin.Plugin.MediaCleaner.Controllers;
+
+[Route("sonarr")]
+public class SonarrController : Controller
+{
+    private static Configuration Configuration =>
+            Plugin.Instance!.Configuration;
+
+    private readonly HttpClient _httpClient;
+
+    public SonarrController(HttpClient httpClient)
+    {
+        _httpClient = httpClient;
+
+        // Set the default request headers
+        _httpClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
+        _httpClient.DefaultRequestHeaders.Add("X-Api-Key", Configuration.SonarrAPIKey);
+    }
+
+    [HttpPost("testConnection")]
+    public async Task<IActionResult> TestConnection([FromBody] ConnectionTestRequest request)
+    {
+        if (request == null || string.IsNullOrWhiteSpace(request.Address) || string.IsNullOrWhiteSpace(request.ApiKey))
+        {
+            return BadRequest("Address and ApiKey are required.");
+        }
+
+        var address = request.Address.Trim();
+        if (!address.StartsWith("http://", StringComparison.OrdinalIgnoreCase) &&
+            !address.StartsWith("https://", StringComparison.OrdinalIgnoreCase))
+        {
+            address = "http://" + address;
+        }
+
+        try
+        {
+            using var httpRequest = new HttpRequestMessage(HttpMethod.Get, address);
+            httpRequest.Headers.Add("X-Api-Key", request.ApiKey);
+
+            var response = await _httpClient.SendAsync(httpRequest).ConfigureAwait(false);
+            return Ok(new { success = response.IsSuccessStatusCode });
+        }
+        catch (HttpRequestException e)
+        {
+            return StatusCode(StatusCodes.Status502BadGateway, e.Message);
+        }
+        catch (Exception e)
+        {
+            return StatusCode(StatusCodes.Status500InternalServerError, e.Message);
+        }
+    }
+}
diff --git a/Jellyfin.Plugin.MediaCleaner/Models/MediaInfo.cs b/Jellyfin.Plugin.MediaCleaner/Models/MediaInfo.cs
index 7ae7881..2de2c00 100644
--- a/Jellyfin.Plugin.MediaCleaner/Models/MediaInfo.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Models/MediaInfo.cs
@@ -4,6 +4,6 @@ namespace Jellyfin.Plugin.MediaCleaner.Models;
 
 public abstract class MediaInfo
 {
-    public required Guid Id { get; set; }
+    public required string? TmdbId { get; set; }
     public required string Name { get; set; }
 }
diff --git a/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs b/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
index 1a49baa..123e410 100644
--- a/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
@@ -10,5 +10,6 @@ namespace Jellyfin.Plugin.MediaCleaner.Models;
 /// </summary>
 public class SeriesInfo : MediaInfo
 {
+    public Guid SeriesId { get; set; }
     public IEnumerable<string> Seasons { get; set; } = [];
 }
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
index 9da382b..a6f4bad 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -37,7 +37,7 @@ const testConnectionSonarr = async () => {
     var addressElement = document.getElementById('SonarrAddress');
     var validationElement = document.getElementById('SonarrConnectionValidation');
 
-    await validateConnection(apiKeyElement, addressElement, validationElement);
+    await validateConnection(apiKeyElement, addressElement, validationElement, "sonarr");
 }
 
 const testConnectionRadarr = async () => {
@@ -45,7 +45,7 @@ const testConnectionRadarr = async () => {
     var addressElement = document.getElementById('RadarrAddress');
     var validationElement = document.getElementById('RadarrConnectionValidation');
 
-    await validateConnection(apiKeyElement, addressElement, validationElement);
+    await validateConnection(apiKeyElement, addressElement, validationElement, "radarr");
 }
 
 // Validation and Normalization
@@ -57,7 +57,7 @@ const normalizeUrl = (url) => {
     return normalizedUrl;
 };
 
-const validateConnection = async (apiKeyElement, addressElement, validationElement) => {
+const validateConnection = async (apiKeyElement, addressElement, validationElement, controller) => {
     var httpAddress = addressElement.value;
     var apiKey = apiKeyElement.value;
 
@@ -77,13 +77,19 @@ const validateConnection = async (apiKeyElement, addressElement, validationEleme
         setAttemptingConnection(validationElement);
         try{
             const url = normalizeUrl(httpAddress);
-            const response = await fetch(url, {
-                method: "GET",
+            // Move endpoint to a constant?
+            const response = await fetch(`/${controller}/testConnection`, {
+                method: "POST",
                 headers: {
-                    "X-Api-Key": apiKey,
-                }
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({ address: url, apiKey })
             });
-            success = response.ok;
+
+            if (response.ok) {
+                const result = await response.json();
+                success = result?.success === true;
+            }
         }
         catch (error){
             console.error(`Error: ${error}`);
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 662777e..7d23683 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -63,45 +63,6 @@ const getMediaCleanerMoviesTitle = async () => {
     return response.json();
 };
 
-const createCheckbox = (mediaInfo = {}, table, deleteButton) => {
-    const container = document.createElement('div');
-    container.className = 'checkboxContainer';
-    container.style.marginBottom = 0;
-
-    const label = document.createElement('label');
-    label.className = 'emby-checkbox-label';
-    label.style.textAlign = 'center';
-    label.style.paddingLeft = '1.8em';
-
-    const checkbox = document.createElement('input');
-    checkbox.type = 'checkbox';
-    checkbox.setAttribute('is', 'emby-checkbox');
-    checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
-
-    const span = document.createElement('span');
-    span.textContent = '';
-
-    label.appendChild(checkbox);
-    label.appendChild(span);
-    container.appendChild(label);
-
-    checkbox.addEventListener('change', (e) => {
-        if(isDeleteButtonVisible(table)){
-            deleteButton.style.visibility = 'visible';
-        }
-        else {
-            deleteButton.style.visibility = 'hidden';
-        }
-    });
-
-    return container;
-};
-
-const isDeleteButtonVisible = (table) => {
-    const checkboxes = table.getElementsByClassName('emby-checkbox');
-    const hasChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
-    return hasChecked;
-}
 
 const populateTables = async () => {
     var moviesInfo = await getMediaCleanerMovieInfo();
@@ -159,6 +120,46 @@ const populateTables = async () => {
     }
 };
 
+const createCheckbox = (mediaInfo = {}, table, deleteButton) => {
+    const container = document.createElement('div');
+    container.className = 'checkboxContainer';
+    container.style.marginBottom = 0;
+
+    const label = document.createElement('label');
+    label.className = 'emby-checkbox-label';
+    label.style.textAlign = 'center';
+    label.style.paddingLeft = '1.8em';
+
+    const checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.setAttribute('is', 'emby-checkbox');
+    checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
+
+    const span = document.createElement('span');
+    span.textContent = '';
+
+    label.appendChild(checkbox);
+    label.appendChild(span);
+    container.appendChild(label);
+
+    checkbox.addEventListener('change', (e) => {
+        if(isDeleteButtonVisible(table)){
+            deleteButton.style.visibility = 'visible';
+        }
+        else {
+            deleteButton.style.visibility = 'hidden';
+        }
+    });
+
+    return container;
+};
+
+const isDeleteButtonVisible = (table) => {
+    const checkboxes = table.getElementsByClassName('emby-checkbox');
+    const hasChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
+    return hasChecked;
+}
+
 const addClickHandlersToLinks = () => {
     const linkBtns = document.querySelectorAll("button.links");
     linkBtns.forEach(btn => {
@@ -177,15 +178,41 @@ const addClickHandlersToDeleteButtons = () => {
     deleteSeriesButtonElement.addEventListener("click", deleteFromSonarr);
 }
 
-const deleteFromRadarr = () => {
-    // Need to GET first for movieIds?
+const getCheckedMedia = (table) => {
+    const checkboxes = table.getElementsByClassName('emby-checkbox');
+    const selectedMediaCheckboxes = Array.from(checkboxes).filter(checkbox => checkbox.checked);
+    const selectedMedia = selectedMediaCheckboxes.map(selectedMediaCheckbox => JSON.parse(selectedMediaCheckbox.dataset.mediaInfo));
+    console.log("Selected media: ", selectedMedia);
+    return selectedMedia;
+}
 
-    // Likely need to use MovieEditor DELETE endpoint (/api/v3/movie/editor)
+const deleteMovieFromRadarrApi = async (movie) => {
+    console.log("Movie to post: ", movie);
+    const response = await fetch("/radarr/deleteMovieFromRadarr", {
+        method: "POST",
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(movie)
+    });
+
+    if(!response.ok){
+        throw new Error(`Response status: ${response.status}`)
+    }
+    return console.log("Response: ", response.json());
+}
+
+const deleteFromRadarr = async () => {
+    // Get all movies with checked checkboxes
+    const selectedMovies = getCheckedMedia(moviesTable);
+    selectedMovies.forEach(async movie => await deleteMovieFromRadarrApi(movie));
+    // Need to GET first for movieIds?
+    // /api/v3/movie?tmdbId=383275
+
+    // Likely need to use Movie DELETE endpoint (/api/v3/movie/{id})
     // Payload:
     // {
-    //   "movieIds": [
-    //     0
-    //   ],
+    //   "id": id
     //   "deleteFiles": true
     // }
     console.log("Delete from Radarr!")
@@ -193,16 +220,13 @@ const deleteFromRadarr = () => {
 
 const deleteFromSonarr = () => {
     // Need to GET first for seriesIds?
+    getCheckedMedia(seriesTable);
+    // Use tvdbId included in filenames.
+    // /api/v5/series?tvdbId=383275
+    // Possibly use statistics from GET to show on front end?
 
-    // Likely need to use SeriesEditor DELETE endpoint
-    // Payload:
-    // {
-    //    "seriesIds": [
-    //        1
-    //    ],
-    //    "seasonFolder": null,
-    //    "deleteFiles": true,
-    // }
+    // Likely need to use EpisodeFile bulk DELETE endpoint
+    // /api/v5/episodefile/bulk​
     console.log("Delete from Sonarr!")
 }
 
diff --git a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
index 098060c..a051b7c 100644
--- a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
+++ b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
@@ -84,7 +84,7 @@ public sealed class StaleMediaScanner
 
             foreach (SeriesInfo seriesInfo in staleSeriesInfo.Cast<SeriesInfo>())
             {
-                _loggingHelper.LogInformation("Series Info: ID: {Id} | Series Name: {SeriesName} | Stale Seasons: {Seasons}", [seriesInfo.Id, seriesInfo.Name, string.Join(", ", seriesInfo.Seasons)]);
+                _loggingHelper.LogInformation("Series Info: TmbdID: {Id} | Series Name: {SeriesName} | Stale Seasons: {Seasons}", [seriesInfo.TmdbId, seriesInfo.Name, string.Join(", ", seriesInfo.Seasons)]);
             }
         }
         else
@@ -99,15 +99,18 @@ public sealed class StaleMediaScanner
 
         if (staleMovies.Count > 0)
         {
-            staleMoviesInfo = staleMovies.Select(movie => new MovieInfo
-            {
-                Id = movie.Id,
-                Name = movie.Name
+            staleMoviesInfo = staleMovies.Select(movie => {
+                movie.ProviderIds.TryGetValue("Tmdb", out string? tmdbId);
+                return new MovieInfo
+                {
+                    TmdbId = tmdbId,
+                    Name = movie.Name
+                };
             });
 
             foreach (MovieInfo movieInfo in staleMoviesInfo.Cast<MovieInfo>())
             {
-                _loggingHelper.LogInformation("Movie Info: ID: {Id} | Movie Name: {MovieName}", [movieInfo.Id, movieInfo.Name]);
+                _loggingHelper.LogInformation("Movie Info: TmdbID: {Id} | Movie Name: {MovieName}", [movieInfo.TmdbId, movieInfo.Name]);
             }
         }
         else
@@ -231,9 +234,11 @@ public sealed class StaleMediaScanner
 
         IEnumerable<SeriesInfo> seriesInfoList = series.Select(series =>
         {
+            series.ProviderIds.TryGetValue("Tmdb", out string? tmdbId);
             return new SeriesInfo
             {
-                Id = series.Id,
+                SeriesId = series.Id,
+                TmdbId = tmdbId,
                 Name = series.Name,
                 Seasons = [.. seasons.Where(season => season.ParentId == series.Id).Select(season => season.Name)]
             };

From 11c241b14933f347a553c3de68d549fcc8be25bf Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 19:21:58 -0700
Subject: [PATCH 18/20] Finished Radarr integration

---
 .../Controllers/RadarrController.cs           | 60 +++++++++++++------
 Jellyfin.Plugin.MediaCleaner/Pages/home.js    | 30 ++++------
 2 files changed, 55 insertions(+), 35 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
index e6d538b..cb2f8c8 100644
--- a/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
@@ -37,6 +37,30 @@ public class RadarrController : Controller
         _httpClient.DefaultRequestHeaders.Add("X-Api-Key", Configuration.RadarrAPIKey);
     }
 
+    private async Task<ObjectResult> GetRadarrMovieInfo(MovieInfo movieInfo){
+        var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie");
+        var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+
+        query["tmdbId"] = movieInfo.TmdbId;
+        query["excludeLocalCovers"] = "false";
+
+        uriBuilder.Query = query.ToString();
+        var response = await _httpClient.GetAsync(uriBuilder.Uri).ConfigureAwait(false);
+        response.EnsureSuccessStatusCode();
+
+        var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
+
+        var movies = JsonSerializer.Deserialize<List<RadarrMovie>>(responseBody);
+        var movie = movies?.FirstOrDefault();
+
+        if (movie == null)
+        {
+            return NotFound("Movie not found in Radarr library.");
+        }
+
+        return Ok(movie);
+    }
+
     [HttpPost("deleteMovieFromRadarr")]
     public async Task<IActionResult> DeleteMovieFromRadarr([FromBody] MovieInfo movieInfo){
 
@@ -47,27 +71,27 @@ public class RadarrController : Controller
 
         try
         {
-            var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie");
-            var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+            var radarrMovieInfoResult = await GetRadarrMovieInfo(movieInfo).ConfigureAwait(false);
 
-            query["tmdbId"] = movieInfo.TmdbId;
-            query["excludeLocalCovers"] = "false";
-
-            uriBuilder.Query = query.ToString();
-            var response = await _httpClient.GetAsync(uriBuilder.Uri).ConfigureAwait(false);
-            response.EnsureSuccessStatusCode();
-
-            var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
-
-            var movies = JsonSerializer.Deserialize<List<RadarrMovie>>(responseBody);
-            var movie = movies?.FirstOrDefault();
-
-            if (movie == null)
-            {
-                return NotFound("Movie not found in Radarr library.");
+            if(radarrMovieInfoResult.StatusCode != StatusCodes.Status200OK || radarrMovieInfoResult.Value is not RadarrMovie){
+                return radarrMovieInfoResult;
             }
 
-            return Ok(movie);
+            RadarrMovie movie = (RadarrMovie)radarrMovieInfoResult.Value;
+
+            var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie/{movie.Id}");
+            var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+
+            query["deleteFiles"] = "true";
+            query["addImportExclusion"] = "true";
+
+            uriBuilder.Query = query.ToString();
+
+            using var request = new HttpRequestMessage(HttpMethod.Delete, uriBuilder.Uri);
+            var response = await _httpClient.SendAsync(request).ConfigureAwait(false);
+            response.EnsureSuccessStatusCode();
+
+            return Ok();
         }
         catch (HttpRequestException e)
         {
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 7d23683..8bca92b 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -1,4 +1,8 @@
 document.addEventListener('pageshow', async () => {
+    await refreshFrontEnd();
+});
+
+const refreshFrontEnd = async () => {
     await updateMediaCleanerState();
 
     var moviesTitle = document.getElementById("moviesTitle");
@@ -11,7 +15,7 @@ document.addEventListener('pageshow', async () => {
     addClickHandlersToLinks();
     addClickHandlersToDeleteButtons();
     finishLoading();
-});
+}
 
 const getMediaCleanerSeriesInfo = async () => {
     const response = await fetch("/mediacleaner/state/getSeriesInfo");
@@ -187,7 +191,6 @@ const getCheckedMedia = (table) => {
 }
 
 const deleteMovieFromRadarrApi = async (movie) => {
-    console.log("Movie to post: ", movie);
     const response = await fetch("/radarr/deleteMovieFromRadarr", {
         method: "POST",
         headers: {
@@ -199,23 +202,13 @@ const deleteMovieFromRadarrApi = async (movie) => {
     if(!response.ok){
         throw new Error(`Response status: ${response.status}`)
     }
-    return console.log("Response: ", response.json());
 }
 
 const deleteFromRadarr = async () => {
     // Get all movies with checked checkboxes
     const selectedMovies = getCheckedMedia(moviesTable);
     selectedMovies.forEach(async movie => await deleteMovieFromRadarrApi(movie));
-    // Need to GET first for movieIds?
-    // /api/v3/movie?tmdbId=383275
-
-    // Likely need to use Movie DELETE endpoint (/api/v3/movie/{id})
-    // Payload:
-    // {
-    //   "id": id
-    //   "deleteFiles": true
-    // }
-    console.log("Delete from Radarr!")
+    refreshFrontEnd();
 }
 
 const deleteFromSonarr = () => {
@@ -232,11 +225,14 @@ const deleteFromSonarr = () => {
 
 const finishLoading = () => {
     const loadingElement = document.getElementById("loading");
-
     const homepage = document.getElementById("homepage");
     loadingElement.style.visibility = "hidden";
     homepage.style.visibility = "visible";
-
-    console.log("Loading element: ", loadingElement);
-    console.log("Homepage element: ", homepage);
+}
+
+const startLoading = () => {
+    const loadingElement = document.getElementById("loading");
+    const homepage = document.getElementById("homepage");
+    loadingElement.style.visibility = "visible";
+    homepage.style.visibility = "hidden";
 }

From 324d48e7cf44ccafda9cc6f7e163fa43e1b38826 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sat, 7 Mar 2026 23:22:06 -0700
Subject: [PATCH 19/20] Finished off sonarr integration (Non anime) and
 refactored requests into a Http helper.

---
 .../Controllers/RadarrController.cs           |  43 ++--
 .../Controllers/SonarrController.cs           | 217 ++++++++++++++++++
 .../Helpers/HttpHelper.cs                     |  35 +++
 .../Models/SeriesInfo.cs                      |   1 +
 Jellyfin.Plugin.MediaCleaner/Pages/home.js    |  19 +-
 .../StaleMediaScanner.cs                      |   4 +-
 6 files changed, 291 insertions(+), 28 deletions(-)
 create mode 100644 Jellyfin.Plugin.MediaCleaner/Helpers/HttpHelper.cs

diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
index cb2f8c8..9d5df7a 100644
--- a/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/RadarrController.cs
@@ -1,3 +1,4 @@
+using Jellyfin.Plugin.MediaCleaner.Helpers;
 using Jellyfin.Plugin.MediaCleaner.Models;
 using Microsoft.AspNetCore.Mvc;
 using System;
@@ -37,20 +38,16 @@ public class RadarrController : Controller
         _httpClient.DefaultRequestHeaders.Add("X-Api-Key", Configuration.RadarrAPIKey);
     }
 
-    private async Task<ObjectResult> GetRadarrMovieInfo(MovieInfo movieInfo){
-        var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie");
-        var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+    private async Task<ObjectResult> GetRadarrMovieInfo(MovieInfo movieInfo)
+    {
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.RadarrAddress,
+            HttpMethod.Get,
+            $"/api/v3/movie?tmdbId={Uri.EscapeDataString(movieInfo.TmdbId ?? string.Empty)}&excludeLocalCovers=false"
+        ).ConfigureAwait(false);
 
-        query["tmdbId"] = movieInfo.TmdbId;
-        query["excludeLocalCovers"] = "false";
-
-        uriBuilder.Query = query.ToString();
-        var response = await _httpClient.GetAsync(uriBuilder.Uri).ConfigureAwait(false);
-        response.EnsureSuccessStatusCode();
-
-        var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
-
-        var movies = JsonSerializer.Deserialize<List<RadarrMovie>>(responseBody);
+        var movies = JsonSerializer.Deserialize<List<RadarrMovie>>(responseBody.GetRawText());
         var movie = movies?.FirstOrDefault();
 
         if (movie == null)
@@ -79,19 +76,15 @@ public class RadarrController : Controller
 
             RadarrMovie movie = (RadarrMovie)radarrMovieInfoResult.Value;
 
-            var uriBuilder = new UriBuilder($"{Configuration.RadarrAddress}/api/v3/movie/{movie.Id}");
-            var query = HttpUtility.ParseQueryString(uriBuilder.Query);
+            var responseBody = await HttpHelper.SendHttpRequestAsync(
+                _httpClient,
+                Configuration.RadarrAddress,
+                HttpMethod.Delete,
+                $"/api/v3/movie/{movie.Id}?deleteFiles=true&addImportExclusion=true"
+            ).ConfigureAwait(false);
 
-            query["deleteFiles"] = "true";
-            query["addImportExclusion"] = "true";
-
-            uriBuilder.Query = query.ToString();
-
-            using var request = new HttpRequestMessage(HttpMethod.Delete, uriBuilder.Uri);
-            var response = await _httpClient.SendAsync(request).ConfigureAwait(false);
-            response.EnsureSuccessStatusCode();
-
-            return Ok();
+            // Radarr typically returns an empty body on successful delete.
+            return Ok(responseBody);
         }
         catch (HttpRequestException e)
         {
diff --git a/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs b/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs
index 67a1c50..b3f98a3 100644
--- a/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/SonarrController.cs
@@ -5,9 +5,35 @@ using System.Threading.Tasks;
 using Microsoft.AspNetCore.Http;
 using System.Net.Http.Headers;
 using System;
+using System.Web;
+using System.Text.Json;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text.Json.Serialization;
+using System.Globalization;
+using System.Security.Cryptography.X509Certificates;
+using Jellyfin.Plugin.MediaCleaner.Helpers;
 
 namespace Jellyfin.Plugin.MediaCleaner.Controllers;
 
+public record SonarrSeries(
+    [property: JsonPropertyName("id")] int? Id,
+    [property: JsonPropertyName("title")] string? Title,
+    [property: JsonPropertyName("seasons")] IReadOnlyList<Season> Seasons
+);
+
+public record EpisodeDeletionDetails(
+    [property: JsonPropertyName("id")] int? EpisodeId,
+    [property: JsonPropertyName("episodeFileId")] int? EpisodeFileId,
+    [property: JsonPropertyName("seasonNumber")] int? SeasonNumber
+);
+
+public record EpisodeIdLists(IReadOnlyList<int> EpisodeIds, IReadOnlyList<int> EpisodeFileIds);
+
+public record Season(
+    [property: JsonPropertyName("seasonNumber")] int? SeasonNumber
+);
+
 [Route("sonarr")]
 public class SonarrController : Controller
 {
@@ -25,6 +51,197 @@ public class SonarrController : Controller
         _httpClient.DefaultRequestHeaders.Add("X-Api-Key", Configuration.SonarrAPIKey);
     }
 
+    private async Task<ObjectResult> GetSonarrSeriesInfo(SeriesInfo seriesInfo){
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Get,
+            $"/api/v3/series?tvdbId={Uri.EscapeDataString(seriesInfo.TvdbId ?? string.Empty)}"
+        ).ConfigureAwait(false);
+
+        var seriesResponseObj = JsonSerializer.Deserialize<List<SonarrSeries>>(responseBody.GetRawText());
+        var series = seriesResponseObj?.FirstOrDefault();
+
+        if (series == null)
+        {
+            return NotFound("Series not found in Sonarr library.");
+        }
+
+        return Ok(series);
+    }
+
+    private async Task<ObjectResult> GetSonarrEpisodeInfo(SonarrSeries sonarrSeries){
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Get,
+            $"/api/v3/episode?seriesId={sonarrSeries.Id?.ToString(CultureInfo.InvariantCulture)}"
+        ).ConfigureAwait(false);
+
+        var episodesResponseObj = JsonSerializer.Deserialize<List<EpisodeDeletionDetails>>(responseBody.GetRawText());
+
+        if(episodesResponseObj == null){
+            return NotFound("No episodes in response object.");
+        }
+
+        var seasonNumbers = new HashSet<int>(sonarrSeries.Seasons
+            .Where(s => s.SeasonNumber.HasValue)
+            .Select(s => s.SeasonNumber!.Value));
+
+        var staleEpisodesResponseObj = episodesResponseObj
+            .Where(episodeDeletionDetail => episodeDeletionDetail.SeasonNumber != null &&
+                        seasonNumbers.Contains(episodeDeletionDetail.SeasonNumber.Value))
+            .ToList();
+
+        var episodeIds = staleEpisodesResponseObj
+            .Select(episodeDeletionDetail => episodeDeletionDetail.EpisodeId)
+            .Where(id => id.HasValue)
+            .Select(id => id!.Value)
+            .ToList();
+
+        var episodeFileIds = staleEpisodesResponseObj
+            .Select(episodeDeletionDetail => episodeDeletionDetail.EpisodeFileId)
+            .Where(id => id.HasValue)
+            .Select(id => id!.Value)
+            .ToList();
+
+        return Ok(new EpisodeIdLists(episodeIds, episodeFileIds));
+    }
+
+    [HttpPost("deleteSeriesFromSonarr")]
+    public async Task<IActionResult> DeleteSeriesFromRadarr([FromBody] SeriesInfo seriesInfo){
+
+        if (seriesInfo == null || string.IsNullOrEmpty(seriesInfo.TvdbId))
+        {
+            return BadRequest("Invalid series information provided.");
+        }
+
+        try
+        {
+            var sonarrSeriesInfoResult = await GetSonarrSeriesInfo(seriesInfo).ConfigureAwait(false);
+
+            if(sonarrSeriesInfoResult.StatusCode != StatusCodes.Status200OK || sonarrSeriesInfoResult.Value is not SonarrSeries){
+                return sonarrSeriesInfoResult;
+            }
+
+            SonarrSeries retrievedSeries = (SonarrSeries)sonarrSeriesInfoResult.Value;
+            SonarrSeries staleSeries = new(
+                Id: retrievedSeries.Id,
+                Title: retrievedSeries.Title,
+                Seasons: [.. seriesInfo.Seasons.Select(season => new Season(SeasonNumber: int.Parse(season, CultureInfo.InvariantCulture)))]
+            );
+
+            var episodesToPurgeResult = await GetSonarrEpisodeInfo(staleSeries).ConfigureAwait(false);
+            if (episodesToPurgeResult.StatusCode != StatusCodes.Status200OK || episodesToPurgeResult.Value is not EpisodeIdLists)
+            {
+                return sonarrSeriesInfoResult;
+            }
+
+            EpisodeIdLists episodesToPurge = (EpisodeIdLists)episodesToPurgeResult.Value;
+
+            await UnmonitorSeasons(staleSeries).ConfigureAwait(false);
+            await UnmonitorEpisodeIds(episodesToPurge.EpisodeIds).ConfigureAwait(false);
+            await DeleteEpisodeFiles(episodesToPurge.EpisodeFileIds).ConfigureAwait(false);
+
+            return Ok();
+        }
+        catch (HttpRequestException e)
+        {
+            return StatusCode(StatusCodes.Status500InternalServerError, $"An unexpected error occurred. {e.Message}");
+        }
+    }
+
+    private async Task<ObjectResult> UnmonitorSeasons(SonarrSeries staleSeries){
+        if (staleSeries == null)
+        {
+            return BadRequest("No stale series provided.");
+        }
+
+        var series = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Get,
+            $"/api/v3/series/{staleSeries.Id}"
+        ).ConfigureAwait(false);
+
+        var seriesDict = JsonSerializer.Deserialize<Dictionary<string, object>>(series.GetRawText());
+        if (seriesDict == null)
+        {
+            throw new InvalidOperationException("Failed to deserialize season.");
+        }
+        var seasons = series.GetProperty("seasons").EnumerateArray().ToList();
+
+        var staleSeasonNumbers = staleSeries.Seasons
+            .Select(s => s.SeasonNumber)
+            .ToHashSet();
+
+        var updatedSeasons = seasons.Select(season =>
+        {
+            var seasonNumber = season.GetProperty("seasonNumber").GetInt32();
+
+            if (staleSeasonNumbers.Contains(seasonNumber))
+            {
+                var seasonDict = JsonSerializer.Deserialize<Dictionary<string, object>>(season.GetRawText());
+                if (seasonDict == null)
+                {
+                    throw new InvalidOperationException("Failed to deserialize season.");
+                }
+                seasonDict["monitored"] = false;
+                return seasonDict;
+            }
+
+            return JsonSerializer.Deserialize<Dictionary<string, object>>(season.GetRawText());
+        }).ToArray();
+
+        seriesDict["seasons"] = updatedSeasons;
+
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Put,
+            $"/api/v3/series/{staleSeries.Id}",
+            seriesDict
+        ).ConfigureAwait(false);
+
+        return Ok(responseBody);
+    }
+
+    private async Task<ObjectResult> DeleteEpisodeFiles(IReadOnlyList<int> episodeFileIds)
+    {
+        if (episodeFileIds == null || episodeFileIds.Count == 0)
+        {
+            return BadRequest("No episode file IDs provided.");
+        }
+
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Delete,
+            "/api/v3/episodefile/bulk",
+            new { episodeFileIds }
+        ).ConfigureAwait(false);
+
+        return Ok(responseBody);
+    }
+
+    private async Task<ObjectResult> UnmonitorEpisodeIds(IReadOnlyList<int> episodeIds)
+    {
+        if (episodeIds == null || episodeIds.Count == 0)
+        {
+            return BadRequest("No episode IDs provided.");
+        }
+
+        var responseBody = await HttpHelper.SendHttpRequestAsync(
+            _httpClient,
+            Configuration.SonarrAddress,
+            HttpMethod.Put,
+            "/api/v3/episode/monitor",
+            new { episodeIds, monitored = false }
+        ).ConfigureAwait(false);
+
+        return Ok(responseBody);
+    }
+
     [HttpPost("testConnection")]
     public async Task<IActionResult> TestConnection([FromBody] ConnectionTestRequest request)
     {
diff --git a/Jellyfin.Plugin.MediaCleaner/Helpers/HttpHelper.cs b/Jellyfin.Plugin.MediaCleaner/Helpers/HttpHelper.cs
new file mode 100644
index 0000000..1d2ec2c
--- /dev/null
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/HttpHelper.cs
@@ -0,0 +1,35 @@
+using System;
+using System.Diagnostics.CodeAnalysis;
+using System.Net.Http;
+using System.Text.Json;
+using System.Threading.Tasks;
+using Microsoft.Extensions.Logging;
+
+namespace Jellyfin.Plugin.MediaCleaner.Helpers;
+
+public static class HttpHelper
+{
+    /// <summary>
+    /// Sends a JSON request and returns the raw JSON element response.
+    /// </summary>
+    /// <remarks>
+    /// Do NOT create a new HttpClient on every call; reuse one instance (DI or a singleton) to avoid socket exhaustion.
+    /// </remarks>
+    public static async Task<JsonElement> SendHttpRequestAsync(HttpClient httpClient, string baseAddress, HttpMethod method, string path, object? body = null)
+    {
+        var uri = new UriBuilder($"{baseAddress}{path}").Uri;
+        using var request = new HttpRequestMessage(method, uri);
+
+        if (body != null)
+        {
+            var json = JsonSerializer.Serialize(body);
+            request.Content = new StringContent(json, System.Text.Encoding.UTF8, "application/json");
+        }
+
+        var response = await httpClient.SendAsync(request).ConfigureAwait(false);
+        response.EnsureSuccessStatusCode();
+
+        var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
+        return JsonSerializer.Deserialize<JsonElement>(responseBody);
+    }
+}
diff --git a/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs b/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
index 123e410..47c8d11 100644
--- a/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Models/SeriesInfo.cs
@@ -12,4 +12,5 @@ public class SeriesInfo : MediaInfo
 {
     public Guid SeriesId { get; set; }
     public IEnumerable<string> Seasons { get; set; } = [];
+    public required string? TvdbId { get; set; }
 }
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index 8bca92b..ecd62e5 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -108,7 +108,7 @@ const populateTables = async () => {
             var cell3 = row.insertCell(2);
             cell1.innerHTML = seriesInfo[i].Name;
             cell1.className = "table-text";
-            cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
+            cell2.innerHTML = seriesInfo[i].Seasons.map(season => season).join(", ");
             cell2.className = "table-text";
             cell3.appendChild(createCheckbox(seriesInfo[i], seriesTable, seriesDeleteButton));
             cell3.className = "table-checkbox"
@@ -204,6 +204,20 @@ const deleteMovieFromRadarrApi = async (movie) => {
     }
 }
 
+const deleteSeriesFromSonarrApi = async (series) => {
+    const response = await fetch("/sonarr/deleteSeriesFromSonarr", {
+        method: "POST",
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(series)
+    });
+
+    if(!response.ok){
+        throw new Error(`Response status: ${response.status}`)
+    }
+}
+
 const deleteFromRadarr = async () => {
     // Get all movies with checked checkboxes
     const selectedMovies = getCheckedMedia(moviesTable);
@@ -213,7 +227,8 @@ const deleteFromRadarr = async () => {
 
 const deleteFromSonarr = () => {
     // Need to GET first for seriesIds?
-    getCheckedMedia(seriesTable);
+    const selectedSeries = getCheckedMedia(seriesTable);
+    selectedSeries.forEach(async series => await deleteSeriesFromSonarrApi(series));
     // Use tvdbId included in filenames.
     // /api/v5/series?tvdbId=383275
     // Possibly use statistics from GET to show on front end?
diff --git a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
index a051b7c..8207e26 100644
--- a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
+++ b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
@@ -234,13 +234,15 @@ public sealed class StaleMediaScanner
 
         IEnumerable<SeriesInfo> seriesInfoList = series.Select(series =>
         {
+            series.ProviderIds.TryGetValue("Tvdb", out string? tvdbId);
             series.ProviderIds.TryGetValue("Tmdb", out string? tmdbId);
             return new SeriesInfo
             {
                 SeriesId = series.Id,
                 TmdbId = tmdbId,
+                TvdbId = tvdbId,
                 Name = series.Name,
-                Seasons = [.. seasons.Where(season => season.ParentId == series.Id).Select(season => season.Name)]
+                Seasons = [.. seasons.Where(season => season.ParentId == series.Id).Select(season => season.Name.Replace("Season ", "", StringComparison.OrdinalIgnoreCase))]
             };
         });
 

From 8f049e670448f486e78df3c8156d565015c0d367 Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sun, 8 Mar 2026 00:06:48 -0700
Subject: [PATCH 20/20] Added refresh for buttons so that they aren't visible
 after delete

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.js b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
index ecd62e5..15dcfa5 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -3,6 +3,7 @@ document.addEventListener('pageshow', async () => {
 });
 
 const refreshFrontEnd = async () => {
+    startLoading();
     await updateMediaCleanerState();
 
     var moviesTitle = document.getElementById("moviesTitle");
@@ -219,23 +220,15 @@ const deleteSeriesFromSonarrApi = async (series) => {
 }
 
 const deleteFromRadarr = async () => {
-    // Get all movies with checked checkboxes
     const selectedMovies = getCheckedMedia(moviesTable);
     selectedMovies.forEach(async movie => await deleteMovieFromRadarrApi(movie));
     refreshFrontEnd();
 }
 
 const deleteFromSonarr = () => {
-    // Need to GET first for seriesIds?
     const selectedSeries = getCheckedMedia(seriesTable);
     selectedSeries.forEach(async series => await deleteSeriesFromSonarrApi(series));
-    // Use tvdbId included in filenames.
-    // /api/v5/series?tvdbId=383275
-    // Possibly use statistics from GET to show on front end?
-
-    // Likely need to use EpisodeFile bulk DELETE endpoint
-    // /api/v5/episodefile/bulk​
-    console.log("Delete from Sonarr!")
+    refreshFrontEnd();
 }
 
 const finishLoading = () => {
@@ -248,6 +241,11 @@ const finishLoading = () => {
 const startLoading = () => {
     const loadingElement = document.getElementById("loading");
     const homepage = document.getElementById("homepage");
+    const moviesDeleteButton = document.getElementById('moviesDeleteButton');
+    const seriesDeleteButton = document.getElementById('seriesDeleteButton');
+
     loadingElement.style.visibility = "visible";
     homepage.style.visibility = "hidden";
+    moviesDeleteButton.style.visibility = "hidden";
+    seriesDeleteButton.style.visibility = "hidden";
 }