fix: support orphaned *arr queue items and improve download matching reliability (#73)

client/src/ui/downloads.js

@@ -35,12 +35,17 @@ export function renderTagBadges(tagBadges, showAll, matchedUserTag) {
 function createClientLogo(download) {
   const clientLogoWrapper = document.createElement('span');
   clientLogoWrapper.className = 'download-client-logo-wrapper download-card-logo-wrapper';
+  if (download.isOrphaned) {
+    clientLogoWrapper.classList.add('orphaned-logo');
+  }
 
   const clientLogo = document.createElement('img');
   clientLogo.className = 'download-client-logo';
   clientLogo.src = `/images/clients/${download.client}.svg`;
   clientLogo.alt = `${download.instanceName || download.client} icon`;
-  clientLogo.title = download.instanceName || download.client;
+  clientLogo.title = download.isOrphaned
+    ? "This download is managed by a *arr instance's download client that is not configured in Sofarr."
+    : (download.instanceName || download.client);
   clientLogo.onerror = () => {
     clientLogoWrapper.textContent = download.client.charAt(0).toUpperCase();
     clientLogoWrapper.classList.add('fallback');
@@ -303,7 +308,7 @@ export async function handleBlocklistSearchClick(btn, download) {
 
 export function createDownloadCard(download) {
   const card = document.createElement('div');
-  card.className = `download-card ${download.type}`;
+  card.className = `download-card ${download.type}${download.isOrphaned ? ' orphaned' : ''}`;
   card.dataset.id = download.title;
   
   // Cover art