export const smartQueueSource = "  function smartHistoryDetails(row){ try{ return typeof row.details_json==='string'?JSON.parse(row.details_json||'{}'):(row.details_json||{}); }catch(e){ return {}; } }\n  function smartQueueToastMessage(r){ const pending=r.start_pending_confirmation?.length||0; const requested=r.start_requested?.length||0; const stopFailed=r.stop_failed?.length||0; const startFailed=r.start_failed?.length||0; const limit=r.max_active_downloads||r.settings?.max_active_downloads||''; const activeBefore=r.active_before; const activeAfter=r.active_after_stop ?? r.active_after_expected; const activeTail=activeBefore!==undefined?`, active ${esc(activeBefore)}->${esc(activeAfter ?? '?')}${limit?`/${esc(limit)}`:''}`:''; const cap=r.rtorrent_cap?.updated?`, cap ${r.rtorrent_cap.current}->${r.rtorrent_cap.new}`:''; const waiting=r.waiting_labeled||0; const stalled=r.stalled_labeled?.length||0; const ignoredSpeed=(r.ignore_speed||r.settings?.ignore_speed)?Number(r.ignored_speed_count||0):0; const tail=pending?`, pending confirm ${pending}`:requested?`, requested ${requested}`:''; const waitTail=waiting?`, waiting labeled ${waiting}`:''; const stalledTail=stalled?`, stalled ${stalled}`:''; const ignoredSpeedTail=(r.ignore_speed||r.settings?.ignore_speed)?`, ignored speed ${ignoredSpeed}`:''; const failTail=`${stopFailed?`, stop failed ${stopFailed}`:''}${startFailed?`, start failed ${startFailed}`:''}`; return `Smart Queue: stopped ${r.stopped?.length||r.paused?.length||0}, started ${r.started?.length||r.resumed?.length||0}${activeTail}${tail}${waitTail}${stalledTail}${ignoredSpeedTail}${failTail}${cap}`; }\n  function buildSmartQueueNerdStats(hist=[], totalHistory=0){\n    // Note: Small Smart Queue telemetry for automation nerds; it reads history only and does not affect queue behavior.\n    const stats=hist.reduce((acc,h)=>{\n      const details=smartHistoryDetails(h);\n      const stopped=Number(h.paused_count||0);\n      const started=Number(h.resumed_count||0);\n      const checked=Number(h.checked_count||0);\n      const over=Number(details.over_limit||0);\n      const stopFailed=Array.isArray(details.stop_failed)?details.stop_failed.length:0;\n      acc.checked += checked;\n      acc.stopped += stopped;\n      acc.started += started;\n      acc.overLimit += over;\n      acc.stopFailed += stopFailed;\n      if(over>0) acc.overEvents += 1;\n      return acc;\n    },{checked:0,stopped:0,started:0,overLimit:0,overEvents:0,stopFailed:0});\n    const latest=hist[0]||null;\n    return {...stats,total:Number(totalHistory||hist.length||0),sample:hist.length,latestEvent:smartHistoryDetails(latest||{}).decision||latest?.event||'-',latestAt:latest?.created_at||''};\n  }\n\n  function renderSmartQueueNerdStats(stats){\n    // Note: Compact cards keep the extra diagnostics readable above Automation history without changing the history table.\n    if(!stats) return '<div class=\"automation-smart-stats empty-mini\">No Smart Queue stats yet.</div>';\n    const cards=[\n      ['Runs',stats.total,`${stats.sample} loaded`],\n      ['Checked',stats.checked,'torrent scans'],\n      ['Stopped',stats.stopped,'queue trims'],\n      ['Started',stats.started,'queue fills'],\n      ['Over limit',stats.overEvents,`${stats.overLimit} total over`],\n      ['Stop failed',stats.stopFailed,'rTorrent rejects'],\n      ['Latest',stats.latestEvent,stats.latestAt?dateCell(stats.latestAt):'no timestamp'],\n    ];\n    return `<div class=\"automation-smart-stats\" aria-label=\"Smart Queue nerd stats\">${cards.map(([label,value,hint])=>`<div class=\"automation-smart-stat\"><span>${esc(label)}</span><b>${esc(value)}</b><small>${hint}</small></div>`).join('')}</div>`;\n  }\n  function formatDurationLeft(seconds){ seconds=Math.max(0,Math.floor(Number(seconds||0))); if(!seconds) return \"ready\"; const m=Math.floor(seconds/60), s=seconds%60; return m?`${m}m ${String(s).padStart(2,\"0\")}s`:`${s}s`; }\n  function updateCooldownBadge(id, seconds){\n    const el=$(id); if(!el) return;\n    const value=Math.max(0,Math.floor(Number(seconds||0)));\n    el.dataset.seconds=String(value);\n    el.textContent=`next: ${formatDurationLeft(value)}`;\n  }\n  function tickCooldowns(){\n    document.querySelectorAll(\".cooldown-live\").forEach(el=>{\n      let v=Math.max(0,Number(el.dataset.seconds||0));\n      if(v>0){ v-=1; el.dataset.seconds=String(v); }\n      el.textContent=`next: ${formatDurationLeft(v)}`;\n    });\n  }\n  setInterval(tickCooldowns,1000);\n\n  function smartQueueTorrentLabel(t){\n    const bits=[t.name || t.hash, t.label ? `label: ${t.label}` : '', t.status || '', t.size_h || ''].filter(Boolean);\n    return bits.join(' · ');\n  }\n  function smartQueueExcludedSet(){\n    return new Set([...document.querySelectorAll('.smart-exclusion-choice:checked')].map(input=>input.value).filter(Boolean));\n  }\n  function updateSmartQueueExclusionCounter(){\n    // Note: The counter is UI-only and does not change how exceptions are saved.\n    const counter=$('smartExclusionCounter');\n    if(!counter) return;\n    const selected=smartQueueExcludedSet().size;\n    const visible=[...document.querySelectorAll('.smart-exclusion-choice-row')].filter(row=>!row.classList.contains('d-none')).length;\n    counter.textContent=`${selected} selected · ${visible} visible`;\n  }\n  function smartQueueVisibleExceptionRows(){\n    return [...document.querySelectorAll('.smart-exclusion-choice-row')].filter(row=>!row.classList.contains('d-none'));\n  }\n  function setSmartQueueVisibleExceptions(checked){\n    // Note: Bulk actions affect only visible filtered rows, preserving hidden selections.\n    smartQueueVisibleExceptionRows().forEach(row=>{\n      const input=row.querySelector('.smart-exclusion-choice');\n      if(input) input.checked=checked;\n    });\n    updateSmartQueueExclusionCounter();\n  }\n  function renderSmartQueueExclusionChoices(exclusions=[]){\n    const list=$('smartExclusionChoiceList');\n    if(!list) return;\n    const excluded=new Set((exclusions||[]).map(x=>String(x.torrent_hash||'')));\n    selectedHashes().forEach(hash=>excluded.add(String(hash)));\n    const rows=[...torrents.values()].sort((a,b)=>String(a.name||'').localeCompare(String(b.name||'')));\n    const fallback=(exclusions||[])\n      .filter(x=>x.torrent_hash && !torrents.has(x.torrent_hash))\n      .map(x=>({hash:x.torrent_hash,name:`Missing from current list: ${x.torrent_hash}`,label:x.reason||'manual exception'}));\n    const all=[...rows, ...fallback];\n    list.innerHTML=all.length ? all.map(t=>{\n      const hash=String(t.hash||'');\n      const checked=excluded.has(hash) ? 'checked' : '';\n      return `<label class=\"smart-exclusion-choice-row\"><input class=\"form-check-input smart-exclusion-choice\" type=\"checkbox\" value=\"${esc(hash)}\" ${checked}><span><b>${esc(t.name||hash)}</b><small>${esc(smartQueueTorrentLabel(t))}</small></span></label>`;\n    }).join('') : '<div class=\"empty-mini\">No torrents are loaded for this profile.</div>';\n    list.querySelectorAll('.smart-exclusion-choice').forEach(input=>input.addEventListener('change', updateSmartQueueExclusionCounter));\n    filterSmartQueueExclusionChoices();\n  }\n  function filterSmartQueueExclusionChoices(){\n    const query=($('smartExclusionSearch')?.value||'').trim().toLowerCase();\n    const onlySelected=!!$('smartExclusionOnlySelected')?.checked;\n    document.querySelectorAll('.smart-exclusion-choice-row').forEach(row=>{\n      const matchesQuery=!query || row.textContent.toLowerCase().includes(query);\n      const matchesSelected=!onlySelected || !!row.querySelector('.smart-exclusion-choice')?.checked;\n      row.classList.toggle('d-none', !(matchesQuery && matchesSelected));\n    });\n    updateSmartQueueExclusionCounter();\n  }\n  async function openSmartQueueExclusionModal(){\n    await loadSmartQueue();\n    const modalEl=$('smartExclusionModal');\n    if(!modalEl) return;\n    const current=await fetch('/api/smart-queue?history_limit=1').then(r=>r.json()).catch(()=>({exclusions:[]}));\n    if($('smartExclusionOnlySelected')) $('smartExclusionOnlySelected').checked=false;\n    renderSmartQueueExclusionChoices(current.exclusions||[]);\n    $('smartExclusionSearch')?.focus();\n    bootstrap.Modal.getOrCreateInstance(modalEl).show();\n  }\n  async function saveSmartQueueExclusionChoices(){\n    const current=await fetch('/api/smart-queue?history_limit=1').then(r=>r.json()).catch(()=>({exclusions:[]}));\n    const before=new Set((current.exclusions||[]).map(x=>String(x.torrent_hash||'')));\n    const after=smartQueueExcludedSet();\n    const add=[...after].filter(hash=>!before.has(hash));\n    const remove=[...before].filter(hash=>!after.has(hash));\n    if(!add.length && !remove.length){\n      bootstrap.Modal.getInstance($('smartExclusionModal'))?.hide();\n      return toast('Smart Queue exceptions unchanged','secondary');\n    }\n    setBusy(true);\n    try{\n      for(const hash of add) await post('/api/smart-queue/exclusion',{hash,excluded:true,reason:'manual'});\n      for(const hash of remove) await post('/api/smart-queue/exclusion',{hash,excluded:false,reason:'manual'});\n      bootstrap.Modal.getInstance($('smartExclusionModal'))?.hide();\n      toast('Smart Queue exceptions saved','success');\n      await loadSmartQueue();\n    }catch(e){\n      toast(e.message,'danger');\n    }finally{\n      setBusy(false);\n    }\n  }\n  async function loadSmartQueue(){\n    if($('smartManager')) $('smartManager').innerHTML=loadingMarkup('Loading Smart Queue...');\n    if($('smartHistory')) $('smartHistory').innerHTML=loadingMarkup('Loading Smart Queue history...');\n    const historyLimit=smartHistoryExpanded?100:10;\n    const j=await (await fetch(`/api/smart-queue?history_limit=${historyLimit}`)).json();\n    if(!j.ok) return;\n    const st=j.settings||{}, ex=j.exclusions||[], hist=j.history||[];\n    const totalHistory=Number(j.history_total ?? hist.length);\n    if($('smartEnabled')) $('smartEnabled').checked=!!st.enabled;\n    if($('smartMaxActive')) $('smartMaxActive').value=st.max_active_downloads||5;\n    if($('smartStalled')) $('smartStalled').value=st.stalled_seconds||300;\n    if($('smartStopBatch')) $('smartStopBatch').value=st.stop_batch_size||50;\n    if($('smartStartGrace')) $('smartStartGrace').value=st.start_grace_seconds||900;\n    if($('smartProtectActiveBelowCap')) $('smartProtectActiveBelowCap').checked=st.protect_active_below_cap!==0;\n    if($('smartAutoStopIdle')) $('smartAutoStopIdle').checked=!!st.auto_stop_idle;\n    if($('smartMinSpeed')) $('smartMinSpeed').value=Math.round((st.min_speed_bytes||0)/1024);\n    if($('smartMinSeeds')) $('smartMinSeeds').value=st.min_seeds||1;\n    if($('smartMinPeers')) $('smartMinPeers').value=st.min_peers||0;\n    if($('smartIgnoreSeedPeer')) $('smartIgnoreSeedPeer').checked=!!st.ignore_seed_peer;\n    if($('smartIgnoreSpeed')) $('smartIgnoreSpeed').checked=!!st.ignore_speed;\n    if($('smartCooldown')) $('smartCooldown').value=st.cooldown_minutes||10;\n    const refillMode=!Number(st.refill_enabled ?? 1) ? 'off' : (Number(st.refill_interval_minutes||0)>0 ? 'custom' : 'auto');\n    if($('smartRefillMode')) $('smartRefillMode').value=refillMode;\n    if($('smartRefillInterval')) $('smartRefillInterval').value=Number(st.refill_interval_minutes||0)>0 ? st.refill_interval_minutes : 5;\n    updateSmartRefillControls();\n    updateCooldownBadge('smartCooldownBadge', Number(j.cooldown_remaining_seconds||0));\n    if($('smartCooldownHint')) $('smartCooldownHint').textContent=st.enabled ? `Automatic run every ${st.cooldown_minutes||10} minute(s). Manual check ignores cooldown.` : 'Smart Queue is disabled; timer starts after it is enabled and runs once.';\n    if($('smartRefillHint')) $('smartRefillHint').textContent=smartRefillHintText(refillMode, Number(st.refill_interval_minutes||0), Number(j.refill_remaining_seconds||0));\n    if($('smartManager')){\n      const nameForHash=hash=>torrents.get(hash)?.name || hash;\n      $('smartManager').innerHTML=ex.length\n        ? responsiveTable(['Torrent','Hash','Reason','Created','Action'],ex.map(x=>[esc(nameForHash(x.torrent_hash)),esc(x.torrent_hash),esc(x.reason||''),dateCell(x.created_at),`<button class=\"btn btn-xs btn-outline-danger smart-unexclude\" data-hash=\"${esc(x.torrent_hash)}\"><i class=\"fa-solid fa-xmark\"></i> remove exception</button>`]),'smart-exclusions-table')\n        : '<div class=\"empty-mini\"><i class=\"fa-solid fa-circle-info\"></i> No Smart Queue exceptions. Use <b>Manage exceptions</b> to choose torrents ignored by Smart Queue.</div>';\n    }\n    if($('smartHistory')){\n      const body=hist.length\n        ? responsiveTable(['Time','Event','Checked','Active','Slot details','Limit','Over','Stopped','Requested','Verified','Pending','Stalled'],hist.map(h=>{\n          // Note: Pending and Stalled are separate audit columns so delayed starts and stopped stalled torrents are visible independently.\n          const d=smartHistoryDetails(h);\n          const activeBefore=d.active_before ?? '-';\n          const activeAfter=d.active_after_expected ?? d.active_after_stop ?? '-';\n          const limit=d.max_active_downloads ?? '-';\n          const requested=Number(d.start_requested_count ?? (d.start_requested||[]).length ?? 0);\n          const verified=Number(d.active_verified_count ?? (d.active_verified||[]).length ?? 0);\n          const pending=Number(d.pending_confirmation_count ?? (d.start_pending_confirmation||[]).length ?? 0);\n          const stalledDetected=Number(d.stalled_detected||0);\n          const stalledStopped=Number(d.stalled_stopped||0);\n          const stalledProtected=Number(d.protected_stalled||0);\n          const stalledText=stalledDetected?`${stalledStopped}/${stalledDetected}${stalledProtected?` protected ${stalledProtected}`:''}`:'-';\n          const slotNote=d.cooldown_refill ? `state ${d.active_state_count ?? '-'} / rT active ${d.active_rtorrent_count ?? '-'} / transferring ${d.active_transferring_count ?? '-'}` : '-';\n          return [dateCell(h.created_at),esc(d.decision||h.event||'-'),esc(h.checked_count||d.checked||0),esc(`${activeBefore}->${activeAfter}`),esc(slotNote),esc(limit),esc(d.over_limit||0),esc(h.paused_count||0),esc(requested),esc(verified),esc(pending||'-'),esc(stalledText)];\n        }),'smart-history-table')\n        : '<div class=\"empty-mini\">No Smart Queue operations yet.</div>';\n      const canToggle=totalHistory>10;\n      const toggle=canToggle?`<button id=\"smartHistoryToggle\" class=\"btn btn-xs btn-outline-secondary mt-2\"><i class=\"fa-solid fa-list\"></i> ${smartHistoryExpanded?'Show last 10':'Show more'} (${esc(totalHistory)})</button>`:'';\n      const clear=totalHistory?`<button id=\"smartHistoryClear\" class=\"btn btn-xs btn-outline-danger mt-2 ms-2\"><i class=\"fa-solid fa-trash-can\"></i> Clear history</button>`:'';\n      $('smartHistory').innerHTML=`${body}${toggle}${clear}`;\n    }\n  }\n  function smartRefillHintText(mode, minutes, remainingSeconds){\n    // Note: Refill mode controls only the lightweight slot top-up during cooldown, not the full Smart Queue pass.\n    if(mode==='off') return 'Refill is disabled. Smart Queue will only fill slots during full checks or manual checks.';\n    if(mode==='custom'){\n      const wait=Number(remainingSeconds||0)>0 ? ` Next refill in ${formatDurationLeft(remainingSeconds)}.` : '';\n      return `Refill runs at most every ${Math.max(1, Number(minutes||5))} minute(s) while Smart Queue is in cooldown.${wait}`;\n    }\n    return 'Refill uses the current automatic poller cadence during cooldown, usually about every 2 minutes.';\n  }\n  function updateSmartRefillControls(){\n    const mode=$('smartRefillMode')?.value||'auto';\n    const interval=$('smartRefillInterval');\n    if(interval) interval.disabled=mode!=='custom';\n  }\n  async function setSmartException(hashes, excluded, reason='manual'){ const list=[...new Set(hashes||[])].filter(Boolean); if(!list.length) return toastMessage('toast.noTorrentsSelected','warning'); setBusy(true); try{ for(const h of list) await post('/api/smart-queue/exclusion',{hash:h,excluded,reason}); toast(excluded?'Smart Queue exception added':'Smart Queue exception removed','success'); await loadSmartQueue(); }catch(e){toast(e.message,'danger');} finally{setBusy(false);} }\n  async function saveSmartQueue(){ await post('/api/smart-queue',{enabled:$('smartEnabled')?.checked,max_active_downloads:$('smartMaxActive')?.value,stalled_seconds:$('smartStalled')?.value,stop_batch_size:$('smartStopBatch')?.value||50,start_grace_seconds:$('smartStartGrace')?.value||900,protect_active_below_cap:$('smartProtectActiveBelowCap')?.checked,auto_stop_idle:$('smartAutoStopIdle')?.checked,min_speed_bytes:Math.round(Number($('smartMinSpeed')?.value||0)*1024),min_seeds:$('smartMinSeeds')?.value,min_peers:$('smartMinPeers')?.value,ignore_seed_peer:$('smartIgnoreSeedPeer')?.checked,ignore_speed:$('smartIgnoreSpeed')?.checked,cooldown_minutes:$('smartCooldown')?.value||10,refill_mode:$('smartRefillMode')?.value||'auto',refill_interval_minutes:$('smartRefillInterval')?.value||5}); toast('Smart Queue saved','success'); await loadSmartQueue(); }\n\n  function normalizeRtConfigValue(value, type='text'){\n    const raw=String(value ?? '').trim();\n    if(type==='bool') return ['1','true','yes','on'].includes(raw.toLowerCase()) ? '1' : '0';\n    if(type==='number'){\n      if(raw==='') return '0';\n      const normalized=Number(raw.replace(',', '.'));\n      return Number.isFinite(normalized) ? String(Math.trunc(normalized)) : raw;\n    }\n    return raw;\n  }\n  function rtConfigInputValue(input){\n    const type=input.dataset.type || rtConfigFieldTypes.get(input.dataset.key) || 'text';\n    const value=type==='bool' && input.type==='checkbox' ? (input.checked?'1':'0') : input.value;\n    return normalizeRtConfigValue(value, type);\n  }\n  function rtConfigOriginalValue(input){\n    const key=input.dataset.key;\n    return normalizeRtConfigValue(input.dataset.original ?? rtConfigOriginal.get(key), input.dataset.type || rtConfigFieldTypes.get(key) || 'text');\n  }\n  function collectRtConfigChanges(){\n    const values={};\n    document.querySelectorAll('.rt-config-input').forEach(input=>{\n      if(input.disabled) return;\n      const cur=rtConfigInputValue(input);\n      const orig=rtConfigOriginalValue(input);\n      if(cur!==orig) values[input.dataset.key]=cur;\n    });\n    return values;\n  }\n  function collectRtConfigClearKeys(){\n    const keys=[];\n    document.querySelectorAll('.rt-config-input').forEach(input=>{\n      if(input.disabled || input.dataset.saved!=='true') return;\n      const cur=rtConfigInputValue(input);\n      const orig=rtConfigOriginalValue(input);\n      if(cur===orig) keys.push(input.dataset.key);\n    });\n    return keys;\n  }\n  function updateRtConfigDirty(){\n    const changed=collectRtConfigChanges();\n    const clearKeys=collectRtConfigClearKeys();\n    document.querySelectorAll('.rt-config-input').forEach(input=>{\n      const row=input.closest('.rt-config-row');\n      if(row) row.classList.toggle('changed', Object.prototype.hasOwnProperty.call(changed,input.dataset.key));\n    });\n    const configChanges=Object.keys(changed).length;\n    const applyChanged=!!$('rtConfigApplyOnStart') && $('rtConfigApplyOnStart').checked!==rtConfigOriginalApplyOnStart;\n    const total=configChanges + clearKeys.length + (applyChanged ? 1 : 0);\n    if($('rtConfigChangedCount')) $('rtConfigChangedCount').textContent=total?`${total} changed`:'No changes';\n    if($('rtConfigGenerateBtn')) $('rtConfigGenerateBtn').disabled=!configChanges;\n    if($('rtConfigSaveBtn')) $('rtConfigSaveBtn').disabled=!total;\n  }\n  function rtConfigHelpText(field){\n    const parts = [];\n    if(field.description) parts.push(field.description);\n    if(field.recommendation) parts.push(`Recommendation: ${field.recommendation}`);\n    if(field.error) parts.push(`Runtime note: ${field.error}`);\n    return parts.join(' ');\n  }\n  function rtConfigGroupIntro(group){\n    const notes = {\n      'Directories': 'Paths used by rTorrent for downloads, state and runtime context.',\n      'Network': 'Connectivity limits, listening ports and HTTP/XML-RPC behavior.',\n      'Peers': 'Peer discovery and peer count targets for downloading and seeding.',\n      'Throttle': 'Global speed and active slot limits used by the rTorrent scheduler.',\n      'DHT / PEX': 'Distributed peer discovery options; verify private tracker rules before enabling.',\n      'Protocol': 'Advanced peer protocol behavior. Keep defaults unless you know the tracker/network requirement.',\n      'Files': 'Disk, hashing and piece cache behavior. Tune carefully on busy storage.',\n      'System': 'Runtime identity and filesystem permissions.'\n    };\n    return notes[group] || 'Additional rTorrent runtime settings.';\n  }\n  function rtConfigFieldState(field){\n    if(!field.ok) return '<span class=\"rt-config-state rt-config-state-unavailable\">Unavailable</span>';\n    if(field.readonly) return '<span class=\"rt-config-state\">Read only</span>';\n    if(field.saved) return '<span class=\"rt-config-state rt-config-state-saved\">Saved override</span>';\n    return '<span class=\"rt-config-state rt-config-state-live\">Live</span>';\n  }\n  function rtConfigFieldMarkup(field){\n    const disabled=(!field.ok||field.readonly)?'disabled':'';\n    const type=['bool','number'].includes(field.type)?field.type:'text';\n    const originalValue=normalizeRtConfigValue(field.baseline_value ?? field.current_value ?? field.value, type);\n    const displayValue=normalizeRtConfigValue(field.saved ? field.saved_value : (field.value ?? field.current_value), type);\n    rtConfigOriginal.set(field.key, originalValue);\n    rtConfigFieldTypes.set(field.key, type);\n    const originalAttr=esc(originalValue);\n    const help=rtConfigHelpText(field);\n    const valueNote=field.saved?`<small class=\"rt-config-value-note\">Reference: ${esc(originalValue)} → saved: ${esc(displayValue)}</small>`:'';\n    const input=type==='bool'\n      ? `<span class=\"form-check form-switch rt-config-switch\"><input class=\"form-check-input rt-config-input\" data-key=\"${esc(field.key)}\" data-type=\"bool\" data-original=\"${originalAttr}\" data-saved=\"${field.saved?'true':'false'}\" type=\"checkbox\" ${displayValue==='1'?'checked':''} ${disabled}><span class=\"form-check-label\">${displayValue==='1'?'On':'Off'}</span></span>`\n      : `<input class=\"form-control form-control-sm rt-config-input\" data-key=\"${esc(field.key)}\" data-type=\"${esc(type)}\" data-original=\"${originalAttr}\" data-saved=\"${field.saved?'true':'false'}\" type=\"${type==='number'?'number':'text'}\" value=\"${esc(displayValue)}\" placeholder=\"${esc(field.placeholder||'')}\" ${disabled}>`;\n    // Note: Help text is exposed only through the question-mark tooltip to avoid duplicated descriptions under every option.\n    return `<label class=\"rt-config-card ${field.ok?'':'disabled'} ${field.changed?'changed-live':''}\"><span class=\"rt-config-card-head\"><span><b>${esc(field.label)}</b><small>${esc(field.key)}</small></span><button class=\"btn btn-sm btn-link rt-config-help\" type=\"button\" tabindex=\"-1\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"${esc(help)}\"><i class=\"fa-regular fa-circle-question\"></i></button></span><span class=\"rt-config-control\">${input}${rtConfigFieldState(field)}</span>${valueNote}</label>`;\n  }\n  function renderRtConfigGroups(fields){\n    const groups = new Map();\n    fields.forEach(field=>{\n      const group=field.group||'Other';\n      if(!groups.has(group)) groups.set(group, []);\n      groups.get(group).push(field);\n    });\n    return [...groups.entries()].map(([group, items])=>`<details class=\"rt-config-section\" open><summary><span><i class=\"fa-solid fa-sliders\"></i> ${esc(group)}</span><small>${esc(rtConfigGroupIntro(group))}</small></summary><div class=\"rt-config-grid\">${items.map(rtConfigFieldMarkup).join('')}</div></details>`).join('');\n  }\n\n  async function loadRtConfig(){\n    const box=$('rtConfigManager');\n    if(!box)return;\n    box.innerHTML='<span class=\"spinner-border spinner-border-sm\"></span> Loading config...';\n    try{\n      const j=await (await fetch('/api/rtorrent-config')).json();\n      if(!j.ok) throw new Error(j.error||'Config load failed');\n      const fields=j.config?.fields||[];\n      rtConfigOriginal=new Map();\n      rtConfigFieldTypes=new Map();\n      rtConfigOriginalApplyOnStart=!!j.config?.apply_on_start;\n      // Note: rTorrent settings are rendered as grouped cards, keeping the old save/reset/generate flow intact while removing the noisy summary block.\n      box.innerHTML=`<div class=\"rt-config-shell\">${renderRtConfigGroups(fields)}</div>`;\n      if($('rtConfigApplyOnStart')) $('rtConfigApplyOnStart').checked=rtConfigOriginalApplyOnStart;\n      updateRtConfigDirty();\n      document.querySelectorAll('#rtConfigManager [data-bs-toggle=\"tooltip\"]').forEach(el=>bootstrap.Tooltip.getOrCreateInstance(el));\n    }catch(e){ box.innerHTML=`<div class=\"text-danger\">${esc(e.message)}</div>`; }\n  }\n  async function saveRtConfig(){\n    const values=collectRtConfigChanges();\n    const clear_keys=collectRtConfigClearKeys();\n    clear_keys.forEach(key=>{\n      const input=document.querySelector(`.rt-config-input[data-key=\"${CSS.escape(key)}\"]`);\n      if(input) values[key]=rtConfigOriginalValue(input);\n    });\n    setBusy(true);\n    try{\n      const j=await post('/api/rtorrent-config',{values,clear_keys,apply_on_start:!!$('rtConfigApplyOnStart')?.checked,apply_now:true});\n      toastMessage('toast.rtorrentConfigSaved','success',{updated:j.result?.updated?.length});\n      await loadRtConfig();\n    }catch(e){\n      toast(e.message,'danger');\n    } finally{\n      setBusy(false);\n    }\n  }\n  async function resetRtConfig(){\n    // Note: Reset clears only saved UI overrides, then reloads the live state from rTorrent.\n    if(!confirm('Clear all saved rTorrent UI overrides and reload current rTorrent values?')) return;\n    setBusy(true);\n    try{\n      const j=await post('/api/rtorrent-config/reset',{});\n      toastMessage('toast.rtorrentConfigReset','success',{removed:j.config?.reset_removed});\n      await loadRtConfig();\n    }catch(e){\n      toast(e.message,'danger');\n    } finally{\n      setBusy(false);\n    }\n  }\n  async function generateRtConfig(){ const values=collectRtConfigChanges(); try{ const res=await fetch('/api/rtorrent-config/generate',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({values})}); const j=await res.json(); if(!j.ok) throw new Error(j.error||'Generate failed'); if($('rtConfigOutput')) $('rtConfigOutput').value=j.config_text||''; toast('Config generated','success'); }catch(e){ toast(e.message,'danger'); } }\n\n  function bootstrapThemeUrl(theme){ /* Note: Themes use the URL map generated by the backend, so they also work offline. */ const key=theme||\"default\"; return window.PYTORRENT?.bootstrapThemeUrls?.[key] || window.PYTORRENT?.bootstrapThemeUrls?.default || \"\"; }\n  function applyBootstrapTheme(theme){\n    // Note: Custom Bootstrap 2-inspired themes are normal selectable themes and keep light/dark compatibility through data-bs-theme.\n    bootstrapTheme = theme || \"default\";\n    document.documentElement.dataset.bootstrapSkin = bootstrapTheme;\n    const link=$(\"bootstrapThemeStylesheet\");\n    if(link) link.href = bootstrapThemeUrl(bootstrapTheme);\n    if($(\"bootstrapThemeSelect\")) $(\"bootstrapThemeSelect\").value = bootstrapTheme;\n  }\n  function applyFontFamily(font){ fontFamily = font || \"default\"; document.documentElement.dataset.appFont = fontFamily; if($(\"fontFamilySelect\")) $(\"fontFamilySelect\").value = fontFamily; }\n  function clampInterfaceScale(value){ value = Number(value || 100); if(!Number.isFinite(value)) value = 100; return Math.max(80, Math.min(140, Math.round(value / 5) * 5)); }\n  function applyInterfaceScale(value){ interfaceScale = clampInterfaceScale(value); document.documentElement.style.setProperty(\"--ui-scale\", String(interfaceScale / 100)); if($(\"interfaceScaleRange\")) $(\"interfaceScaleRange\").value = interfaceScale; if($(\"interfaceScaleValue\")) $(\"interfaceScaleValue\").textContent = `${interfaceScale}%`; scheduleRender(false); }\n  function torrentRowHeight(){ return compactTorrentListEnabled ? COMPACT_ROW_HEIGHT : ROW_HEIGHT; }\n  function applyCompactTorrentList(value){\n    // Note: The compact switch changes density only; filtering, sorting and existing row actions stay unchanged.\n    compactTorrentListEnabled = !!value;\n    document.body.classList.toggle(\"compact-torrent-list\", compactTorrentListEnabled);\n    if($(\"compactTorrentListEnabled\")) $(\"compactTorrentListEnabled\").checked = compactTorrentListEnabled;\n    scheduleRender(true);\n  }\n  async function saveAppearancePreferences(){ applyBootstrapTheme($(\"bootstrapThemeSelect\")?.value || \"default\"); applyFontFamily($(\"fontFamilySelect\")?.value || \"default\"); applyInterfaceScale($(\"interfaceScaleRange\")?.value || interfaceScale); applyCompactTorrentList($(\"compactTorrentListEnabled\")?.checked); try{ await post(\"/api/preferences\",{bootstrap_theme:bootstrapTheme,font_family:fontFamily,interface_scale:interfaceScale,compact_torrent_list_enabled:compactTorrentListEnabled}); toast(\"Appearance preferences saved\",\"success\"); }catch(e){ toast(e.message,\"danger\"); } }\n  if($(\"titleSpeedEnabled\")) $(\"titleSpeedEnabled\").checked=titleSpeedEnabled;\n  applyBootstrapTheme(bootstrapTheme);\n  applyCompactTorrentList(compactTorrentListEnabled);\n\n  function setupPeersRefresh(tab=activeTab()){ clearInterval(peersRefreshTimer); peersRefreshTimer=null; if($('peersRefreshSelect')) $('peersRefreshSelect').value=String(peersRefreshSeconds||0); if(tab==='peers' && peersRefreshSeconds>0){ peersRefreshTimer=setInterval(()=>{ if(activeTab()==='peers' && selectedHash) loadDetails('peers'); }, peersRefreshSeconds*1000); } }\n  function refreshPeersOnceForReverseDns(){\n    // Note: Reverse DNS can resolve after the first peers fetch, so trigger one silent follow-up even when auto-refresh is disabled.\n    if(activeTab()==='peers' && selectedHash){\n      loadDetails('peers');\n      setTimeout(()=>{ if(activeTab()==='peers' && selectedHash) loadDetails('peers',{silent:true}); }, 1200);\n    }\n  }\n  function syncMobileMode(){ const auto=window.matchMedia&&window.matchMedia(\"(max-width: 900px)\").matches; document.body.classList.toggle(\"mobile-mode\", auto || document.body.classList.contains(\"mobile-mode-manual\")); scheduleRender(true); }\n\n\n  let automationRulesCache=[];\n  let automationConditions=[];\n  let automationEffects=[];\n\n  function automationCondition(){\n    const type=$('autoConditionType')?.value||'completed';\n    const cond={type, negate:!!$('autoCondNegate')?.checked};\n    if(type==='no_seeds'){ cond.seeds=Number($('autoCondSeeds')?.value||0); cond.minutes=Number($('autoCondMinutes')?.value||0); }\n    if(type==='ratio_gte') cond.ratio=Number($('autoCondRatio')?.value||1);\n    // Note: Progress conditions compare the torrent completion percentage stored in the live torrent row.\n    if(type==='progress_gte'||type==='progress_lte') cond.progress=Number($('autoCondProgress')?.value||0);\n    if(type==='label_missing'||type==='label_has') cond.label=$('autoCondLabel')?.value||'';\n    if(type==='status') cond.status=$('autoCondStatus')?.value||'Seeding';\n    if(type==='path_contains') cond.text=$('autoCondText')?.value||'';\n    return cond;\n  }\n\n  function automationEffect(){\n    const type=$('autoEffectType')?.value||'add_label';\n    const eff={type};\n    if(type==='move'){\n      eff.path=$('autoEffectPath')?.value||'';\n      eff.move_data=!!$('autoMoveData')?.checked;\n      eff.recheck=!!$('autoMoveRecheck')?.checked;\n      eff.keep_seeding=!!$('autoMoveKeepSeeding')?.checked;\n    }\n    if(type==='add_label'||type==='remove_label') eff.label=$('autoEffectLabel')?.value||'';\n    if(type==='set_labels') eff.labels=$('autoEffectLabels')?.value||'';\n    return eff;\n  }\n\n  function updateAutomationForm(){\n    const ct=$('autoConditionType')?.value||'';\n    document.querySelectorAll('[data-auto-cond]').forEach(el=>el.classList.toggle('d-none', !el.dataset.autoCond.split(',').includes(ct)));\n    const et=$('autoEffectType')?.value||'';\n    document.querySelectorAll('[data-auto-effect]').forEach(el=>el.classList.toggle('d-none', !el.dataset.autoEffect.split(',').includes(et)));\n  }\n\n  function conditionText(c={}){\n    const base=c.type==='no_seeds'?`seeds <= ${c.seeds||0} for ${c.minutes||0} min`:c.type==='ratio_gte'?`ratio >= ${c.ratio}`:c.type==='progress_gte'?`progress >= ${c.progress||0}%`:c.type==='progress_lte'?`progress <= ${c.progress||0}%`:c.type==='label_missing'?`missing label ${c.label||''}`:c.type==='label_has'?`has label ${c.label||''}`:c.type==='status'?`status = ${c.status||''}`:c.type==='path_contains'?`path contains ${c.text||''}`:'completed';\n    return c.negate?`NOT (${base})`:base;\n  }\n  function effectText(e={}){\n    if(e.type==='move'){\n      const flags=[];\n      if(e.move_data) flags.push('move data');\n      if(e.recheck) flags.push('recheck');\n      if(e.keep_seeding) flags.push('keep seeding');\n      return `move to ${e.path||'default path'}${flags.length?` (${flags.join(', ')})`:''}`;\n    }\n    return e.type==='add_label'?`add label ${e.label||''}`:e.type==='remove_label'?`remove label ${e.label||''}`:e.type==='set_labels'?`set labels ${e.labels||''}`:e.type;\n  }\n  function ruleSummary(r){\n    const cs=(r.conditions||[]).map(conditionText).join(' + ')||'no conditions';\n    const es=(r.effects||[]).map(effectText).join(' → ')||'no actions';\n    return `${cs} → ${es}`;\n  }\n\n  function renderAutomationBuilder(){\n    const cBox=$('automationConditionList');\n    if(cBox) cBox.innerHTML=automationConditions.length?automationConditions.map((c,i)=>`<span class=\"automation-chip\"><b>IF</b> ${esc(conditionText(c))}<button class=\"btn btn-xs btn-link automation-remove-condition\" data-index=\"${i}\" type=\"button\"><i class=\"fa-solid fa-xmark\"></i></button></span>`).join(''):'<span class=\"text-muted small\">No conditions added yet.</span>';\n    const eBox=$('automationEffectList');\n    if(eBox) eBox.innerHTML=automationEffects.length?automationEffects.map((e,i)=>`<span class=\"automation-chip\"><b>${i+1}</b> ${esc(effectText(e))}<button class=\"btn btn-xs btn-link automation-remove-effect\" data-index=\"${i}\" type=\"button\"><i class=\"fa-solid fa-xmark\"></i></button></span>`).join(''):'<span class=\"text-muted small\">No actions added yet.</span>';\n  }\n  function resetAutomationForm(){\n    if($('autoEditId')) $('autoEditId').value='';\n    if($('autoName')) $('autoName').value='';\n    if($('autoEnabled')) $('autoEnabled').checked=true;\n    if($('autoCooldown')) $('autoCooldown').value='60';\n    automationConditions=[]; automationEffects=[];\n    $('automationCancelEditBtn')?.classList.add('d-none');\n    if($('automationSaveBtn')) $('automationSaveBtn').innerHTML='<i class=\"fa-solid fa-floppy-disk\"></i> Save rule';\n    renderAutomationBuilder(); updateAutomationForm();\n  }\n  function editAutomationRule(rule){\n    if(!rule) return;\n    if($('autoEditId')) $('autoEditId').value=rule.id||'';\n    if($('autoName')) $('autoName').value=rule.name||'';\n    if($('autoEnabled')) $('autoEnabled').checked=!!rule.enabled;\n    if($('autoCooldown')) $('autoCooldown').value=rule.cooldown_minutes ?? 60;\n    automationConditions=Array.isArray(rule.conditions)?JSON.parse(JSON.stringify(rule.conditions)):[];\n    automationEffects=Array.isArray(rule.effects)?JSON.parse(JSON.stringify(rule.effects)):[];\n    $('automationCancelEditBtn')?.classList.remove('d-none');\n    if($('automationSaveBtn')) $('automationSaveBtn').innerHTML='<i class=\"fa-solid fa-floppy-disk\"></i> Update rule';\n    renderAutomationBuilder();\n  }\n\n  function summarizeActionObject(a={}){\n    if(a.error) return `<span class=\"badge text-bg-danger\">${esc(a.error)}</span>`;\n    const count=a.count || a.result?.count || a.result?.results?.length || '';\n    const parts=[];\n    if(a.type) parts.push(a.type);\n    if(count) parts.push(`${count} torrent(s)`);\n    if(a.path) parts.push(a.path);\n    if(a.label) parts.push(`label ${a.label}`);\n    if(a.labels) parts.push(`labels ${a.labels}`);\n    if(a.move_data) parts.push('move data');\n    if(a.recheck) parts.push('recheck');\n    if(a.keep_seeding) parts.push('keep seeding');\n    return `<span class=\"automation-action-pill\">${esc(parts.join(' · ')||'action')}</span>`;\n  }\n  function automationHistoryActions(raw){\n    let actions=[];\n    try{ actions=JSON.parse(raw||'[]'); }catch(e){ return `<div class=\"automation-history-raw\">${esc(raw||'')}</div>`; }\n    if(!Array.isArray(actions)) actions=[actions];\n    const summary=actions.map(summarizeActionObject).join(' ');\n    const details=esc(JSON.stringify(actions,null,2));\n    // Note: Large automation payloads are collapsed so JSON never stretches the modal width.\n    return `<details class=\"automation-history-details\"><summary>${summary||'No actions'}</summary><pre>${details}</pre></details>`;\n  }\n\n  function renderAutomationHistory(hist=[]){\n    if(!$('automationHistory')) return;\n    const toolbar='<div class=\"automation-history-toolbar\"><button id=\"automationClearHistoryBtn\" class=\"btn btn-xs btn-outline-danger\" type=\"button\"><i class=\"fa-solid fa-trash\"></i> Clear history</button></div>';\n    const rows=hist.map(h=>[humanDateCell(h.created_at),esc(h.rule_name||''),esc(h.torrent_name||h.torrent_hash||''),automationHistoryActions(h.actions_json||'')]);\n    // Note: Automation history uses the shared responsive table wrapper so it stays inside narrow mobile modals.\n    const body=hist.length?responsiveTable(['Time','Rule','Torrent / batch','Actions'],rows,'automation-history-table'):'<div class=\"empty-mini\">No automation history yet.</div>';\n    $('automationHistory').innerHTML=toolbar+body;\n  }\n\n  async function clearAutomationHistory(){\n    if(!confirm('Clear automation history?')) return;\n    setBusy(true);\n    try{ const j=await fetch('/api/automations/history',{method:'DELETE'}).then(r=>r.json()); if(!j.ok) throw new Error(j.error||'Clear automation history failed'); toastMessage('toast.automationLogsDeleted','success',{deleted:j.deleted}); renderAutomationHistory(j.history||[]); }\n    catch(e){ toast(e.message,'danger'); }\n    finally{ setBusy(false); }\n  }\n\n  async function exportAutomations(){\n    try{ const j=await (await fetch('/api/automations/export')).json(); if(!j.ok) throw new Error(j.error||'Automation export failed'); downloadJson(`pytorrent-automation-rules-${new Date().toISOString().slice(0,10)}.json`, j.export||j); toast(`Exported ${j.count||0} automation rule(s)`,'success'); }\n    catch(e){ toast(e.message,'danger'); }\n  }\n\n  async function importAutomations(file){\n    if(!file) return;\n    try{ const payload=JSON.parse(await file.text()); const j=await post('/api/automations/import',payload); toast(`Imported ${j.imported||0} automation rule(s)`,'success'); await loadAutomations(); }\n    catch(e){ toast(e.message||'Automation import failed','danger'); }\n    finally{ if($('automationImportFile')) $('automationImportFile').value=''; }\n  }\n\n  async function loadAutomations(){\n    const j=await fetch('/api/automations').then(r=>r.json());\n    const rules=j.rules||[], hist=j.history||[];\n    automationRulesCache=rules;\n    if($('automationManager')) $('automationManager').innerHTML=rules.length?rules.map(r=>{\n      const enabled=!!r.enabled;\n      const toggleTitle=enabled?'Disable automation':'Enable automation';\n      const toggleIcon=enabled?'fa-toggle-on':'fa-toggle-off';\n      const toggleClass=enabled?'btn-outline-warning':'btn-outline-success';\n      return `<div class=\"automation-row\"><div class=\"automation-row-main\"><div><b>${esc(r.name)}</b> ${enabled?'<span class=\"badge text-bg-success\">on</span>':'<span class=\"badge text-bg-secondary\">off</span>'}</div><div class=\"small text-muted automation-rule-summary\">${esc(ruleSummary(r))} · cooldown ${esc(r.cooldown_minutes||0)} min <span class=\"cooldown-live\" data-seconds=\"${esc(r.cooldown_remaining_seconds||0)}\"></span></div></div><div class=\"automation-row-actions\"><button class=\"btn btn-xs btn-outline-success automation-run\" data-id=\"${esc(r.id)}\" type=\"button\" title=\"Force one run now\"><i class=\"fa-solid fa-play\"></i></button><button class=\"btn btn-xs ${toggleClass} automation-toggle\" data-id=\"${esc(r.id)}\" type=\"button\" title=\"${toggleTitle}\"><i class=\"fa-solid ${toggleIcon}\"></i></button><button class=\"btn btn-xs btn-outline-secondary automation-edit\" data-id=\"${esc(r.id)}\" type=\"button\" title=\"Edit automation\"><i class=\"fa-solid fa-pen\"></i></button><button class=\"btn btn-xs btn-outline-danger automation-delete\" data-id=\"${esc(r.id)}\" type=\"button\" title=\"Delete automation\"><i class=\"fa-solid fa-trash-can\"></i> Remove</button></div></div>`;\n    }).join(''):'<div class=\"empty-mini\">No automation rules.</div>';\n    renderAutomationHistory(hist);\n  }\n\n  async function toggleAutomationRule(rule){\n    if(!rule) return;\n    const payload={...rule, enabled:!rule.enabled};\n    // Note: Toggle keeps the rule definition unchanged and only switches automatic execution on or off.\n    setBusy(true);\n    try{ await post('/api/automations',payload); toast(payload.enabled?'Automation enabled':'Automation disabled','success'); await loadAutomations(); }\n    catch(e){ toast(e.message,'danger'); }\n    finally{ setBusy(false); }\n  }\n\n  async function saveAutomation(){\n    const currentCond=automationCondition();\n    const currentEff=automationEffect();\n    const conditions=automationConditions.length?automationConditions:[currentCond];\n    const effects=automationEffects.length?automationEffects:[currentEff];\n    const payload={id:Number($('autoEditId')?.value||0)||undefined,name:$('autoName')?.value||'Automation rule',enabled:!!$('autoEnabled')?.checked,cooldown_minutes:Number($('autoCooldown')?.value||60),conditions,effects};\n    setBusy(true);\n    try{ await post('/api/automations',payload); toast(payload.id?'Automation rule updated':'Automation rule saved','success'); resetAutomationForm(); await loadAutomations(); }\n    catch(e){toast(e.message,'danger');}\n    finally{setBusy(false);}\n  }\n\n\n\n  function cleanupCountCard(label, value, note=''){\n    return `<div class=\"cleanup-card\"><b>${esc(label)}</b><span>${esc(value ?? 0)}</span>${note?`<small>${esc(note)}</small>`:''}</div>`;\n  }\n  function cleanupRetentionDaysNote(value){ return `retention ${value || '-'} days`; }\n  function cleanupOperationLogRetentionNote(data){\n    const settings = data.operation_log_retention || {};\n    if(data.retention_labels?.operation_logs) return data.retention_labels.operation_logs;\n    if(settings.retention_mode === 'lines') return `retention ${settings.retention_lines || '-'} lines`;\n    if(settings.retention_mode === 'both') return `retention ${settings.retention_days || '-'} days and ${settings.retention_lines || '-'} lines`;\n    if(settings.retention_mode === 'manual') return 'manual cleanup only';\n    return cleanupRetentionDaysNote((data.retention_days || {}).operation_logs);\n  }\n  function renderCleanup(data={}){\n    const box=$('cleanupManager'); if(!box) return;\n    const retention=data.retention_days||{};\n    const db=data.database||{};\n    const cache=data.cache||{};\n    const cards=[\n      cleanupCountCard('Job logs total', data.jobs_total, cleanupRetentionDaysNote(retention.jobs)),\n      cleanupCountCard('Job logs clearable', data.jobs_clearable, 'done / failed / cancelled'),\n      cleanupCountCard('Smart Queue logs', data.smart_queue_history_total, cleanupRetentionDaysNote(retention.smart_queue_history)),\n      cleanupCountCard('Operation logs', data.operation_logs_total, cleanupOperationLogRetentionNote(data)),\n      cleanupCountCard('Planner logs', data.planner_history_total, cleanupRetentionDaysNote(retention.planner_history)),\n      cleanupCountCard('Automation logs', data.automation_history_total, cleanupRetentionDaysNote(retention.automation_history)),\n      cleanupCountCard('Profile cache rows', cache.profile_rows ?? 0, 'tracker + torrent stats cache'),\n      cleanupCountCard('Runtime cache', cache.runtime_items ?? 0, 'memory-only profile cache'),\n      cleanupCountCard('Database size', db.size_h||db.size||'-', db.path||'')\n    ];\n    const poller=data.poller_runtime||{};\n    const pollerCards=[\n      cleanupCountCard('Live poll counter', poller.live_poll_count ?? 0, 'lightweight speed/status loop'),\n      cleanupCountCard('List poll counter', poller.list_poll_count ?? 0, 'full snapshot/diff loop'),\n      cleanupCountCard('Poller skipped emits', poller.skipped_emissions ?? 0, 'diagnostic counter only')\n    ];\n    box.innerHTML=`<div class=\"cleanup-grid\">${cards.join('')}${pollerCards.join('')}</div><div class=\"cleanup-section mt-3\"><div><b>Profile cache</b><small>Clears only the active profile runtime/DB cache. It does not remove torrents, rules, settings or logs.</small></div><button id=\"cleanupProfileCacheBtn\" class=\"btn btn-sm btn-outline-warning\"><i class=\"fa-solid fa-eraser\"></i> Clear profile cache</button></div><div class=\"cleanup-section mt-2\"><div><b>Poller diagnostics</b><small>Resets in-memory live/list poller counters only. Polling, saved settings and torrent data stay unchanged.</small></div><button id=\"cleanupPollerDiagnosticsBtn\" class=\"btn btn-sm btn-outline-warning\"><i class=\"fa-solid fa-gauge-high\"></i> Reset poller diagnostics</button></div><div class=\"cleanup-section mt-2\"><div><b>Logs and history</b><small>Pending and running jobs are preserved. Operation log cleanup removes only profile-scoped log entries.</small></div><div class=\"cleanup-actions\"><button id=\"cleanupJobsBtn\" class=\"btn btn-sm btn-outline-danger\"><i class=\"fa-solid fa-trash\"></i> Clear job logs</button><button id=\"cleanupSmartQueueBtn\" class=\"btn btn-sm btn-outline-danger\"><i class=\"fa-solid fa-trash\"></i> Clear Smart Queue logs</button><button id=\"cleanupOperationLogsBtn\" class=\"btn btn-sm btn-outline-danger\"><i class=\"fa-solid fa-trash\"></i> Clear operation logs</button><button id=\"cleanupPlannerBtn\" class=\"btn btn-sm btn-outline-danger\"><i class=\"fa-solid fa-trash\"></i> Clear Planner logs</button><button id=\"cleanupAutomationsBtn\" class=\"btn btn-sm btn-outline-danger\"><i class=\"fa-solid fa-trash\"></i> Clear automation logs</button><button id=\"cleanupAllBtn\" class=\"btn btn-sm btn-danger\"><i class=\"fa-solid fa-broom\"></i> Clear all logs</button></div></div><div class=\"cleanup-actions mt-3\"><button id=\"cleanupRefreshBtn\" class=\"btn btn-sm btn-outline-secondary\"><i class=\"fa-solid fa-rotate\"></i> Refresh</button></div>`;\n  }\n  async function loadCleanup(){\n    const box=$('cleanupManager'); if(!box) return;\n    box.innerHTML='<span class=\"spinner-border spinner-border-sm\"></span> Loading cleanup data...';\n    try{\n      const j=await (await fetch('/api/cleanup/summary')).json();\n      if(!j.ok) throw new Error(j.error||'Cleanup summary failed');\n      renderCleanup(j.cleanup||{});\n    }catch(e){ box.innerHTML=`<div class=\"text-danger\">${esc(e.message)}</div>`; }\n  }\n  async function runCleanupAction(endpoint, label){\n    if(!confirm(`${label}?`)) return;\n    setBusy(true);\n    try{\n      const j=await post(endpoint,{});\n      const deleted=typeof j.deleted==='object' ? Object.entries(j.deleted).map(([k,v])=>`${k}: ${v}`).join(', ') : String(j.deleted ?? 0);\n      toastMessage('toast.cleanupDone','success',{deleted});\n      renderCleanup(j.cleanup||{});\n      if(endpoint.includes('/jobs')){ jobsPage=0; loadJobs(0).catch(()=>{}); }\n      if(endpoint.includes('/smart-queue') || endpoint.includes('/all')) loadSmartQueue().catch(()=>{});\n      if(endpoint.includes('/operation-logs') || endpoint.includes('/all')) loadOperationLogs(true).catch(()=>{});\n      if(endpoint.includes('/planner') || endpoint.includes('/all')) loadPlannerPreview().catch(()=>{});\n      if(endpoint.includes('/automations') || endpoint.includes('/all')) loadAutomations().catch(()=>{});\n    }catch(e){ toast(e.message,'danger'); }\n    finally{ setBusy(false); }\n  }\n\n  function diagCard(label,value,extra=''){ return `<div class=\"diag-card ${extra}\"><b>${esc(label)}</b><span>${esc(value ?? '-')}</span></div>`; }\n\n  // Note: Centralizes footer visibility so Preferences can hide items without removing existing status logic.\n  function applyFooterPreferences(){\n    document.querySelectorAll('[data-footer-item]').forEach(el=>{\n      const key=el.dataset.footerItem;\n      el.classList.toggle('footer-pref-hidden', footerItems[key] === false);\n    });\n  }\n  function renderFooterPreferences(){\n    const box=$('footerPreferences');\n    if(!box) return;\n    box.innerHTML=FOOTER_ITEM_DEFS.map(([key,label])=>`<label class=\"footer-pref-card form-check form-switch ${footerItems[key]===false?'':'active'}\"><input class=\"form-check-input footer-pref-toggle\" type=\"checkbox\" data-footer-key=\"${esc(key)}\" ${footerItems[key]===false?'':'checked'}><span class=\"form-check-label\">${esc(label)}</span></label>`).join('');\n  }\n  async function saveFooterPreferences(){\n    document.querySelectorAll('.footer-pref-toggle').forEach(cb=>{ footerItems[cb.dataset.footerKey] = !!cb.checked; });\n    applyFooterPreferences();\n    renderFooterPreferences();\n    try{ await post('/api/preferences',{footer_items_json:footerItems}); toast('Footer preferences saved','success'); }\n    catch(e){ toast(e.message,'danger'); }\n  }\n  function compactSpeedText(value){\n    // Note: The footer has limited space, so it removes spaces only from speed labels.\n    return String(value || '0 B/s').replace(/\\s+(?=[KMGT]?i?B\\/s$|B\\/s$)/, '');\n  }\n  function speedPairText(down, up){\n    // Note: Consistent DL/UL pair formatting is used in the footer and diagnostics.\n    return `${compactSpeedText(down)} / ${compactSpeedText(up)}`;\n  }\n  function peakDateText(value){\n    // Note: Shortens the ISO timestamp from the database into a readable tooltip label.\n    return value ? String(value).replace('T',' ').replace(/\\+00:00$/, ' UTC') : '-';\n  }\n  function updateSpeedPeaks(peaks={}){\n    // Note: Shows the session and all-time record next to current speeds in the footer.\n    const session=peaks.session||{};\n    const allTime=peaks.all_time||{};\n    const sessionText=speedPairText(session.down_h, session.up_h);\n    const allTimeText=speedPairText(allTime.down_h, allTime.up_h);\n    if($('statPeakSession')) $('statPeakSession').textContent=sessionText;\n    if($('statPeakAllTime')) $('statPeakAllTime').textContent=allTimeText;\n    const box=$('statusSpeedPeaks');\n    if(box){\n      box.title=`Peak speed DL/UL\\nSession: ${sessionText}\\nSession DL at: ${peakDateText(session.down_at)}\\nSession UL at: ${peakDateText(session.up_at)}\\nAll-time: ${allTimeText}\\nAll-time DL at: ${peakDateText(allTime.down_at)}\\nAll-time UL at: ${peakDateText(allTime.up_at)}`;\n    }\n  }\n  function browserSpeedSnapshot(){\n    // Note: Browser title speed can fall back to the live torrent snapshot when system_stats is delayed or reports zero.\n    let down=0, up=0;\n    torrents.forEach(t=>{\n      down += Number(t.down_rate || 0);\n      up += Number(t.up_rate || 0);\n    });\n    return {down, up, down_h: humanRateLabel(down), up_h: humanRateLabel(up)};\n  }\n  function humanRateLabel(value){\n    const units=['B/s','KiB/s','MiB/s','GiB/s','TiB/s'];\n    let n=Math.max(0, Number(value || 0));\n    let i=0;\n    while(n>=1024 && i<units.length-1){ n/=1024; i++; }\n    return `${n>=10 || i===0 ? Math.round(n) : n.toFixed(1)} ${units[i]}`;\n  }\n  function numericSpeed(value){\n    // Note: Accepts both raw bytes/s and human labels, so zero checks work for \"0\", \"0 B/s\" and \"0.0 KiB/s\".\n    if(typeof value === 'number') return Math.max(0, value);\n    const text=String(value ?? '').trim();\n    if(!text) return 0;\n    const match=text.match(/^([0-9]+(?:\\.[0-9]+)?)\\s*(B\\/s|KiB\\/s|MiB\\/s|GiB\\/s|TiB\\/s)?$/i);\n    if(!match) return 0;\n    const units=['B/s','KiB/s','MiB/s','GiB/s','TiB/s'];\n    const unit=(match[2] || 'B/s').replace(/kib/i,'KiB').replace(/mib/i,'MiB').replace(/gib/i,'GiB').replace(/tib/i,'TiB').replace(/b\\/s/i,'B/s');\n    return Number(match[1] || 0) * Math.pow(1024, Math.max(0, units.indexOf(unit)));\n  }\n  function applyLiveSpeedStats(stats={}){\n    // Note: Fast-poller speed updates drive the tab title and peak speed UI without waiting for system_stats.\n    const downRaw=Number(stats.down_rate || 0);\n    const upRaw=Number(stats.up_rate || 0);\n    const downH=stats.down_rate_h || humanRateLabel(downRaw);\n    const upH=stats.up_rate_h || humanRateLabel(upRaw);\n    if($('statDl')) $('statDl').textContent=downH || '0 B/s';\n    if($('statUl')) $('statUl').textContent=upH || '0 B/s';\n    if($('mobileSpeedDl')) $('mobileSpeedDl').textContent=downH || '0 B/s';\n    if($('mobileSpeedUl')) $('mobileSpeedUl').textContent=upH || '0 B/s';\n    if(stats.speed_peaks) updateSpeedPeaks(stats.speed_peaks);\n    updateBrowserSpeedTitle(downH, upH, downRaw, upRaw);\n  }\n  function updateBrowserSpeedTitle(downH, upH, downRaw=null, upRaw=null){\n    // Note: Keeps the browser tab title accurate even when system_stats is delayed or reports a stale zero.\n    const fallback=browserSpeedSnapshot();\n    const downValue=downRaw == null ? numericSpeed(downH) : Number(downRaw || 0);\n    const upValue=upRaw == null ? numericSpeed(upH) : Number(upRaw || 0);\n    const useFallbackDown=(downH == null || (downValue <= 0 && fallback.down>0));\n    const useFallbackUp=(upH == null || (upValue <= 0 && fallback.up>0));\n    lastBrowserSpeed.down=useFallbackDown ? fallback.down_h : (downH || '0 B/s');\n    lastBrowserSpeed.up=useFallbackUp ? fallback.up_h : (upH || '0 B/s');\n    const speedTitle=`DL ${lastBrowserSpeed.down} / UL ${lastBrowserSpeed.up}`;\n    document.title=titleSpeedEnabled ? `${speedTitle} - ${BASE_TITLE}` : BASE_TITLE;\n    try{ window.status=titleSpeedEnabled ? speedTitle : ''; }catch(e){}\n  }\n  async function saveTitleSpeedPreference(){\n    // Note: The change applies immediately and is saved as a user preference.\n    titleSpeedEnabled=!!$('titleSpeedEnabled')?.checked;\n    updateBrowserSpeedTitle();\n    try{ await post('/api/preferences',{title_speed_enabled:titleSpeedEnabled}); toast('Browser title speed saved','success'); }\n    catch(e){ toast(e.message,'danger'); }\n  }\n  async function saveTrackerFaviconsPreference(){\n    // Note: Tracker favicon toggle changes only icon rendering; tracker filter counts and actions stay untouched.\n    trackerFaviconsEnabled=!!$('trackerFaviconsEnabled')?.checked;\n    renderTrackerFilters();\n    try{ await post('/api/preferences',{tracker_favicons_enabled:trackerFaviconsEnabled}); toast('Tracker favicon preference saved','success'); }\n    catch(e){ toast(e.message,'danger'); }\n  }\n  async function saveReverseDnsPreference(){\n    // Note: Reverse DNS remains opt-in and refreshes only the peers pane, leaving other torrent data untouched.\n    reverseDnsEnabled=!!$('reverseDnsEnabled')?.checked;\n    try{ await post('/api/preferences',{reverse_dns_enabled:reverseDnsEnabled}); refreshPeersOnceForReverseDns(); toast('Reverse DNS preference saved','success'); }\n    catch(e){ toast(e.message,'danger'); }\n  }\n  function updateFooterClock(){\n    const el=$('statClock');\n    if(el) el.textContent=new Date().toLocaleTimeString([], {hour:'2-digit', minute:'2-digit', second:'2-digit'});\n  }\n  function updateSocketStatus(s={}){\n    const el=$('statSockets');\n    if(!el) return;\n    const open=s.open_sockets;\n    const max=s.max_open_sockets;\n    el.textContent=open == null ? '-' : (max == null ? String(open) : `${open}/${max}`);\n    const box=$('statusSockets');\n    if(box) box.title=open == null ? 'Open sockets unavailable from this rTorrent build' : `Open rTorrent sockets${max == null ? '' : ' / max'}: ${el.textContent}`;\n  }\n\n  function portStatusLabel(st){ return st==='open'?'open':st==='closed'?'closed':st==='disabled'?'disabled':st==='error'?'error':'unknown'; }\n  function portStatusClass(st){ return st==='open'?'port-ok':st==='closed'?'port-bad':'port-secondary'; }\n  function portStatusIcon(st){ return st==='open'?'fa-circle-check':st==='closed'?'fa-circle-xmark':'fa-circle-question'; }\n  function portStatusBadge(data={},attrs='',withPort=false){ const st=portStatusLabel(data.status); const active=data.open_port||data.port; const port=active?String(active):'-'; const label=withPort?`Port ${port} ${st}`:st; return `<span ${attrs}class=\"port-status ${portStatusClass(st)}\"><i class=\"fa-solid ${portStatusIcon(st)}\"></i> ${esc(label)}</span>`; }\n  function portCheckedAt(data={}){ if(data.checked_at) return String(data.checked_at).replace('T',' ').replace(/\\+00:00$/,' UTC'); if(data.checked_at_epoch) return new Date(Number(data.checked_at_epoch)*1000).toLocaleString(); return ''; }\n  function portCheckDetails(data={}){ const bits=[]; if(data.open_port) bits.push(`Open port: ${data.open_port}`); else if(data.port) bits.push(`First port: ${data.port}`); if(Array.isArray(data.ports)&&data.ports.length>1) bits.push(`Candidates: ${data.ports.join(', ')}`); if(Array.isArray(data.checked_ports)&&data.checked_ports.length) bits.push(`Checked: ${data.checked_ports.join(', ')}`); if(data.ports_truncated) bits.push('Port list truncated to safety limit'); if(data.public_ip) bits.push(`Public IP: ${data.public_ip}`); if(data.remote) bits.push('Remote profile'); if(data.source) bits.push(`Source: ${data.source}`); const checked=portCheckedAt(data); if(checked) bits.push(`Last check: ${checked}`); if(data.cached) bits.push('Cached result'); if(data.error) bits.push(data.error); if(data.fallback_error) bits.push(data.fallback_error); return bits; }\n  function renderPortCheck(data={}){\n    if($('portCheckEnabled')) $('portCheckEnabled').checked=!!data.enabled;\n    const details=portCheckDetails(data);\n    const title=details.join(' · ') || 'Port check disabled';\n    if($('portCheckBadge')) $('portCheckBadge').outerHTML=portStatusBadge(data,'id=\"portCheckBadge\" ');\n    if($('portCheckInfo')) $('portCheckInfo').textContent=details.join(' · ') || 'Uses YouGetSignal first. Manual check bypasses the 6h cache.';\n    if($('statusPortCheck')){\n      $('statusPortCheck').classList.toggle('d-none', !data.enabled);\n      $('statusPortCheck').title=title;\n    }\n    if($('statusPortCheckBadge')) $('statusPortCheckBadge').outerHTML=portStatusBadge(data,'id=\"statusPortCheckBadge\" ',true);\n  }\n  async function loadPreferences(){\n    try{\n      const j=await (await fetch(`/api/preferences?_=${Date.now()}`, {cache:'no-store'})).json();\n      const prefs=j.preferences||{};\n      portCheckEnabled=!!Number(prefs.port_check_enabled ?? portCheckEnabled);\n      reverseDnsEnabled=!!Number(prefs.reverse_dns_enabled ?? (reverseDnsEnabled?1:0));\n      if($('reverseDnsEnabled')) $('reverseDnsEnabled').checked=reverseDnsEnabled;\n      automationToastsEnabled=Number(prefs.automation_toasts_enabled ?? (automationToastsEnabled?1:0))!==0;\n      smartQueueToastsEnabled=Number(prefs.smart_queue_toasts_enabled ?? (smartQueueToastsEnabled?1:0))!==0;\n      easterEggEnabled=Number(prefs.easter_egg_enabled ?? (easterEggEnabled?1:0))!==0;\n      easterEggLoadingImageUrl=String(prefs.easter_egg_loading_image_url ?? easterEggLoadingImageUrl ?? '').trim();\n      easterEggClickImageUrl=String(prefs.easter_egg_click_image_url ?? easterEggClickImageUrl ?? '').trim();\n      diskMonitorMode=prefs.disk_monitor_mode||diskMonitorMode;\n      diskMonitorSelectedPath=prefs.disk_monitor_selected_path||'';\n      try{ diskMonitorPaths=JSON.parse(prefs.disk_monitor_paths_json||'[]'); }catch(_){ diskMonitorPaths=[]; }\n      bootstrapTheme=prefs.bootstrap_theme||bootstrapTheme;\n      fontFamily=prefs.font_family||fontFamily;\n      interfaceScale=Number(prefs.interface_scale||interfaceScale||100);\n      compactTorrentListEnabled=Number(prefs.compact_torrent_list_enabled ?? (compactTorrentListEnabled?1:0))!==0;\n      try{ footerItems={...DEFAULT_FOOTER_ITEMS,...JSON.parse(prefs.footer_items_json||'{}')}; }catch(_){ footerItems={...DEFAULT_FOOTER_ITEMS}; }\n    }catch(e){ console.warn('Preference load failed', e); }\n    if($('portCheckEnabled')) $('portCheckEnabled').checked=portCheckEnabled; if($('automationToastsEnabled')) $('automationToastsEnabled').checked=automationToastsEnabled; if($('smartQueueToastsEnabled')) $('smartQueueToastsEnabled').checked=smartQueueToastsEnabled; if($('easterEggEnabled')) $('easterEggEnabled').checked=easterEggEnabled; if($('easterEggLoadingImageUrl')) $('easterEggLoadingImageUrl').value=easterEggLoadingImageUrl; if($('easterEggClickImageUrl')) $('easterEggClickImageUrl').value=easterEggClickImageUrl; if($('diskMonitorMode')) $('diskMonitorMode').value=diskMonitorMode; if($('diskMonitorSelectedPath')) $('diskMonitorSelectedPath').value=diskMonitorSelectedPath; renderDiskMonitorPaths(); applyInitialLoaderEasterEgg(); scheduleRender(true); applyBootstrapTheme(bootstrapTheme); applyFontFamily(fontFamily); applyInterfaceScale(interfaceScale); applyCompactTorrentList(compactTorrentListEnabled); renderFooterPreferences(); applyFooterPreferences(); await loadPortCheck(false); }\n  function updateDiskMonitorUi(){\n    // Note: Disk monitor radio switches are mirrored into the shared diskMonitorMode state.\n    const mode=['default','selected','aggregate'].includes(diskMonitorMode)?diskMonitorMode:'default';\n    if($('diskMonitorMode')) $('diskMonitorMode').value=mode;\n    document.querySelectorAll('.disk-monitor-mode').forEach(input=>{ input.checked=input.value===mode; });\n    const selectedDisabled=mode!=='selected' || !diskMonitorPaths.length;\n    if($('diskMonitorSelectedPath')) $('diskMonitorSelectedPath').disabled=selectedDisabled;\n    document.querySelectorAll('.disk-path-select').forEach(btn=>{ btn.disabled=mode==='aggregate'; btn.classList.toggle('active', btn.dataset.path===diskMonitorSelectedPath && mode==='selected'); });\n    const hint=$('diskMonitorSelectedHint');\n    if(hint){\n      hint.textContent=mode==='aggregate' ? 'Aggregate mode uses all monitored paths, so one-path selection is locked.' : mode==='default' ? 'Default mode uses the rTorrent path, custom selection is optional.' : diskMonitorPaths.length ? 'This path drives the footer progress bar.' : 'Add at least one monitored path to use selected mode.';\n    }\n  }\n  function renderDiskMonitorPaths(){\n    const select=$('diskMonitorSelectedPath');\n    if(select){\n      const fallback=diskMonitorPaths.length?'Choose monitored path':'No custom paths yet';\n      select.innerHTML=`<option value=\"\">${fallback}</option>`+diskMonitorPaths.map(p=>`<option value=\"${esc(p)}\" ${p===diskMonitorSelectedPath?'selected':''}>${esc(p)}</option>`).join('');\n      select.value=diskMonitorSelectedPath||'';\n    }\n    const box=$('diskMonitorPaths');\n    if(box){\n      box.innerHTML=diskMonitorPaths.length?diskMonitorPaths.map(p=>`<div class=\"disk-path-row\"><div><b>${esc(p)}</b><small>${p===diskMonitorSelectedPath?'Selected for footer progress':'Used in aggregate tooltip and available for selected mode'}</small></div><div class=\"disk-path-actions\"><button class=\"btn btn-xs btn-outline-primary disk-path-select\" data-path=\"${esc(p)}\" type=\"button\"><i class=\"fa-solid fa-check\"></i> Use</button><button class=\"disk-path-remove\" data-path=\"${esc(p)}\" type=\"button\" title=\"Remove monitored path\" aria-label=\"Remove monitored path\"><i class=\"fa-solid fa-trash-can\"></i></button></div></div>`).join(''):'<div class=\"empty-mini\">No extra disk paths. Add a path above to monitor another storage directory.</div>';\n    }\n    updateDiskMonitorUi();\n  }\n  async function saveNotificationPrefs(){ automationToastsEnabled=!!$('automationToastsEnabled')?.checked; smartQueueToastsEnabled=!!$('smartQueueToastsEnabled')?.checked; try{ await post('/api/preferences',{automation_toasts_enabled:automationToastsEnabled,smart_queue_toasts_enabled:smartQueueToastsEnabled}); toast('Notification preferences saved','success'); }catch(e){ toast(e.message,'danger'); } }\n  async function saveEasterEggPrefs(){ easterEggEnabled=!!$('easterEggEnabled')?.checked; easterEggLoadingImageUrl=String($('easterEggLoadingImageUrl')?.value||'').trim(); easterEggClickImageUrl=String($('easterEggClickImageUrl')?.value||'').trim(); try{ const res=await post('/api/preferences',{easter_egg_enabled:easterEggEnabled,easter_egg_loading_image_url:easterEggLoadingImageUrl,easter_egg_click_image_url:easterEggClickImageUrl}); const prefs=res.preferences||{}; easterEggEnabled=Number(prefs.easter_egg_enabled ?? (easterEggEnabled?1:0))!==0; easterEggLoadingImageUrl=String(prefs.easter_egg_loading_image_url||'').trim(); easterEggClickImageUrl=String(prefs.easter_egg_click_image_url||'').trim(); if($('easterEggEnabled')) $('easterEggEnabled').checked=easterEggEnabled; if($('easterEggLoadingImageUrl')) $('easterEggLoadingImageUrl').value=easterEggLoadingImageUrl; if($('easterEggClickImageUrl')) $('easterEggClickImageUrl').value=easterEggClickImageUrl; applyInitialLoaderEasterEgg(); scheduleRender(true); toast('Easter egg preferences saved','success'); }catch(e){ toast(e.message,'danger'); } }\n  async function saveDiskMonitorPrefs(){\n    // Note: Disk monitor mode is controlled by radio switches, so keep the in-memory mode instead of reading a removed select.\n    const checkedMode=document.querySelector('.disk-monitor-mode:checked')?.value;\n    diskMonitorMode=['default','selected','aggregate'].includes(checkedMode) ? checkedMode : (['default','selected','aggregate'].includes(diskMonitorMode) ? diskMonitorMode : 'default');\n    diskMonitorSelectedPath=$('diskMonitorSelectedPath')?.value||diskMonitorSelectedPath||'';\n    try{\n      const res=await post('/api/preferences',{disk_monitor_paths_json:diskMonitorPaths,disk_monitor_mode:diskMonitorMode,disk_monitor_selected_path:diskMonitorSelectedPath});\n      const prefs=res.preferences||{};\n      // Note: Sync saved values back from the API so the footer uses the persisted disk source, not a stale UI guess.\n      diskMonitorMode=prefs.disk_monitor_mode||diskMonitorMode;\n      diskMonitorSelectedPath=prefs.disk_monitor_selected_path||diskMonitorSelectedPath||'';\n      try{ diskMonitorPaths=JSON.parse(prefs.disk_monitor_paths_json||'[]'); }catch(_){ }\n      renderDiskMonitorPaths();\n      await refreshUserDiskUsage(true);\n      toast('Disk monitor saved','success');\n    }catch(e){ toast(e.message,'danger'); }\n  }\n  async function savePortCheckPref(){ portCheckEnabled=!!$('portCheckEnabled')?.checked; try{ await post('/api/preferences',{port_check_enabled:portCheckEnabled}); toast('Preferences saved','success'); await loadPortCheck(false); }catch(e){ toast(e.message,'danger'); } }\n  async function loadPortCheck(force=false){ try{ const res=force?await post('/api/port-check',{}):await (await fetch('/api/port-check')).json(); if(!res.ok) throw new Error(res.error||'Port check failed'); renderPortCheck(res.port_check||{}); }catch(e){ renderPortCheck({status:'error',enabled:portCheckEnabled,error:e.message}); } }\n  async function loadAppStatus(){\n    const box=$('appStatusManager'); if(!box) return;\n    box.innerHTML='<span class=\"spinner-border spinner-border-sm\"></span> Loading diagnostics...';\n    try{\n      const [status,poller]=await Promise.all([\n        fetch('/api/app/status').then(r=>r.json()),\n        fetch('/api/poller/settings').then(r=>r.json()).catch(()=>({}))\n      ]);\n      if(!status.ok) throw new Error(status.error||'Failed to load diagnostics');\n      const st=status.status||{}, py=st.pytorrent||{}, scgi=st.scgi||{}, profile=st.profile||{};\n      const rt=poller.runtime||{}, ps=poller.settings||{};\n      // Note: App status now keeps only unique operational diagnostics; storage, jobs, planner and queue details stay in their dedicated tools.\n      const processCards=[\n        diagCard('PID', py.pid),\n        diagCard('Uptime', `${py.uptime_seconds||0}s`),\n        diagCard('Memory RSS', py.memory_rss_h||py.memory_rss),\n        diagCard('Threads', py.threads),\n        diagCard('CPU', `${py.cpu_percent ?? '-'}%`),\n        diagCard('Python', py.python||'-'),\n        diagCard('Worker threads', py.worker_threads ?? '-'),\n        diagCard('Jobs total', py.jobs_total ?? '-')\n      ];\n      const pollerCards=[\n        diagCard('Adaptive', ps.adaptive_enabled===false?'off':'on'),\n        diagCard('Mode', rt.adaptive_mode||'-'),\n        diagCard('Live interval', `${rt.live_stats_interval_seconds ?? ps.live_stats_interval_seconds ?? '-'}s`),\n        diagCard('List interval', `${rt.torrent_list_interval_seconds ?? ps.torrent_list_interval_seconds ?? '-'}s`),\n        diagCard('Last tick', `${rt.duration_ms||rt.last_tick_ms||0} ms`),\n        diagCard('Tick gap', `${rt.last_tick_gap_ms||0} ms`),\n        diagCard('Payload', fmtBytes(rt.emitted_payload_size||0)),\n        diagCard('rTorrent calls', rt.rtorrent_call_count||0)\n      ];\n      const connectionCards=[\n        diagCard('Active profile', profile.name||profile.id||'-'),\n        diagCard('API response time', `${st.api_ms ?? '-'} ms`),\n        diagCard('SCGI status', scgi.ok?'OK':'ERROR', scgi.ok?'':'diag-error'),\n        diagCard('SCGI URL', scgi.url||'-'),\n        diagCard('SCGI connect', scgi.connect_ms!=null?`${scgi.connect_ms} ms`:'-'),\n        diagCard('SCGI first byte', scgi.first_byte_ms!=null?`${scgi.first_byte_ms} ms`:'-'),\n        diagCard('SCGI total', scgi.total_ms!=null?`${scgi.total_ms} ms`:'-'),\n        diagCard('Request bytes', scgi.request_bytes),\n        diagCard('Response bytes', scgi.response_bytes),\n        diagCard('XML bytes', scgi.xml_bytes),\n        diagCard('rTorrent version', scgi.client_version||'-')\n      ];\n      const panes=[\n        ['process','Process', `${diagnosticsSection('pyTorrent process', processCards)}${diagnosticsSection('Runtime poller', pollerCards)}`],\n        ['connection','Connection', diagnosticsSection('Profile and rTorrent', connectionCards)]\n      ];\n      const tabs=`<div class=\"column-manager-tabs appstatus-tabs\"><ul class=\"nav nav-pills\">${panes.map((p,i)=>`<li class=\"nav-item\"><button class=\"nav-link ${i?'':'active'}\" type=\"button\" data-appstatus-pane=\"${p[0]}\">${p[1]}</button></li>`).join('')}</ul></div>`;\n      if($('appStatusTabs')) $('appStatusTabs').innerHTML=tabs;\n      box.innerHTML=`${panes.map((p,i)=>`<div class=\"appstatus-pane ${i?'d-none':''}\" data-appstatus-panel=\"${p[0]}\">${p[2]}</div>`).join('')}${scgi.error?`<div class=\"alert alert-danger mt-3 mb-0\">${esc(scgi.error)}</div>`:''}`;\n    }catch(e){ box.innerHTML=`<div class=\"alert alert-danger mb-0\">${esc(e.message)}</div>`; }\n  }\n\n\n\n  const TORRENT_STATS_PANE_STORAGE_KEY = 'pytorrent.torrentStatsPane.v1';\n  function torrentStatsCard(label, value, note=''){\n    return `<div class=\"torrent-stats-card\"><b>${esc(label)}</b><span>${esc(value ?? '-')}</span>${note?`<small>${esc(note)}</small>`:''}</div>`;\n  }\n  function activeTorrentStatsPane(){\n    const value=localStorage.getItem(TORRENT_STATS_PANE_STORAGE_KEY)||'overview';\n    return ['overview','storage','sources','speed','cache'].includes(value) ? value : 'overview';\n  }\n  function setTorrentStatsPane(pane){\n    const box=$('torrentStatsManager');\n    if(!box) return;\n    localStorage.setItem(TORRENT_STATS_PANE_STORAGE_KEY, pane);\n    box.querySelectorAll('[data-torrentstats-pane]').forEach(x=>x.classList.toggle('active',x.dataset.torrentstatsPane===pane));\n    box.querySelectorAll('[data-torrentstats-panel]').forEach(x=>x.classList.toggle('d-none',x.dataset.torrentstatsPanel!==pane));\n  }\n  function renderTorrentStats(stats={}){\n    const box=$('torrentStatsManager');\n    if(!box) return;\n    const age=Number(stats.age_seconds||0);\n    const updated=stats.updated_at ? String(stats.updated_at).replace('T',' ').replace(/\\+00:00$/,' UTC') : '-';\n    const active=activeTorrentStatsPane();\n    const panes=[\n      ['overview','Overview', [\n        torrentStatsCard('Torrents', stats.torrent_count, `${stats.complete_count||0} complete / ${stats.incomplete_count||0} incomplete`),\n        torrentStatsCard('Sampled', stats.sampled_torrents ?? 0, stats.stale?'cache is stale':'cache is fresh')\n      ]],\n      ['storage','Storage', [\n        torrentStatsCard('Torrent size', stats.total_torrent_size_h || fmtBytes(stats.total_torrent_size)),\n        torrentStatsCard('Files size', stats.total_file_size_h || fmtBytes(stats.total_file_size), `${stats.file_count||0} files`)\n      ]],\n      ['sources','Seeds / peers', [\n        torrentStatsCard('Seeds / peers', `${stats.seeds_total||0} / ${stats.peers_total||0}`, 'current sum from last sample')\n      ]],\n      ['speed','Speed', [\n        torrentStatsCard('Speed DL / UL', `${stats.down_rate_total_h||'0 B/s'} / ${stats.up_rate_total_h||'0 B/s'}`)\n      ]],\n      ['cache','Cache', [\n        torrentStatsCard('Updated', updated),\n        torrentStatsCard('Age', `${age}s`)\n      ]]\n    ];\n    if($('torrentStatsMeta')) $('torrentStatsMeta').textContent=`Updated: ${updated}, age: ${age}s`;\n    const errors=Array.isArray(stats.errors)&&stats.errors.length ? `<div class=\"alert alert-warning py-2 mt-3 mb-0\">File metadata warnings: ${esc(stats.errors.length)} torrent(s). ${esc(stats.error||'')}</div>` : '';\n    box.innerHTML=`<div class=\"column-manager-tabs\"><ul class=\"nav nav-pills\">${panes.map(p=>`<li class=\"nav-item\"><button class=\"nav-link ${p[0]===active?'active':''}\" type=\"button\" data-torrentstats-pane=\"${p[0]}\">${p[1]}</button></li>`).join('')}</ul></div>${panes.map(p=>`<div class=\"torrentstats-pane ${p[0]===active?'':'d-none'}\" data-torrentstats-panel=\"${p[0]}\"><div class=\"torrent-stats-grid\">${p[2].join('')}</div></div>`).join('')}${errors}`;\n  }\n  async function loadTorrentStats(force=false){\n    const box=$('torrentStatsManager');\n    if(!box) return;\n    box.innerHTML='<span class=\"spinner-border spinner-border-sm\"></span> Loading torrent statistics...';\n    try{\n      const j=await (await fetch(`/api/torrent-stats${force?'?force=1':''}`)).json();\n      if(!j.ok) throw new Error(j.error||'Torrent statistics failed');\n      renderTorrentStats(j.stats||{});\n      if(force) toast('Torrent statistics refreshed','success');\n    }catch(e){ box.innerHTML=`<div class=\"text-danger\">${esc(e.message)}</div>`; }\n  }\n\n\n  function addToolTab(tool, icon, label, beforeTool='appstatus'){\n    if(document.querySelector(`.tool-tab[data-tool=\"${tool}\"]`)) return;\n    const nav=document.querySelector('#toolsModal .nav.nav-pills');\n    if(!nav) return;\n    const li=document.createElement('li');\n    li.className='nav-item';\n    li.innerHTML=`<button class=\"nav-link tool-tab\" data-tool=\"${tool}\" type=\"button\"><i class=\"fa-solid ${icon}\"></i> ${label}</button>`;\n    const before=document.querySelector(`#toolsModal .tool-tab[data-tool=\"${beforeTool}\"]`)?.closest('.nav-item');\n    nav.insertBefore(li,before||null);\n    li.querySelector('.tool-tab')?.addEventListener('click',()=>activateToolTab(tool));\n  }\n  function inlineSwitch(id,label='Enable',extraClass=''){\n    return `<label class=\"form-check form-switch inline-switch ${extraClass}\"><input id=\"${id}\" class=\"form-check-input\" type=\"checkbox\"><span class=\"form-check-label\">${label}</span></label>`;\n  }\n  function plannerToggleRow(id,title,description){\n    return `<div class=\"smart-setting-row smart-toggle-row\"><div><b>${title}</b><small>${description}</small></div>${inlineSwitch(id)}</div>`;\n  }\n  function plannerSpeedCard(prefix,title,sub){\n    return `<div class=\"smart-input-field planner-speed-card\" data-planner-speed=\"${prefix}\">\n      <span>${title}</span>\n      <small>${sub}</small>\n      <div class=\"planner-limit-summary\" id=\"${prefix}Summary\">Unlimited</div>\n      <div class=\"planner-presets\" aria-label=\"${title} presets\">\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"0\" type=\"button\">Unlimited</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"50\" type=\"button\">50</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"100\" type=\"button\">100</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"250\" type=\"button\">250</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"500\" type=\"button\">500</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"1000\" type=\"button\">1G</button>\n      </div>\n      <div class=\"planner-speed-sliders\">\n        <label>Download <b id=\"${prefix}DownMbps\">Unlimited</b><input id=\"${prefix}DownSlider\" class=\"form-range planner-mbps-slider\" type=\"range\" min=\"0\" max=\"1000\" step=\"5\" value=\"0\" data-target=\"${prefix}Down\"></label>\n        <input id=\"${prefix}Down\" class=\"form-control form-control-sm planner-byte-input\" type=\"number\" min=\"0\" placeholder=\"B/s\" aria-label=\"${title} download bytes per second\">\n        <label>Upload <b id=\"${prefix}UpMbps\">Unlimited</b><input id=\"${prefix}UpSlider\" class=\"form-range planner-mbps-slider\" type=\"range\" min=\"0\" max=\"1000\" step=\"5\" value=\"0\" data-target=\"${prefix}Up\"></label>\n        <input id=\"${prefix}Up\" class=\"form-control form-control-sm planner-byte-input\" type=\"number\" min=\"0\" placeholder=\"B/s\" aria-label=\"${title} upload bytes per second\">\n      </div>\n      <small>Slider uses Mbit/s. Numeric fields store B/s for rTorrent.</small>\n    </div>`;\n  }\n";