Function initGatewaysSection

public/js/adminPanel.js:2759–5227

({ isPro })

}

function initGatewaysSection({ isPro }) {
  const container = document.getElementById('gatewaysContent');
  if (!container || container.__initialized) return;
  container.__initialized = true;

  if (!isPro) {
    container.innerHTML = `
      <div class="card" style="border-radius: var(--menu-radius); overflow:hidden;">
        <div class="card-header py-2">
          <strong>
            ${escapeHTML(tf('gateway_shares', 'Gateway Shares'))}
            <span class="badge bg-warning text-dark ms-1 align-middle">Pro</span>
          </strong>
        </div>
        <div class="card-body p-2">
          <div class="small text-muted">
            ${escapeHTML(tf('gateway_locked_body', 'Expose a scoped source root over SFTP, S3, or MCP with generated start commands and safety checks.'))}
          </div>
        </div>
      </div>
    `;
    return;
  }

  container.innerHTML = `
    <div class="sources-admin">
      <div class="sources-toolbar">
        <button type="button" id="gwAddBtn" class="btn btn-sm btn-primary">${escapeHTML(tf('gateway_add', 'Add Gateway'))}</button>
        <button type="button" id="gwRefreshBtn" class="btn btn-sm btn-secondary">${escapeHTML(tf('refresh', 'Refresh'))}</button>
      </div>

      <div class="alert alert-info py-2 px-3 small" style="border-radius:8px; margin-bottom:8px;">
        <div><strong>${escapeHTML(tf('gateway_runtime_title', 'Gateway runtime setup (managed recommended)'))}</strong></div>
        <div>${escapeHTML(tf('gateway_runtime_line_1', '1) Managed Mode can install, start, stop, and restart rclone from this panel.'))}</div>
        <div>${escapeHTML(tf('gateway_runtime_line_2', '2) If rclone is missing, use Download + install or upload a custom binary.'))}</div>
        <div>${escapeHTML(tf('gateway_runtime_line_3', '3) In Docker/container setups, publish each gateway port (example: -p 2022:2022).'))}</div>
        <div>${escapeHTML(tf('gateway_runtime_line_4', '4) Use listen address 0.0.0.0 for LAN access; use 127.0.0.1 for local-only.'))}</div>
        <div>${escapeHTML(tf('gateway_runtime_line_5', '5) Manual snippets are advanced fallback; Test validates config only.'))}</div>
        <a class="small" href="${escapeHTML(withBase('/docs/?page=pro-gateway-shares'))}" target="_blank" rel="noopener noreferrer">
          ${escapeHTML(tf('gateway_runtime_docs', 'Open Gateway setup guide'))}
        </a>
      </div>

      <div id="gwStatus" class="text-muted small" style="margin-bottom:6px;"></div>
      <div id="gwList" class="sources-list"></div>

      <hr class="admin-divider">

      <div id="gwFormWrap" class="sources-form">
        <div class="admin-subsection-title" id="gwFormTitle">${escapeHTML(tf('gateway_add', 'Add Gateway'))}</div>
        <div class="sources-form-grid">
          <div class="form-group">
            <label for="gwName">${escapeHTML(tf('gateway_name', 'Name'))}:</label>
            <input type="text" id="gwName" class="form-control" maxlength="120" placeholder="Client SFTP" />
          </div>
          <div class="form-group">
            <label for="gwType">${escapeHTML(tf('gateway_type', 'Gateway Type'))}:</label>
            <select id="gwType" class="form-control">