/* AgentCheckin frontend — vanilla JS, no dependencies */
(function () {
  "use strict";

  var state = null;
  var pollTimer = null;
  var oauthState = null;
  var oauthTimer = null;
  var logTimer = null;

  var $ = function (id) { return document.getElementById(id); };

  // ---------------------------------------------------------------- helpers
  function toast(msg, kind) {
    var t = $("toast");
    t.textContent = msg;
    t.className = "toast" + (kind ? " " + kind : "");
    clearTimeout(t._timer);
    t._timer = setTimeout(function () { t.classList.add("hidden"); }, 3200);
  }

  function api(method, path, body) {
    var opts = { method: method, headers: {} };
    if (body !== undefined && body !== null) {
      opts.headers["Content-Type"] = "application/json";
      opts.body = JSON.stringify(body);
    }
    return fetch("api" + path, opts).then(function (r) {
      return r.json().catch(function () { return {}; });
    }).then(function (d) {
      if (d && d.error) throw new Error(d.error);
      return d;
    });
  }

  function esc(s) {
    return String(s == null ? "" : s).replace(/[&<>"']/g, function (c) {
      return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c];
    });
  }

  var STATUS = {
    ok: { label: "签到成功", cls: "ok", icon: "✅" },
    ok_unverified: { label: "已领取·待确认", cls: "ok_unverified", icon: "✅" },
    already: { label: "今日已签", cls: "already", icon: "☑️" },
    inactive: { label: "未开放签到", cls: "inactive", icon: "➖" },
    fail: { label: "签到失败", cls: "fail", icon: "❌" },
    no_session: { label: "需重新授权", cls: "no_session", icon: "🔒" },
    no_auth: { label: "缺少凭据", cls: "no_auth", icon: "🔒" },
    retry_later: { label: "风控冷却", cls: "retry_later", icon: "⏳" }
  };

  function platformName(p) { return p === "trae" ? "TRAE" : (p === "qoder" ? "Qoder" : "WorkBuddy"); }

  // ---------------------------------------------------------------- tabs
  document.querySelectorAll(".tab").forEach(function (btn) {
    btn.addEventListener("click", function () {
      document.querySelectorAll(".tab").forEach(function (b) { b.classList.remove("active"); });
      document.querySelectorAll(".tabpage").forEach(function (p) { p.classList.remove("active"); });
      btn.classList.add("active");
      $("tab-" + btn.dataset.tab).classList.add("active");
      if (btn.dataset.tab === "logs") loadLogs();
      if (btn.dataset.tab === "accounts") renderAccounts();
      if (btn.dataset.tab === "settings") openSettingsTab();
    });
  });

  // ---------------------------------------------------------------- dashboard
  function renderTop() {
    var alive = state && state.daemon_alive;
    var chip = $("daemon-chip");
    chip.innerHTML = '<span class="dot"></span>守护进程 ' + (alive ? "运行中" : "已停止");
    chip.className = "chip " + (alive ? "chip-green" : "chip-red");
    var nr = $("nextrun-chip");
    nr.textContent = "下次签到 " + ((state && state.next_run_at) || "—");
    nr.className = "chip " + (state && state.next_run_at ? "chip-blue" : "chip-gray");
  }

  function renderCards() {
    var wrap = $("dash-cards");
    var accounts = (state && state.accounts) || [];
    if (!accounts.length) {
      wrap.innerHTML = '<div class="panel" style="grid-column:1/-1;text-align:center;color:var(--muted)">' +
        "暂无账号，请先到「账号管理」添加 TRAE / WorkBuddy 账号</div>";
      return;
    }
    wrap.innerHTML = accounts.map(function (a) {
      var st = a.today && a.today.status ? STATUS[a.today.status] : null;
      var statusHtml = st
        ? '<span class="status-chip ' + st.cls + '">' + st.icon + " " + st.label + "</span>"
        : '<span class="status-chip pending">⏳ 今日未签</span>';
      var credits = "";
      if (a.last_result && typeof a.last_result.credits === "number") {
        credits = "剩余积分 <b>" + a.last_result.credits + "</b>";
      } else if (a.last_result && a.last_result.points) {
        credits = "本次 +<b>" + a.last_result.points + "</b>";
      }
      var msg = a.today && a.today.message ? esc(a.today.message) : "";
      return (
        '<div class="acct-card' + (a.enabled ? "" : " disabled") + '">' +
        '<div class="acct-head"><span class="platform-badge ' + esc(a.platform) + '">' + platformName(a.platform) + "</span>" +
        '<span class="acct-name">' + esc(a.name) + "</span></div>" +
        '<div class="acct-status">' + statusHtml + (msg ? '<span class="muted">' + msg + "</span>" : "") + "</div>" +
        '<div class="acct-meta">' + (credits ? "<span>" + credits + "</span>" : "") +
        (a.last_result ? "<span>最近运行 " + esc(a.last_result.time || "") + "</span>" : "") +
        (!a.enabled ? "<span>已禁用</span>" : "") + "</div>" +
        '<div class="acct-actions">' +
        '<button class="btn btn-sm" data-act="run" data-id="' + esc(a.id) + '">立即签到</button>' +
        '<button class="btn btn-sm" data-act="test" data-id="' + esc(a.id) + '">测连接</button>' +
        "</div></div>"
      );
    }).join("");

    wrap.querySelectorAll("button[data-act]").forEach(function (btn) {
      btn.addEventListener("click", function () {
        if (btn.dataset.act === "run") runCheckin(btn.dataset.id, btn);
        else testAccount(btn.dataset.id, btn);
      });
    });
  }

  var lastStateJson = "";
  function refreshState(force) {
    return api("GET", "/state").then(function (d) {
      var json = JSON.stringify(d);
      if (!force && json === lastStateJson) return;   // 数据没变，跳过重渲染
      lastStateJson = json;
      state = d;
      renderTop();
      renderCards();
    }).catch(function (e) { /* keep old state on transient errors */ });
  }

  // ---------------------------------------------------------------- run / test
  var runningBtn = null;
  function runCheckin(accountId, btn) {
    if (btn) { btn.disabled = true; btn.textContent = "执行中…"; runningBtn = btn; }
    api("POST", "/checkin", accountId ? { account_id: accountId } : {})
      .then(function (d) {
        if (d.mode === "trigger") {
          toast("已触发签到，守护进程正在执行…");
          waitForRun(accountId);
        } else {
          toast("签到完成", "ok");
          refreshState();
        }
      })
      .catch(function (e) { toast(e.message, "err"); })
      .finally(function () {
        if (runningBtn) { runningBtn.disabled = false; runningBtn.textContent = "立即签到"; runningBtn = null; }
      });
  }

  function waitForRun(accountId) {
    // poll until today_results contains a fresh entry for the target
    var started = Date.now();
    var before = JSON.stringify((state && state.today_results) || {});
    (function poll() {
      if (Date.now() - started > 90000) { refreshState(); return; }
      refreshState().then(function () {
        var after = JSON.stringify((state && state.today_results) || {});
        var done = after !== before && (!accountId || (state.today_results || {})[accountId]);
        if (done) {
          var r = accountId ? state.today_results[accountId] : null;
          if (r) toast(platformName(r.platform) + " " + r.name + "：" + (r.message || r.status), r.status === "fail" || r.status === "no_session" ? "err" : "ok");
          else toast("签到完成", "ok");
        } else {
          setTimeout(poll, 3000);
        }
      });
    })();
  }

  function testAccount(id, btn) {
    btn.disabled = true; btn.textContent = "检测中…";
    api("POST", "/accounts/test", { id: id })
      .then(function (d) {
        var parts = [];
        if (d.refresh) parts.push("续期：" + d.refresh);
        if (typeof d.checked_in === "boolean") parts.push("今日" + (d.checked_in ? "已签" : "未签"));
        if (d.enable === false) parts.push("活动未开放");
        if (d.credits && typeof d.credits.remain === "number") parts.push("剩余积分 " + d.credits.remain);
        else if (typeof d.credits === "number") parts.push("积分 " + d.credits);
        if (d.hint) parts.push(d.hint);
        if (d.error) parts.push("错误：" + d.error);
        toast(parts.join("；") || "检测完成", d.error ? "err" : "ok");
      })
      .catch(function (e) { toast(e.message, "err"); })
      .finally(function () { btn.disabled = false; btn.textContent = "测连接"; });
  }

  // ---------------------------------------------------------------- accounts tab
  function renderAccounts() {
    var wrap = $("account-table-wrap");
    var accounts = (state && state.accounts) || [];
    if (!accounts.length) {
      wrap.innerHTML = '<p class="muted">暂无账号，点击右上角「添加账号」。</p>';
      return;
    }
    var rows = accounts.map(function (a) {
      var st = a.today && a.today.status ? STATUS[a.today.status] : null;
      return "<tr>" +
        "<td><span class='platform-badge " + esc(a.platform) + "'>" + platformName(a.platform) + "</span></td>" +
        "<td>" + esc(a.name) + (a.need_reauth ? ' <span class="status-chip no_session">需重新授权</span>' : "") +
        (a.platform === "qoder" ? '<div class="muted" style="font-size:11px">' + esc((a.auth && a.auth.domain) || "") + "</div>" : "") + "</td>" +
        "<td>" + esc(a.auth.accessToken || "") + "</td>" +
        "<td>" + (st ? st.icon + " " + st.label : "⏳ 今日未签") + "</td>" +
        "<td>" + (a.last_result && typeof a.last_result.credits === "number" ? a.last_result.credits : "—") + "</td>" +
        "<td>" + (a.enabled ? "启用" : "禁用") + "</td>" +
        '<td class="actions">' +
        '<button class="btn btn-sm" data-a2="run" data-id="' + esc(a.id) + '">签到</button>' +
        (a.platform === "qoder" ? '<button class="btn btn-sm" data-a2="fixdomain" data-id="' + esc(a.id) + '" title="自动探测 Token 所属站点并切换">修复站点</button>' : "") +
        '<button class="btn btn-sm" data-a2="toggle" data-id="' + esc(a.id) + '">' + (a.enabled ? "禁用" : "启用") + "</button>" +
        '<button class="btn btn-sm btn-danger" data-a2="del" data-id="' + esc(a.id) + '">删除</button>' +
        "</td></tr>";
    }).join("");
    wrap.innerHTML = '<table class="tbl"><thead><tr><th>平台</th><th>名称</th><th>Token</th><th>今日</th><th>积分</th><th>状态</th><th>操作</th></tr></thead><tbody>' + rows + "</tbody></table>";
    wrap.querySelectorAll("button[data-a2]").forEach(function (btn) {
      btn.addEventListener("click", function () {
        var id = btn.dataset.id, act = btn.dataset.a2;
        if (act === "run") runCheckin(id, btn);
        else if (act === "fixdomain") {
          btn.disabled = true; btn.textContent = "探测中…";
          api("POST", "/accounts/fix_domain", { id: id })
            .then(function (d) {
              if (d.ok) { toast("已切换到 " + d.domain, "ok"); refreshState(); }
              else { toast(d.error || "探测失败", "err"); }
            })
            .catch(function (e) { toast(e.message, "err"); })
            .finally(function () { btn.disabled = false; btn.textContent = "修复站点"; });
        }
        else if (act === "toggle") {
          var acc = state.accounts.find(function (x) { return x.id === id; });
          api("POST", "/accounts/update", { id: id, enabled: !acc.enabled })
            .then(function () { refreshState(); }).catch(function (e) { toast(e.message, "err"); });
        } else if (act === "del") {
          if (!confirm("确定删除该账号？")) return;
          api("POST", "/accounts/delete", { id: id })
            .then(function () { toast("已删除", "ok"); refreshState(); })
            .catch(function (e) { toast(e.message, "err"); });
        }
      });
    });
  }

  // ---------------------------------------------------------------- add modal
  function openModal() { $("modal-add").classList.remove("hidden"); }
  function closeModal(id) { $(id).classList.add("hidden"); stopOauth(); $("add-msg").textContent = ""; }

  document.querySelectorAll("[data-close]").forEach(function (b) {
    b.addEventListener("click", function () { closeModal(b.dataset.close); });
  });
  $("modal-add").addEventListener("click", function (e) {
    if (e.target === this) closeModal("modal-add");
  });
  $("btn-add-account").addEventListener("click", openModal);

  document.querySelectorAll(".mtab").forEach(function (btn) {
    btn.addEventListener("click", function () {
      document.querySelectorAll(".mtab").forEach(function (b) { b.classList.remove("active"); });
      document.querySelectorAll(".mtabpage").forEach(function (p) { p.classList.remove("active"); });
      btn.classList.add("active");
      $("mtab-" + btn.dataset.mtab).classList.add("active");
      stopOauth();
    });
  });

  function addMsg(msg, ok) {
    var m = $("add-msg");
    m.textContent = msg;
    m.className = "msg " + (ok ? "ok" : "err");
  }

  $("btn-wb-manual-add").addEventListener("click", function () {
    var token = $("wb-token").value.trim();
    if (!token) return addMsg("请填写 Access Token", false);
    api("POST", "/accounts/add_wb_manual", {
      name: $("wb-name").value.trim(),
      access_token: token,
      refresh_token: $("wb-refresh").value.trim(),
      domain: $("wb-domain").value
    }).then(function () {
      toast("WorkBuddy 账号已添加", "ok");
      closeModal("modal-add"); refreshState();
    }).catch(function (e) { addMsg(e.message, false); });
  });

  $("btn-trae-add").addEventListener("click", function () {
    var token = $("trae-token").value.trim();
    if (!token) return addMsg("请填写 Access Token", false);
    api("POST", "/accounts/add_trae", {
      name: $("trae-name").value.trim(),
      access_token: token,
      refresh_token: $("trae-refresh").value.trim()
    }).then(function () {
      toast("TRAE 账号已添加", "ok");
      closeModal("modal-add"); refreshState();
    }).catch(function (e) { addMsg(e.message, false); });
  });


  $("btn-qoder-add").addEventListener("click", function () {
    var token = $("qoder-token").value.trim();
    if (!token) return addMsg("请填写 Access Token", false);
    if (token.length < 10) return addMsg("Access Token 仅 " + token.length + " 字符，明显不完整，请重新复制", false);
    var rt0 = $("qoder-refresh").value.trim();
    if (rt0 && rt0.length < 10) return addMsg("Refresh Token 仅 " + rt0.length + " 字符，明显不完整，请重新复制", false);
    var dev = {};
    var map = {
      "qoder-machine-id": "machineId",
      "qoder-machine-token": "machineToken",
      "qoder-machine-code": "machineCode",
      "qoder-machine-type": "machineType",
      "qoder-version": "version",
    };
    Object.keys(map).forEach(function (id) {
      var v = $(id).value.trim();
      if (v) dev[map[id]] = v;
    });
    api("POST", "/accounts/add_qoder", {
      name: $("qoder-name").value.trim(),
      access_token: token,
      refresh_token: $("qoder-refresh").value.trim(),
      domain: $("qoder-domain").value,
      device: dev
    }).then(function () {
      toast("Qoder 账号已添加", "ok");
      closeModal("modal-add"); refreshState();
    }).catch(function (e) { addMsg(e.message, false); });
  });

  // ---- workbuddy oauth flow
  function stopOauth() {
    if (oauthTimer) { clearInterval(oauthTimer); oauthTimer = null; }
    oauthState = null;
    $("oauth-box").classList.add("hidden");
  }

  $("btn-oauth-begin").addEventListener("click", function () {
    this.disabled = true;
    api("POST", "/wb_oauth_begin", {})
      .then(function (d) {
        oauthState = d.state;
        $("oauth-url").value = d.login_url;
        $("oauth-box").classList.remove("hidden");
        $("oauth-status").textContent = "等待登录…（链接 " + Math.round(d.ttl / 60) + " 分钟内有效）";
        oauthTimer = setInterval(pollOauth, 2000);
      })
      .catch(function (e) { addMsg(e.message, false); })
      .finally(function () { this.disabled = false; }.bind(this));
  });

  $("btn-oauth-copy").addEventListener("click", function () {
    var input = $("oauth-url");
    input.select();
    var done = function () { toast("链接已复制", "ok"); };
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(input.value).then(done, function () { document.execCommand("copy"); done(); });
    } else { document.execCommand("copy"); done(); }
  });

  function pollOauth() {
    if (!oauthState) return;
    api("GET", "/wb_oauth_poll?state=" + encodeURIComponent(oauthState))
      .then(function (d) {
        if (d.status === "done") {
          stopOauth();
          toast("WorkBuddy 账号已绑定", "ok");
          closeModal("modal-add");
          refreshState();
        }
      })
      .catch(function (e) {
        $("oauth-status").textContent = e.message;
        stopOauth();
      });
  }

  // ---------------------------------------------------------------- logs
  function loadLogs() {
    api("GET", "/logs?lines=300").then(function (d) {
      $("log-view").textContent = (d.lines || []).join("\n") || "暂无日志";
      $("log-view").scrollTop = $("log-view").scrollHeight;
    }).catch(function () {
      $("log-view").textContent = "日志加载失败";
    });
  }
  $("btn-refresh-logs").addEventListener("click", loadLogs);
  setInterval(function () {
    if (document.hidden) return;
    if ($("log-autorefresh").checked && $("tab-logs").classList.contains("active")) loadLogs();
  }, 15000);

  // ---------------------------------------------------------------- settings
  // Local editing copy: initialised from server state ONLY when the tab is
  // opened (and there are no unsaved edits). The 10s state poll must never
  // overwrite it, otherwise in-progress edits are silently discarded.
  var settings = null;
  var settingsDirty = false;

  function openSettingsTab() {
    if (!settingsDirty) {
      settings = JSON.parse(JSON.stringify(
        (state && state.settings) || { schedule_times: [], webhook_url: "", notify_on: [] }));
    }
    renderSettings();
  }

  function renderSettings() {
    // renders ONLY from the local copy — never re-reads from `state` here
    settings = settings || { schedule_times: [], webhook_url: "", notify_on: [] };
    var chips = $("time-chips");
    chips.innerHTML = "";
    (settings.schedule_times || []).forEach(function (t) {
      var el = document.createElement("span");
      el.className = "time-chip";
      el.innerHTML = esc(t) + '<button title="删除">×</button>';
      el.querySelector("button").addEventListener("click", function () {
        settings.schedule_times = settings.schedule_times.filter(function (x) { return x !== t; });
        settingsDirty = true;
        renderSettings();
      });
      chips.appendChild(el);
    });
    $("webhook-url").value = settings.webhook_url || "";
    $("webhook-type").value = settings.webhook_type || "auto";
    $("notify-fail").checked = (settings.notify_on || []).indexOf("fail") >= 0;
    $("notify-success").checked = (settings.notify_on || []).indexOf("success") >= 0;
  }

  $("btn-add-time").addEventListener("click", function () {
    var v = $("new-time").value;
    if (!v) { toast("请先选择要添加的时间", "err"); return; }
    settings.schedule_times = settings.schedule_times || [];
    if (settings.schedule_times.indexOf(v) >= 0) {
      toast("该时间已存在", "err");
      return;
    }
    settings.schedule_times.push(v);
    settings.schedule_times.sort();
    settingsDirty = true;
    renderSettings();
    $("new-time").value = "";
  });

  $("btn-save-settings").addEventListener("click", function () {
    var times = (settings.schedule_times || []).slice().sort();
    if (!times.length) { $("settings-msg").textContent = "至少保留一个签到时间点"; $("settings-msg").className = "msg err"; return; }
    var notify = [];
    if ($("notify-fail").checked) notify.push("fail");
    if ($("notify-success").checked) notify.push("success");
    api("POST", "/settings", {
      schedule_times: times,
      webhook_url: $("webhook-url").value.trim(),
      webhook_type: $("webhook-type").value,
      notify_on: notify
    }).then(function () {
      settingsDirty = false;
      $("settings-msg").textContent = "已保存";
      $("settings-msg").className = "msg ok";
      toast("设置已保存", "ok");
      refreshState();
    }).catch(function (e) {
      $("settings-msg").textContent = e.message;
      $("settings-msg").className = "msg err";
    });
  });

  $("btn-test-notify").addEventListener("click", function () {
    var url = $("webhook-url").value.trim();
    if (!url) { $("settings-msg").textContent = "请先填写 Webhook 地址"; $("settings-msg").className = "msg err"; return; }
    // save first so the daemon/notify uses the new url, then fire a real run
    var notify = [];
    if ($("notify-fail").checked) notify.push("fail");
    if ($("notify-success").checked) notify.push("success");
    api("POST", "/settings", { webhook_url: url, webhook_type: $("webhook-type").value, notify_on: notify })
      .then(function () {
        settingsDirty = false;
        return api("POST", "/checkin", {});
      })
      .then(function () {
        $("settings-msg").textContent = "已触发一次签到，通知将随结果发送";
        $("settings-msg").className = "msg ok";
        waitForRun(null);
      })
      .catch(function (e) {
        $("settings-msg").textContent = e.message;
        $("settings-msg").className = "msg err";
      });
  });

  // ---------------------------------------------------------------- run all
  $("btn-run-all").addEventListener("click", function () { runCheckin(null, null); });

  // ---------------------------------------------------------------- boot
  var STATE_POLL_MS = 30000;
  function boot() {
    refreshState(true);
    renderAccounts();
    pollTimer = setInterval(function () {
      if (document.hidden) return;   // 页面/iframe 不可见时暂停轮询
      refreshState().then(renderAccountsIfVisible);
    }, STATE_POLL_MS);
    document.addEventListener("visibilitychange", function () {
      if (!document.hidden) refreshState(true).then(renderAccountsIfVisible);
    });
  }
  function renderAccountsIfVisible() {
    if ($("tab-accounts").classList.contains("active")) renderAccounts();
  }
  boot();
})();