export const mobileTorrentDetailsSource = "  function mobileDetailValue(value, fallback='-'){\n    const text = value === null || value === undefined || value === '' ? fallback : String(value);\n    return esc(text);\n  }\n  function mobileDetailsStatCards(t){\n    const stats = [\n      ['Status', t.status || '-'],\n      ['Progress', `${Number(t.progress || 0)}%`],\n      ['Size', t.size_h || '-'],\n      ['Downloaded', t.down_total_h || '-'],\n      ['Uploaded', t.up_total_h || '-'],\n      ['DL / UL', `${t.down_rate_h || '-'} / ${t.up_rate_h || '-'}`],\n      ['Seeds / Peers', `${t.seeds ?? 0} / ${t.peers ?? 0}`],\n      ['Ratio', t.ratio ?? '-'],\n      ['ETA', t.eta_h || '-'],\n      ['Added', formatDateTime(t.created)],\n    ];\n    return stats.map(([label,value]) => `<div class=\"mobile-details-stat\"><b>${esc(label)}</b><span>${mobileDetailValue(value)}</span></div>`).join('');\n  }\n  function mobileDetailsPeerRows(peers){\n    // Note: Mobile peers use the same responsive table wrapper as desktop details for consistent spacing and scrolling.\n    return (peers || []).slice(0, 40).map(p => {\n      const location = [p.country, p.city].filter(Boolean).join(', ') || '-';\n      const ip = `<span class=\"peer-ip\">${esc(p.ip || '-')}<a class=\"peer-ip-link\" href=\"https://ipinfo.io/${encodeURIComponent(p.ip || '')}\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Open IP info\"><i class=\"fa-solid fa-link\"></i></a></span>`;\n      const row = [flag(p.country_iso), ip];\n      if(reverseDnsEnabled) row.push(peerHostCell(p));\n      row.push(esc(location), esc(p.client || '-'), progressBar(p.completed || 0, 'peer-progress peer-progress-wide'), esc(p.down_rate_h || '-'), esc(p.up_rate_h || '-'), esc(p.port || '-'), peerBadges(p));\n      return row;\n    });\n  }\n  function scheduleMobileReverseDnsRefresh(hash, torrent, payload){\n    // Note: Mobile details refresh only the peers payload while preserving already-loaded files and trackers.\n    clearTimeout(mobileReverseDnsRefreshTimer);\n    if(!hasPendingReverseDns(payload.peers?.value?.peers || [])){ mobileReverseDnsRefreshAttempts=0; return; }\n    if(!hash || mobileReverseDnsRefreshAttempts>=REVERSE_DNS_REFRESH_MAX_ATTEMPTS) return;\n    mobileReverseDnsRefreshAttempts+=1;\n    mobileReverseDnsRefreshTimer=setTimeout(async()=>{\n      if(selectedHash!==hash || !$('mobileDetailsModal')?.classList.contains('show')) return;\n      try{\n        const peersJson=await fetchMobileDetailsJson(hash, 'peers');\n        const nextPayload={...payload, peers:{status:'fulfilled', value:peersJson}};\n        const body=$('mobileDetailsBody');\n        if(body && selectedHash===hash){\n          body.innerHTML=renderMobileDetailsContent(torrent, nextPayload);\n          scheduleMobileReverseDnsRefresh(hash, torrent, nextPayload);\n        }\n      }catch(_){ }\n    }, REVERSE_DNS_REFRESH_SECONDS*1000);\n  }\n  function mobileDetailsPeerTable(peers){\n    const headers = ['Flag', 'IP'];\n    if(reverseDnsEnabled) headers.push('Host');\n    headers.push('Location', 'Client', '%', 'DL', 'UL', 'Port', 'Flags');\n    const rows = mobileDetailsPeerRows(peers);\n    if(!rows.length) return '<div class=\"mobile-details-empty\">No peers returned by rTorrent.</div>';\n    return responsiveTable(headers, rows, reverseDnsEnabled ? 'peers-table mobile-details-peers-table peers-table-hosts' : 'peers-table mobile-details-peers-table');\n  }\n  function mobileDetailsFileTable(files){\n    const rows = (files || []).map(file => {\n      const priority = FILE_PRIORITY_LABELS[Number(file.priority || 0)] || file.priority || '-';\n      const actions = `<div class=\"file-row-actions\">${renderFileInfoButton(file)}<button class=\"btn btn-xs btn-outline-secondary file-download-one\" type=\"button\" data-index=\"${esc(file.index)}\" title=\"Download\"><i class=\"fa-solid fa-download\"></i></button></div>`;\n      return [\n        `<span class=\"mobile-details-file-path\" title=\"${esc(file.path || file.name || '-')}\">${esc(file.path || file.name || '-')}</span>`,\n        esc(file.size_h || '-'),\n        progressBar(file.progress ?? 0, 'file-progress'),\n        `<span class=\"badge ${priorityClass(file.priority)}\">${esc(priority)}</span>`,\n        renderFilePrioritySelect(file),\n        actions,\n      ];\n    });\n    // Note: Mobile files now reuse the same compact table pattern as peers, with per-file priority, state, info and download actions.\n    if(!rows.length) return '<div class=\"mobile-details-empty\">No files returned by rTorrent.</div>';\n    return responsiveTable(['Path', 'Size', 'Done', 'Priority', 'Set priority', 'Actions'], rows, 'file-priority-table mobile-details-files-table');\n  }\n  function mobileDetailsTrackerRows(trackers){\n    // Note: Mobile trackers mirror the desktop tracker table instead of using a separate list layout.\n    return (trackers || []).slice(0, 12).map(t => [\n      `<span class=\"text-muted\">#${esc(t.index)}</span>`,\n      trackerUrlCell(t),\n      trackerEnabledCell(t.enabled),\n      esc(trackerSeedsPeers(t)),\n      esc(t.downloaded ?? '-'),\n      fmtTs(t.last_announce),\n    ]);\n  }\n  function mobileDetailsTrackerTable(trackers){\n    const rows = mobileDetailsTrackerRows(trackers);\n    if(!rows.length) return '<div class=\"mobile-details-empty\">No trackers returned by rTorrent.</div>';\n    return responsiveTable(['#', 'URL', 'On', 'Seeds / Peers', 'Done', 'Last announce'], rows, 'tracker-table mobile-details-trackers-table');\n  }\n  function mobileDetailsSection(title, icon, body, meta='', options={}){\n    const collapsed = !!options.collapsed;\n    const titleMarkup = `<h6><i class=\"fa-solid ${esc(icon)}\"></i> ${esc(title)}${meta ? `<small>${esc(meta)}</small>` : ''}</h6>`;\n    if(collapsed){\n      // Note: Heavy mobile sections start collapsed to keep torrent details quick to scan on phones.\n      return `<details class=\"mobile-details-section mobile-details-collapsible\"><summary>${titleMarkup}</summary>${body}</details>`;\n    }\n    return `<section class=\"mobile-details-section\">${titleMarkup}${body}</section>`;\n  }\n  function ensureMobileDetailsModal(){\n    let modal = $('mobileDetailsModal');\n    if(modal) return modal;\n    // Note: Mobile torrent details are lazy-created so the desktop details pane and existing tabs stay unchanged.\n    modal = document.createElement('div');\n    modal.id = 'mobileDetailsModal';\n    modal.className = 'modal fade mobile-details-modal';\n    modal.tabIndex = -1;\n    modal.innerHTML = `<div class=\"modal-dialog modal-fullscreen-sm-down modal-xl modal-dialog-scrollable app-modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><div><h5 id=\"mobileDetailsTitle\" class=\"modal-title\"><i class=\"fa-solid fa-circle-info\"></i> Torrent details</h5><div id=\"mobileDetailsSubtitle\" class=\"mobile-details-subtitle\"></div></div><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><div id=\"mobileDetailsBody\" class=\"modal-body\"><div class=\"loading-line\"><span class=\"spinner-border spinner-border-sm\"></span> Loading torrent details...</div></div></div></div>`;\n    document.body.appendChild(modal);\n    return modal;\n  }\n  function renderMobileDetailsContent(t, payload){\n    const peers = payload.peers?.status === 'fulfilled' ? (payload.peers.value.peers || []) : [];\n    const files = payload.files?.status === 'fulfilled' ? (payload.files.value.files || []) : [];\n    const trackers = payload.trackers?.status === 'fulfilled' ? (payload.trackers.value.trackers || []) : [];\n    const failures = ['peers','files','trackers'].filter(key => payload[key]?.status === 'rejected').map(key => `${key}: ${payload[key].reason?.message || 'failed'}`);\n    const fullPath = joinRemotePath(t.path, t.name);\n    const peerTable = mobileDetailsPeerTable(peers);\n    const fileTable = mobileDetailsFileTable(files);\n    const trackerTable = mobileDetailsTrackerTable(trackers);\n    const generalBody = `<section class=\"mobile-details-summary\"><div class=\"mobile-details-name\">${esc(t.name || '-')}</div><div class=\"mobile-details-path\"><b>Path</b><span>${esc(fullPath)}</span></div><div class=\"mobile-details-hash\"><b>Hash</b><code>${esc(t.hash || '-')}</code></div></section><div class=\"mobile-details-stats\">${mobileDetailsStatCards(t)}</div>`;\n    const messageBody = `<div class=\"mobile-details-message\">${esc(t.message || 'No message.')}</div>`;\n    const errorBox = failures.length ? `<div class=\"alert alert-warning mobile-details-warning\"><b>Partial details loaded</b><div>${esc(failures.join(' | '))}</div></div>` : '';\n    // Note: General and heavy lists start collapsed on mobile so the modal opens cleanly and the user expands only the section needed.\n    return `${errorBox}${mobileDetailsSection('General', 'fa-circle-info', generalBody, '', {collapsed:true})}${mobileDetailsSection('Peers', 'fa-users', peerTable, peers.length > 40 ? `showing 40 of ${peers.length}` : `${peers.length} total`, {collapsed:true})}${mobileDetailsSection('Files', 'fa-folder-tree', fileTable, files.length ? `${files.length} total` : '', {collapsed:true})}${mobileDetailsSection('Trackers', 'fa-bullhorn', trackerTable, trackers.length > 12 ? `showing 12 of ${trackers.length}` : `${trackers.length} total`, {collapsed:true})}${mobileDetailsSection('Message', 'fa-message', messageBody, '', {collapsed:true})}`;\n  }\n  async function fetchMobileDetailsJson(hash, tab){\n    const res = await fetch(`/api/torrents/${encodeURIComponent(hash)}/${tab}`, {headers:{'Accept':'application/json'}});\n    const json = await res.json().catch(() => ({}));\n    if(!res.ok || !json.ok) throw new Error(json.error || `HTTP ${res.status}`);\n    return json;\n  }\n  async function openMobileDetails(hash){\n    const t = torrents.get(hash);\n    if(!t) return toast('Torrent is no longer available.','warning');\n    selectedHash = hash;\n    lastSelectedHash = hash;\n    const modal = ensureMobileDetailsModal();\n    const title = $('mobileDetailsTitle');\n    const subtitle = $('mobileDetailsSubtitle');\n    const body = $('mobileDetailsBody');\n    if(title) title.innerHTML = '<i class=\"fa-solid fa-circle-info\"></i> Torrent details';\n    if(subtitle) subtitle.textContent = t.name || hash;\n    if(body) body.innerHTML = '<div class=\"loading-line\"><span class=\"spinner-border spinner-border-sm\"></span> Loading peers, files and trackers...</div>';\n    new bootstrap.Modal(modal).show();\n    try{\n      // Note: The mobile modal reads existing lightweight detail endpoints without changing the desktop details tabs.\n      const [peers, files, trackers] = await Promise.allSettled([\n        fetchMobileDetailsJson(hash, 'peers'),\n        fetchMobileDetailsJson(hash, 'files'),\n        fetchMobileDetailsJson(hash, 'trackers'),\n      ]);\n      if(body) body.innerHTML = renderMobileDetailsContent(t, {peers, files, trackers});\n      mobileReverseDnsRefreshAttempts=0;\n      scheduleMobileReverseDnsRefresh(hash, t, {peers, files, trackers});\n    }catch(e){\n      if(body) body.innerHTML = `<div class=\"alert alert-danger mb-0\"><b>Details failed</b><div>${esc(e.message)}</div></div>`;\n    }\n  }\n\n";