/* ==================== 视图四：数据中心 ==================== */
var DATA_TABS = [
  ["advicers", "\u9500\u552e\u4eba\u5458"],
  ["versions", "\u6570\u5b57\u4eba\u7ba1\u7406"],
  ["skills", "\u804a\u5929\u6280\u5de7"],
  ["clients", "客户"],
  ["leads", "成交线索"],
  ["reminds", "定时提醒"]
];

function renderData() {
  if (!state.project || !state.project.projectId) { switchView("projects"); return; }
  var st = state.data;
  $("#view-data").innerHTML =
    '<div class="card">' +
    '<div class="tabs" id="data-tabs">' + DATA_TABS.map(function (t) {
      return '<div class="tab' + (st.tab === t[0] ? " active" : "") + '" data-tab="' + t[0] + '">' + t[1] + "</div>";
    }).join("") + "</div>" +
    '<div id="data-body"></div>' +
    "</div>";
  $$("#data-tabs .tab").forEach(function (t) {
    t.onclick = function () {
      st.tab = t.dataset.tab;
      $$("#data-tabs .tab").forEach(function (x) { x.classList.toggle("active", x === t); });
      // 同步侧边栏高亮
      if (typeof switchView === "function") {
        $$(".nav-item").forEach(function (i) {
          var match = i.dataset.view === "data" && i.dataset.tab === st.tab;
          i.classList.toggle("active", match);
        });
        // 更新顶栏标题
        var tabMeta = { advicers: "销售管理", versions: "数字人管理", skills: "聊天技巧", clients: "客户管理", leads: "成交线索", reminds: "定时提醒" };
        $("#pageTitle").textContent = tabMeta[st.tab] || "数据中心";
        $("#pageSub").textContent = "管理当前项目下的" + (tabMeta[st.tab] || "数据");
      }
      renderDataBody();
    };
  });
  renderDataBody();
}

function renderDataBody() {
  console.log("[renderDataBody] tab=" + state.data.tab);
  var body = $("#data-body");
  if (!body) { console.error("[renderDataBody] #data-body not found!"); return; }
  body.innerHTML = '<div class="empty"><span class="spin"></span></div>';
  var tab = state.data.tab;
  if (tab === "advicers") return renderTabAdvicers(body);
  if (tab === "versions") return renderTabVersions(body);
  if (tab === "skills") return renderTabSkills(body);
  if (tab === "clients") return renderTabClients(body);
  if (tab === "leads") return renderTabLeads(body);
  if (tab === "reminds") return renderTabReminds(body);
  console.warn("[renderDataBody] unknown tab: " + tab);
}

function dataHead(title, sub, addBtnId, addBtnText) {
  return '<div class="row mb-2"><span class="fs-13 c-main" style="font-weight:700">' + title + '</span>' +
    '<span class="fs-12 c-dim">' + sub + '</span><span class="spacer"></span>' +
    '<button class="btn primary sm" id="' + addBtnId + '">+ ' + addBtnText + "</button></div>";
}

/* ---------- Tab 1：销售人员 ---------- */
function renderTabAdvicers(body) {
  Core.api("advicer/list", { projectId: state.project.projectId }).then(function (list) {
    list = list || [];
    var html = dataHead("销售人员", "共 " + list.length + " 人", "adv-add", "新增销售");
    if (!list.length) {
      html += '<div class="empty"><div class="big">◉</div>暂无销售人员，点击右上角新增</div>';
    } else {
      html += '<div class="table-wrap"><table class="table"><thead><tr>' +
        "<th>ID</th><th>姓名</th><th>生日</th><th>入职时间</th><th>性别</th><th>行业经验</th><th>微信设备ID</th><th>托管</th><th>文件助手</th><th>创建时间</th><th>操作</th></tr></thead><tbody>" +
        list.map(function (a) {
          var gender = a.gender === 1 ? "男" : a.gender === 2 ? "女" : "-";
          var hOn = a.hosting_enabled === 1 || a.hosting_enabled === true;
          return "<tr>" +
            '<td class="mono">' + a.advicer_id + "</td>" +
            '<td><span class="name">' + Core.esc(a.name) + "</span></td>" +
            '<td class="fs-12">' + Core.fmtTime(a.birth).slice(0, 10) + "</td>" +
            '<td class="fs-12">' + (a.join_date ? Core.fmtTime(a.join_date).slice(0, 10) : "-") + "</td>" +
            "<td>" + gender + "</td>" +
            "<td>" + (a.working_years || "-") + " 年</td>" +
            '<td class="mono fs-12">' + Core.esc(a.wx_device_id || '-') + "</td>" +
            '<td><label class="switch"><input type="checkbox" class="adv-hosting" data-id="' + a.advicer_id + '" data-name="' + Core.esc(a.name || "") + '" data-enabled="' + (hOn ? 1 : 0) + '" data-ver="' + Core.esc(a.hosting_version_id || "") + '" data-skill="' + Core.esc(a.hosting_skill_id || "") + '"' + (hOn ? ' checked' : '') + '><span class="slider"></span></label></td>' +
            '<td><label class="switch"><input type="checkbox" class="adv-filehelper" data-id="' + a.advicer_id + '"' + ((a.reply_filehelper === 1 || a.reply_filehelper === true) ? ' checked' : '') + '><span class="slider"></span></label></td>' +
            '<td class="fs-12">' + Core.fmtTime(a.create_at) + "</td>" +
            '<td class="ops"><button class="btn ghost sm adv-edit" data-id="' + a.advicer_id + '">编辑</button>' +
            '<button class="btn ghost sm adv-avatar" data-id="' + a.advicer_id + '" data-name="' + Core.esc(a.name || "") + '">数字人管理</button>' +
            '<button class="btn primary sm adv-wx" data-id="' + a.advicer_id + '" data-name="' + Core.esc(a.name || "") + '" data-device="' + Core.esc(a.wx_device_id || "") + '">微信工作台</button></td>' +
            "</tr>";
        }).join("") + "</tbody></table></div>";
    }
    body.innerHTML = html;
    $("#adv-add").onclick = function () { advicerForm(null); };
    $$(".adv-edit").forEach(function (b) {
      b.onclick = function () {
        var item = list.filter(function (x) { return String(x.advicer_id) === b.dataset.id; })[0];
        advicerForm(item);
      };
    });
    $$(".adv-avatar").forEach(function (b) {
      b.onclick = function () {
        state.data.advicerId = Number(b.dataset.id);
        state.data.tab = "versions";
        switchView("data");
      };
    });
    $$(".adv-wx").forEach(function (b) {
      b.onclick = function () {
        openAdvicerWxWorkbench(Number(b.dataset.id), b.dataset.name, b.dataset.device);
      };
    });
    $$(".adv-hosting").forEach(function (b) {
      b.onchange = function () {
        var advicerId = Number(b.dataset.id);
        var advicerName = b.dataset.name || "";
        if (!b.checked) {
          // 关闭托管，直接生效不弹窗
          Core.api("advicer/hosting/update", {
            advicerId: advicerId,
            hostingEnabled: 0,
            hostingVersionId: b.dataset.ver || "",
            hostingSkillId: b.dataset.skill || ""
          }).then(function () {
            Core.toast("托管已关闭", "ok");
            renderDataBody();
          }).catch(function (e) {
            Core.toast(e.message, "err");
            b.checked = true; // 失败时回弹
          });
          return;
        }
        // 开启托管，弹窗配置版本和技巧
        hostingConfigDialog(
          advicerId,
          advicerName,
          b.dataset.ver || "",
          b.dataset.skill || ""
        );
      };
    });
    // 文件助手开关：独立切换，立即生效
    $$(".adv-filehelper").forEach(function (b) {
      b.onchange = function () {
        var advicerId = Number(b.dataset.id);
        Core.api("advicer/hosting/update", {
          advicerId: advicerId,
          replyFilehelper: b.checked ? 1 : 0
        }).then(function () {
          Core.toast(b.checked ? "文件助手回复已开启" : "文件助手回复已关闭", "ok");
        }).catch(function (e) {
          Core.toast(e.message, "err");
          b.checked = !b.checked;
        });
      };
    });
  }).catch(function (e) {
    body.innerHTML = '<div class="empty"><div class="big">⚠</div>' + Core.esc(e.message) + "</div>";
  });
}

function advicerForm(item) {
  var d = item || {};
  var isEdit = !!d.advicer_id;
  var birth = d.birth ? Core.fmtTime(d.birth).slice(0, 10) : "";
  var joinDate = d.join_date ? Core.fmtTime(d.join_date).slice(0, 10) : "";
  var m = Core.modal({
    title: isEdit ? "编辑销售 #" + d.advicer_id : "新增销售",
    body:
      '<div class="grid cols-2">' +
      '<div class="field"><label class="label">\u59d3\u540d<span class="req">*</span></label><input id="adv-name" class="input" value="' + Core.esc(d.name || "") + '"></div>' +
      '<div class="field"><label class="label">\u751f\u65e5<span class="req">*</span></label><input id="adv-birth" class="input dp-date" placeholder="\u70b9\u51fb\u9009\u62e9\u65e5\u671f" value="' + birth + '"></div>' +
      "</div>" +
      '<div class="grid cols-2">' +
      '<div class="field"><label class="label">\u5165\u804c\u65f6\u95f4</label><input id="adv-joindate" class="input dp-date" placeholder="\u70b9\u51fb\u9009\u62e9\u65e5\u671f" value="' + joinDate + '"></div>' +
      '<div class="field"><label class="label">性别</label><select id="adv-gender" class="select">' +
      '<option value="1"' + (d.gender === 1 ? " selected" : "") + ">男</option>" +
      '<option value="2"' + (d.gender === 2 ? " selected" : "") + '>\u5973</option></select></div>' +
      "</div>" +
      '<div class="grid cols-2">' +
      '<div class="field"><label class="label">行业经验</label><input id="adv-years" class="input" type="number" value="' + (d.working_years || 1) + '"></div>' +
      '<div class="field"><label class="label">微信设备ID</label><input id="adv-wxdevice" class="input mono" value="' + Core.esc(d.wx_device_id || '') + '" placeholder="\u5fae\u4fe1\u5de5\u4f5c\u53f0\u8bbe\u5907\u6807\u8bc6"></div>' +
      '</div>' +
      '<div class="fs-12 c-dim">销售是「版本 / 技巧 / 客户 / AI 会话」的归属主体，生日将用于拟人化对话。</div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });
  $(".mf-cancel", m.root).onclick = m.close;
  initAllDatePickers(m.root);
  $(".mf-save", m.root).onclick = function () {
    var payload = {
      advicerId: d.advicer_id || 0,
      projectId: state.project.projectId,
      name: $("#adv-name", m.root).value.trim(),
      birth: $("#adv-birth", m.root).value,
      gender: Number($("#adv-gender", m.root).value),
      workingYears: Number($("#adv-years", m.root).value) || 0,
      joinDate: $("#adv-joindate", m.root).value
    };
    if (!payload.name) { Core.toast("请填写姓名", "err"); return; }
    if (!payload.birth) { Core.toast("请选择生日", "err"); return; }
    Core.api(isEdit ? "advicer/update" : "advicer/add", payload)
      .then(function () {
        // 如果是编辑且有 wx_device_id，单独保存
        var wxDeviceId = $("#adv-wxdevice", m.root).value.trim();
        if (isEdit && d.advicer_id) {
          return Core.api("advicer/wx_device/update", { advicerId: d.advicer_id, wxDeviceId: wxDeviceId })
            .then(function () { m.close(); Core.toast("保存成功", "ok"); renderDataBody(); });
        }
        m.close(); Core.toast("保存成功", "ok"); renderDataBody();
      })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

/** 托管配置弹窗（开启时配置版本和技巧，弹窗内不含开关） */
function hostingConfigDialog(advicerId, advicerName, versionId, skillId) {
  var projectId = state.project.projectId;
  var m = Core.modal({
    title: "\u2699 托管配置 \u00b7 销售 #" + advicerId,
    body:
      '<div class="card-sub" style="margin-top:0">开启托管后，AI 将自动使用该销售配置的数字人版本和聊天技巧回复客户消息。<br>不选择具体版本时，默认使用最新创建的一条。</div>' +
      '<div class="field"><label class="label">数字人版本</label>' +
      '<select id="hc-version" class="select"><option value="">加载中…</option></select>' +
      '<div class="fs-12 c-dim" style="margin-top:4px">留空 = 每次自动使用最新版本</div></div>' +
      '<div class="field"><label class="label">聊天技巧</label>' +
      '<select id="hc-skill" class="select"><option value="">加载中…</option></select>' +
      '<div class="fs-12 c-dim" style="margin-top:4px">留空 = 每次自动使用最新一条</div></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">确认开启</button>'
  });
  $(".mf-cancel", m.root).onclick = function () { m.close(); renderDataBody(); };

  // 加载数字人版本列表
  Core.api("advicer/version/list", { advicerId: advicerId }).then(function (list) {
    list = list || [];
    var sel = $("#hc-version", m.root);
    if (!list.length) {
      sel.innerHTML = '<option value="">无版本</option>';
      sel.disabled = true;
    } else {
      sel.innerHTML = '<option value="">\u27a4 使用最新版本</option>' +
        list.map(function (v) {
          var selected = (v.id === versionId) ? ' selected' : '';
          return '<option value="' + v.id + '"' + selected + '>' + Core.esc(v.versionDesc || v.id) + '</option>';
        }).join("");
    }
  }).catch(function () {});

  // 加载聊天技巧列表
  Core.api("skill/list", { projectId: projectId }).then(function (list) {
    list = list || [];
    var sel = $("#hc-skill", m.root);
    if (!list.length) {
      sel.innerHTML = '<option value="">无技巧</option>';
      sel.disabled = true;
    } else {
      sel.innerHTML = '<option value="">\u27a4 使用最新技巧</option>' +
        list.map(function (s) {
          var selected = (s.id === skillId) ? ' selected' : '';
          return '<option value="' + s.id + '"' + selected + '>' + Core.esc(s.desc || s.id) + '</option>';
        }).join("");
    }
  }).catch(function () {});

  // 确认开启
  $(".mf-save", m.root).onclick = function () {
    var newVer = $("#hc-version", m.root).value;
    var newSkill = $("#hc-skill", m.root).value;
    // 检查微信设备绑定和登录状态
    Core.api("advicer/info", { advicerId: advicerId }).then(function (info) {
      if (!info || !info.wx_device_id) {
        m.close();
        hostingWarnDialog("该销售尚未绑定微信设备，请先绑定后再开启托管", advicerId, advicerName);
        return;
      }
      Core.wxApi("login/checkOnline", { appId: info.wx_device_id }).then(function (online) {
        if (online !== true) {
          m.close();
          hostingWarnDialog("当前微信设备已下线，请重新扫码登录后再开启托管", advicerId, advicerName);
          return;
        }
        doSaveHosting(advicerId, 1, newVer, newSkill, m);
      }).catch(function () {
        m.close();
        hostingWarnDialog("当前微信设备已下线，请重新扫码登录后再开启托管", advicerId, advicerName);
      });
    }).catch(function (e) { Core.toast(e.message, "err"); });
  };
}

/** 托管警告弹窗（未绑定设备 / 设备已下线），带「取消」和「去绑定」按钮 */
function hostingWarnDialog(msg, advicerId, advicerName) {
  var m = Core.modal({
    title: '\u26a0 托管提醒',
    body: '<div style="font-size:13.5px;line-height:1.9;padding:4px 0">' +
      '<div style="display:flex;align-items:flex-start;gap:10px">' +
      '<span style="font-size:22px;line-height:1">\u26a0</span>' +
      '<div>' + Core.esc(msg) + '</div>' +
      '</div></div>',
    footer: '<button class="btn ghost hw-cancel">\u53d6\u6d88</button><button class="btn primary hw-go">\u53bb\u7ed1\u5b9a</button>'
  });
  $('.hw-cancel', m.root).onclick = m.close;
  $('.hw-go', m.root).onclick = function () {
    m.close();
    openAdvicerWxWorkbench(advicerId, advicerName, '');
  };
}

/** 保存托管配置 */
function doSaveHosting(advicerId, enabled, versionId, skillId, modal) {
  Core.api("advicer/hosting/update", {
    advicerId: advicerId,
    hostingEnabled: enabled,
    hostingVersionId: versionId,
    hostingSkillId: skillId
  }).then(function () {
    modal.close();
    Core.toast("托管配置已保存", "ok");
    renderDataBody();
  }).catch(function (e) { Core.toast(e.message, "err"); });
}

/* ---------- Tab 2：销售版本（可视化编辑器，与项目资料格式一致） ---------- */

/* 版本维度预设（名称→推荐类型） */
var VER_PRESET_DIMS = {
  "方言/口音特征": "object", "词汇偏好": "object", "句式模式": "object",
  "标点与排版习惯": "object", "个性标签": "array", "语气标签": "object", "标志性对话": "list"
};
var VER_TYPE_LABELS = { string: "描述", object: "详细信息", array: "多条目", list: "列表" };

function renderTabVersions(body) {
  var advicerInfo = state.data.advicerId ? ' · 销售 #' + state.data.advicerId : '';
  body.innerHTML =
    dataHead("数字人管理" + advicerInfo, "基于聊天分析沉淀的销售个人风格（方言/句式/语气/对话）", "ver-add", "新增版本") +
    '<div id="ver-list"></div>';
  if (!state.data.advicerId) {
    loadAdvicerOptions($("<select>"), null).then(function (advicers) {
      if (advicers.length) { state.data.advicerId = advicers[0].advicer_id; loadVersions(); }
      else { $("#ver-list").innerHTML = '<div class="empty"><div class="big">\u2726</div>请先新增销售人员</div>'; }
    });
  } else {
    loadVersions();
  }
  $("#ver-add").onclick = function () { versionForm(null); };
}

function loadVersions() {
  var box = $("#ver-list");
  if (!box) return;
  box.innerHTML = '<div class="empty"><span class="spin"></span></div>';
  Core.api("advicer/version/list", { advicerId: state.data.advicerId || 0 }).then(function (list) {
    list = list || [];
    if (!list.length) {
      box.innerHTML = '<div class="empty"><div class="big">✦</div>暂无版本，可手动新增或 AI 生成</div>';
      return;
    }
    box.innerHTML = '<div class="table-wrap"><table class="table"><thead><tr>' +
      "<th>ID</th><th>版本描述</th><th>销售</th><th>维度数</th><th>更新时间</th><th>操作</th></tr></thead><tbody>" +
      list.map(function (v) {
        var dimCount = v.data ? Object.keys(v.data).length : 0;
        return "<tr>" +
          '<td class="mono fs-12">' + Core.esc(String(v.id).slice(-8)) + "</td>" +
          '<td><span class="name">' + Core.esc(v.versionDesc || "-") + "</span></td>" +
          '<td class="mono">#' + v.advicerId + "</td>" +
          "<td>" + dimCount + " 项</td>" +
          '<td class="fs-12">' + Core.fmtTime(v.lastUpdateTime) + "</td>" +
          '<td class="ops"><button class="btn ghost sm ver-edit" data-id="' + v.id + '">编辑</button>' +
          '<button class="btn danger sm ver-del" data-id="' + v.id + '">删除</button></td></tr>';
      }).join("") + "</tbody></table></div>";
    $$(".ver-edit").forEach(function (b) {
      b.onclick = function () {
        var item = list.filter(function (x) { return String(x.id) === b.dataset.id; })[0];
        versionForm(item);
      };
    });
    $$(".ver-del").forEach(function (b) {
      b.onclick = function () {
        Core.confirm("确定删除该销售版本？").then(function (ok) {
          if (!ok) return;
          Core.api("advicer/version/del", { id: b.dataset.id })
            .then(function () { Core.toast("已删除", "ok"); loadVersions(); })
            .catch(function (e) { Core.toast(e.message, "err"); });
        });
      };
    });
  }).catch(function (e) {
    box.innerHTML = '<div class="empty"><div class="big">⚠</div>' + Core.esc(e.message) + "</div>";
  });
}

/** 版本表单（可视化编辑器） */
function versionForm(item) {
  var d = item || {};
  var isEdit = !!d.id;
  // 从 data 字段读取维度数据
  var dimData = d.data || {};
  var m = Core.modal({
    title: isEdit ? "编辑销售版本" : "新增销售版本",
    width: "wide",
    body:
      '<div class="grid cols-2">' +
      '<div class="field"><label class="label">销售<span class="req">*</span></label><select id="vf-advicer" class="select"></select></div>' +
      '<div class="field"><label class="label">版本描述</label><input id="vf-desc" class="input" value="' + Core.esc(d.versionDesc || "") + '" placeholder="如：2026-09 风格样本"></div>' +
      "</div>" +
      '<div class="row mb-2"><span class="spacer"></span>' +
      '<button class="btn ghost sm" id="vf-ai-gen">\u2726 AI 生成风格</button>' +
      '<button class="btn ghost sm" id="vf-add-dim" style="margin-left:8px">+ 新增维度</button></div>' +
      '<div id="vf-dims"></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });
  loadAdvicerOptions($("#vf-advicer", m.root), d.advicerId || state.data.advicerId);
  $(".mf-cancel", m.root).onclick = m.close;
  // 渲染已有维度
  var vfDims = $("#vf-dims", m.root);
  var vfItems = [];
  Object.keys(dimData).forEach(function (key) {
    var val = dimData[key];
    var type = inferSectionType(val);
    var content = parseSectionContent(val, type);
    vfItems.push({ key: key, type: type, content: content });
  });
  drawVfDims(vfDims, vfItems);
  // 新增维度
  $("#vf-add-dim", m.root).onclick = function () { addVfDimDialog(vfDims, vfItems); };
  // AI 生成
  $("#vf-ai-gen", m.root).onclick = function () {
    var advicerId = Number($("#vf-advicer", m.root).value) || d.advicerId || state.data.advicerId;
    if (!advicerId) { Core.toast("请先选择销售", "err"); return; }
    versionAiGenerateDialog(advicerId, m, vfDims, vfItems);
  };
  // 保存
  $(".mf-save", m.root).onclick = function () {
    var advicerId = Number($("#vf-advicer", m.root).value);
    if (!advicerId) { Core.toast("请选择销售", "err"); return; }
    var dataObj = collectVfDims(vfDims);
    var descVal = $("#vf-desc", m.root).value.trim();
    if (!descVal) {
      var now = new Date();
      var pad = function(n) { return n < 10 ? "0" + n : "" + n; };
      descVal = now.getFullYear() + pad(now.getMonth() + 1) + pad(now.getDate()) + pad(now.getHours()) + pad(now.getMinutes()) + pad(now.getSeconds());
    }
    var payload = { advicerId: advicerId, versionDesc: descVal, data: dataObj };
    if (isEdit) payload.id = d.id;
    Core.api(isEdit ? "advicer/version/update" : "advicer/version/add", payload)
      .then(function () { m.close(); Core.toast("保存成功", "ok"); loadVersions(); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

/** 渲染版本维度卡片列表 */
function drawVfDims(container, items) {
  container.innerHTML = '';
  items.forEach(function (item, idx) {
    var card = document.createElement('div');
    card.className = 'pji-section-card';
    card.dataset.idx = idx;
    card.dataset.key = item.key;
    card.dataset.type = item.type;
    var typeLabel = VER_TYPE_LABELS[item.type] || item.type;
    card.innerHTML =
      '<div class="pji-section-head">' +
      '<span class="pji-dim-name" style="font-weight:600">' + Core.esc(item.key) + '</span>' +
      '<span class="badge blue fs-11">' + typeLabel + '</span>' +
      '<span class="spacer"></span>' +
      '<button class="btn danger sm vf-dim-del" title="删除维度">\u2715</button></div>' +
      '<div class="pji-section-body">' + sectionContentHtml(item.type, item.content) + '</div>';
    container.appendChild(card);
    bindVfDimEvents(card, item);
  });
}

/** 绑定单个维度卡片的事件 */
function bindVfDimEvents(card, item) {
  // 删除
  var delBtn = $('.vf-dim-del', card);
  if (delBtn) {
    delBtn.onclick = function () {
      card.remove();
    };
  }
  // KV 编辑器事件
  bindKvEvents(card);
  // 列表编辑器事件
  bindListEvents(card);
  // 多条目编辑器事件
  bindArrayEvents(card);
}

/** 绑定 KV 编辑器（object 类型） */
function bindKvEvents(card) {
  $$('.dr-kv-add', card).forEach(function (btn) {
    btn.onclick = function () {
      var editor = btn.closest('.dr-kv-editor');
      if (!editor) return;
      var row = document.createElement('div');
      row.className = 'dr-kv-row';
      row.innerHTML = kvRowHtml('', '');
      editor.insertBefore(row, btn);
      bindKvRowEvents(row);
    };
  });
  $$('.dr-kv-row', card).forEach(function (row) { bindKvRowEvents(row); });
}

function bindKvRowEvents(row) {
  var del = $('.dr-kv-del', row);
  if (del) {
    del.onclick = function () { row.remove(); };
  }
}

/** 绑定多条目编辑器（array 类型） */
function bindArrayEvents(card) {
  var addBtn = $('.dr-example-add', card);
  if (addBtn) {
    addBtn.onclick = function () {
      var multi = addBtn.closest('.dr-example-multi');
      if (!multi) return;
      var idx = $$('.dr-example-row', multi).length;
      var row = document.createElement('div');
      row.className = 'dr-example-row';
      row.innerHTML = '<input class="input sm dr-example-item" placeholder="条目 ' + (idx + 1) + '" value="">' +
        '<button type="button" class="btn danger sm dr-example-del" title="删除">\u2715</button>';
      multi.insertBefore(row, addBtn);
      $('.dr-example-del', row).onclick = function () { row.remove(); };
    };
  }
  $$('.dr-example-del', card).forEach(function (btn) {
    btn.onclick = function () { btn.closest('.dr-example-row').remove(); };
  });
}

/** 绑定列表编辑器（list 类型） */
function bindListEvents(card) {
  // 添加条目
  var addEntry = $('.dr-list-entry-add', card);
  if (addEntry) {
    addEntry.onclick = function () {
      var editor = addEntry.closest('.dr-list-editor');
      if (!editor) return;
      var idx = $$('.dr-list-entry', editor).length;
      var entry = document.createElement('div');
      entry.className = 'dr-list-entry';
      entry.dataset.entry = idx;
      entry.innerHTML = '<div class="dr-list-entry-head"><span class="dr-list-entry-idx">#' + (idx + 1) + '</span>' +
        '<button type="button" class="btn danger sm dr-list-entry-del" title="删除整条">\u2715</button></div>' +
        '<button type="button" class="btn ghost sm dr-kv-add">+ 添加字段</button>';
      editor.insertBefore(entry, addEntry);
      bindKvEvents(entry);
      $('.dr-list-entry-del', entry).onclick = function () { entry.remove(); };
    };
  }
  // 删除条目
  $$('.dr-list-entry-del', card).forEach(function (btn) {
    btn.onclick = function () { btn.closest('.dr-list-entry').remove(); };
  });
  // 每个条目内的 KV 添加
  $$('.dr-list-entry', card).forEach(function (entry) {
    bindKvEvents(entry);
  });
}

function bindKvEvents(container) {
  $$('.dr-kv-add', container).forEach(function (btn) {
    btn.onclick = function () {
      var editor = btn.closest('.dr-kv-editor') || btn.closest('.dr-list-entry');
      if (!editor) return;
      var row = document.createElement('div');
      row.className = 'dr-kv-row';
      row.innerHTML = kvRowHtml('', '');
      editor.insertBefore(row, btn);
      bindKvRowEvents(row);
    };
  });
  $$('.dr-kv-row', container).forEach(function (row) { bindKvRowEvents(row); });
}

/** 收集维度卡片数据为扁平 map */
function collectVfDims(container) {
  var data = {};
  $$('.pji-section-card', container).forEach(function (card) {
    var key = card.dataset.key;
    var type = card.dataset.type;
    if (!key) return;
    data[key] = readCardContent(card, type);
  });
  return data;
}

/** 从卡片 DOM 读取内容 */
function readCardContent(card, type) {
  if (type === 'string') {
    var input = $('.pji-content', card);
    return input ? input.value : '';
  }
  if (type === 'object') {
    var pairs = [];
    $$('.dr-kv-row', card).forEach(function (row) {
      var inputs = $$('input', row);
      if (inputs.length >= 2) {
        var k = inputs[0].value.trim();
        var v = inputs[1].value;
        if (k) pairs.push({ k: k, v: v });
      }
    });
    var obj = {};
    pairs.forEach(function (p) { obj[p.k] = p.v; });
    return obj;
  }
  if (type === 'array') {
    var items = [];
    $$('.dr-example-item', card).forEach(function (inp) {
      var v = inp.value.trim();
      if (v) items.push(v);
    });
    return items;
  }
  if (type === 'list') {
    var entries = [];
    $$('.dr-list-entry', card).forEach(function (entry) {
      var obj = {};
      $$('.dr-kv-row', entry).forEach(function (row) {
        var inputs = $$('input', row);
        if (inputs.length >= 2) {
          var k = inputs[0].value.trim();
          var v = inputs[1].value;
          if (k) obj[k] = v;
        }
      });
      if (Object.keys(obj).length) entries.push(obj);
    });
    return entries;
  }
  return null;
}

/** 新增维度对话框 */
function addVfDimDialog(container, items) {
  var existingKeys = {};
  items.forEach(function (it) { existingKeys[it.key] = true; });
  var presetOpts = Object.keys(VER_PRESET_DIMS).map(function (name) {
    var disabled = existingKeys[name] ? ' disabled' : '';
    var suffix = existingKeys[name] ? '（已添加）' : '';
    return '<option value="' + Core.esc(name) + '"' + disabled + '>' + Core.esc(name) + suffix + '</option>';
  }).join('');
  var typeOpts = Object.keys(VER_TYPE_LABELS).map(function (t) {
    return '<option value="' + t + '">' + VER_TYPE_LABELS[t] + '</option>';
  }).join('');
  var m = Core.modal({
    title: '新增维度',
    body:
      '<div class="field"><label class="label">维度名称</label>' +
      '<select id="vfd-name" class="select">' + presetOpts + '<option value="__custom__">自定义...</option></select></div>' +
      '<div class="field" id="vfd-custom-wrap" style="display:none"><label class="label">自定义名称</label>' +
      '<input id="vfd-custom" class="input" placeholder="输入维度名称"></div>' +
      '<div class="field"><label class="label">类型</label><select id="vfd-type" class="select">' + typeOpts + '</select></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-ok">确定</button>'
  });
  var nameSel = $('#vfd-name', m.root);
  var customWrap = $('#vfd-custom-wrap', m.root);
  nameSel.onchange = function () {
    customWrap.style.display = nameSel.value === '__custom__' ? '' : 'none';
    // 预设维度自动匹配推荐类型
    if (nameSel.value !== '__custom__' && VER_PRESET_DIMS[nameSel.value]) {
      $('#vfd-type', m.root).value = VER_PRESET_DIMS[nameSel.value];
    }
  };
  $('.mf-cancel', m.root).onclick = m.close;
  $('.mf-ok', m.root).onclick = function () {
    var name = nameSel.value;
    if (name === '__custom__') {
      name = $('#vfd-custom', m.root).value.trim();
      if (!name) { Core.toast('请输入维度名称', 'err'); return; }
    }
    if (existingKeys[name]) { Core.toast('该维度已存在', 'err'); return; }
    var type = $('#vfd-type', m.root).value;
    var content = type === 'string' ? '' : [];
    var item = { key: name, type: type, content: content };
    items.push(item);
    drawVfDims(container, items);
    m.close();
  };
}

/** AI 生成销售风格维度对话框 */
function versionAiGenerateDialog(advicerId, parentModal, vfDims, vfItems) {
  Core.api("modelsup/list", { page: 1, page_size: 50 }).then(function (data) {
    var sups = (data && data.list) || [];
    if (!sups.length) {
      Core.toast("尚未配置模型提供方，请先到「模型配置」添加", "err");
      return;
    }
    var defaultSupId = 0;
    if (state.detail && state.detail.Base) {
      defaultSupId = state.detail.Base.model_sup_id || 0;
    }
    var options = sups.map(function (s) {
      var selected = (s.sup_id === defaultSupId) ? " selected" : "";
      return '<option value="' + s.sup_id + '"' + selected + '>#' + s.sup_id + " " + Core.esc(s.sup_name) + " \u00b7 " + Core.esc(s.json_model || "") + "</option>";
    }).join("");
    var m = Core.modal({
      title: "\u2726 AI 生成销售风格",
      width: "wide",
      body:
        '<div class="card-sub" style="margin-bottom:12px">AI 将根据项目信息和销售背景，自动生成 7 个风格维度。</div>' +
        '<div class="field"><label class="label">模型配置<span class="req">*</span></label><select id="vag-sup" class="select">' + options + '</select></div>' +
        '<div class="field"><label class="label">一句话描述她/他 <span class="c-dim fs-12">（可选，作为 AI 生成参考）</span></label>' +
        '<textarea id="vag-desc" class="textarea" style="min-height:60px" placeholder="如：她性格开朗，说话直爽，爱用比喻，擅长用案例说服客户…"></textarea></div>' +
        '<div class="field"><label class="label">生成结果 <span class="c-dim fs-12">（预览）</span></label>' +
        '<textarea id="vag-result" class="textarea json" style="min-height:280px" placeholder="点击「开始生成」"></textarea></div>',
      footer: '<button class="btn ghost mf-close">关闭</button>' +
        '<button class="btn primary mf-gen">\u27f3 开始生成</button>' +
        '<button class="btn success mf-apply" disabled>\u2714 应用到表单</button>'
    });
    var resultEl = $("#vag-result", m.root);
    $(".mf-close", m.root).onclick = m.close;
    $(".mf-gen", m.root).onclick = function () {
      var supId = Number($("#vag-sup", m.root).value);
      if (!supId) { Core.toast("请选择模型配置", "err"); return; }
      var userDesc = $("#vag-desc", m.root).value.trim();
      Core.loading(true, "AI 生成中，请稍候…");
      Core.api("advicer/version/generate", { advicerId: advicerId, supId: supId, desc: userDesc })
        .then(function (data) {
          Core.loading(false);
          resultEl.value = Core.prettyJson(data);
          $(".mf-apply", m.root).disabled = !resultEl.value.trim();
          Core.toast("生成完成", "ok");
        })
        .catch(function (e) { Core.loading(false); Core.toast(e.message, "err"); });
    };
    $(".mf-apply", m.root).onclick = function () {
      var content = resultEl.value.trim();
      if (!content) return;
      try {
        var dataObj = JSON.parse(content);
        // 将生成的维度合并到表单
        Object.keys(dataObj).forEach(function (key) {
          var val = dataObj[key];
          var type = inferSectionType(val);
          var parsed = parseSectionContent(val, type);
          // 检查是否已存在
          var existIdx = -1;
          for (var i = 0; i < vfItems.length; i++) {
            if (vfItems[i].key === key) { existIdx = i; break; }
          }
          if (existIdx >= 0) {
            vfItems[existIdx] = { key: key, type: type, content: parsed };
          } else {
            vfItems.push({ key: key, type: type, content: parsed });
          }
        });
        drawVfDims(vfDims, vfItems);
        m.close();
        Core.toast("风格维度已填入表单，请检查后保存", "ok");
      } catch (e) {
        Core.toast("解析生成结果失败：" + e.message, "err");
      }
    };
  }).catch(function (e) { Core.toast(e.message, "err"); });
}
var SKILL_DIMS = { "需求挖掘": "object", "痛点应对": "object", "价值塑造": "object", "促单话术": "object", "沟通节奏": "object" };

/** 将旧格式的复杂嵌套维度值归一化为扁平 KV（string→string） */
function normalizeSkillDim(val) {
  if (!val || typeof val !== "object") return {};
  var result = {};
  Object.keys(val).forEach(function (k) {
    var v = val[k];
    if (typeof v === "string") {
      result[k] = v;
    } else if (Array.isArray(v)) {
      result[k] = v.join("；");
    } else if (typeof v === "object" && v !== null) {
      // 嵌套对象：将每个子 key 的值也转为字符串
      var sub = {};
      Object.keys(v).forEach(function (sk) {
        var sv = v[sk];
        sub[sk] = typeof sv === "string" ? sv : Array.isArray(sv) ? sv.join("；") : JSON.stringify(sv);
      });
      result[k] = JSON.stringify(sub);
    } else {
      result[k] = String(v);
    }
  });
  return result;
}

/** 从 API 返回的记录中提取技巧维度数据（兼容新旧格式） */
function extractSkillData(s) {
  // 新格式：后端已转换，直接返回 data 字段
  if (s.data && Object.keys(s.data).length) return s.data;
  // 旧格式：从类型化字段组装
  var d = {};
  if (s.needsMining && Object.keys(s.needsMining).length) d["需求挖掘"] = s.needsMining;
  if (s.painPointResponse && Object.keys(s.painPointResponse).length) d["痛点应对"] = s.painPointResponse;
  if (s.valueBuilding && Object.keys(s.valueBuilding).length) d["价值塑造"] = s.valueBuilding;
  if (s.closingTechniques && Object.keys(s.closingTechniques).length) d["促单话术"] = s.closingTechniques;
  if (s.communicationRhythm && Object.keys(s.communicationRhythm).length) d["沟通节奏"] = s.communicationRhythm;
  return d;
}

function renderTabSkills(body) {
  body.innerHTML =
    dataHead("聊天技巧", "需求挖掘 / 痛点应对 / 价值塑造 / 促单 / 沟通节奏", "skl-add", "新增技巧") +
    '<div class="row mb-2"><span class="spacer"></span><button class="btn ghost sm" id="skl-ai-gen">\u2726 AI 生成</button></div>' +
    '<div id="skl-list"></div>';
  loadSkills();
  $("#skl-add").onclick = function () { skillForm(null); };
  $("#skl-ai-gen").onclick = function () {
    // 先打开空白技巧表单，再触发 AI 生成
    skillForm({ desc: "AI 生成 " + Core.nowTime().slice(0, 16) });
    setTimeout(function () {
      var skDims = $("#skf-dims");
      var skItems = [];
      $$(".pji-section-card", skDims).forEach(function (card) {
        skItems.push({ key: card.dataset.key, type: card.dataset.type, content: readCardContent(card, card.dataset.type) });
      });
      skillAiGenerateDialog(null, skDims, skItems);
    }, 200);
  };
}

function loadSkills() {
  var box = $("#skl-list");
  if (!box) return;
  box.innerHTML = '<div class="empty"><span class="spin"></span></div>';
  Core.api("skill/list", { projectId: state.project.projectId }).then(function (list) {
    list = list || [];
    if (!list.length) {
      box.innerHTML = '<div class="empty"><div class="big">\u2726</div>暂无聊天技巧，可手动新增、AI 生成或从「数据分析」保存</div>';
      return;
    }
    box.innerHTML = '<div class="table-wrap"><table class="table"><thead><tr>' +
      "<th>ID</th><th>描述</th><th>技巧项</th><th>更新时间</th><th>操作</th></tr></thead><tbody>" +
      list.map(function (s) {
        var dimData = extractSkillData(s);
        var filled = Object.keys(dimData).length;
        return "<tr>" +
          '<td class="mono fs-12">' + Core.esc(String(s.id).slice(-8)) + "</td>" +
          '<td><span class="name">' + Core.esc(s.desc || "-") + "</span></td>" +
          '<td><span class="badge ' + (filled >= 3 ? "green" : filled > 0 ? "yellow" : "gray") + '">' + filled + "/5</span></td>" +
          '<td class="fs-12">' + Core.fmtTime(s.lastUpdateTime) + "</td>" +
          '<td class="ops"><button class="btn ghost sm skl-edit" data-id="' + s.id + '">编辑</button>' +
          '<button class="btn danger sm skl-del" data-id="' + s.id + '">删除</button></td></tr>';
      }).join("") + "</tbody></table></div>";
    $$(".skl-edit").forEach(function (b) {
      b.onclick = function () {
        var item = list.filter(function (x) { return String(x.id) === b.dataset.id; })[0];
        skillForm(item);
      };
    });
    $$(".skl-del").forEach(function (b) {
      b.onclick = function () {
        Core.confirm("确定删除该聊天技巧？").then(function (ok) {
          if (!ok) return;
          Core.api("skill/del", { id: b.dataset.id })
            .then(function () { Core.toast("已删除", "ok"); loadSkills(); })
            .catch(function (e) { Core.toast(e.message, "err"); });
        });
      };
    });
  }).catch(function (e) {
    box.innerHTML = '<div class="empty"><div class="big">\u26a0</div>' + Core.esc(e.message) + "</div>";
  });
}

function skillForm(item) {
  var d = item || {};
  var isEdit = !!d.id;
  var m = Core.modal({
    title: isEdit ? "编辑聊天技巧" : "新增聊天技巧",
    width: "wide",
    body:
      '<div class="row mb-2"><div class="field" style="flex:1"><label class="label">描述</label><input id="skf-desc" class="input" value="' + Core.esc(d.desc || "") + '" placeholder="如：成交客户跟进技巧"></div>' +
      '<span class="spacer"></span><button class="btn ghost sm" id="skf-ai-gen" style="margin-top:20px">\u2726 AI 生成</button></div>' +
      '<div id="skf-dims"></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });
  $(".mf-cancel", m.root).onclick = m.close;
  // 渲染维度卡片
  var skDims = $("#skf-dims", m.root);
  var skItems = [];
  var dimData = extractSkillData(d);
  Object.keys(SKILL_DIMS).forEach(function (name) {
    var raw = dimData[name];
    // 归一化：旧数据可能是复杂嵌套结构，转为扁平 KV
    var val = normalizeSkillDim(raw);
    var hasData = Object.keys(val).length > 0;
    skItems.push({ key: name, type: "object", content: hasData ? normalizeKvPairs(val) : [] });
  });
  drawVfDims(skDims, skItems);
  // AI 生成
  $("#skf-ai-gen", m.root).onclick = function () { skillAiGenerateDialog(m, skDims, skItems); };
  // 保存
  $(".mf-save", m.root).onclick = function () {
    var dataObj = collectVfDims(skDims);
    var payload = { projectId: state.project.projectId, data: dataObj, desc: $("#skf-desc", m.root).value.trim() };
    if (isEdit) payload.id = d.id;
    Core.api(isEdit ? "skill/update" : "skill/add", payload)
      .then(function () { m.close(); Core.toast("保存成功", "ok"); loadSkills(); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

/** AI 生成聊天技巧对话框 */
function skillAiGenerateDialog(parentModal, skDims, skItems) {
  Core.api("modelsup/list", { page: 1, page_size: 50 }).then(function (data) {
    var sups = (data && data.list) || [];
    if (!sups.length) {
      Core.toast("尚未配置模型提供方，请先到「模型配置」添加", "err");
      return;
    }
    var defaultSupId = 0;
    if (state.detail && state.detail.Base) {
      defaultSupId = state.detail.Base.model_sup_id || 0;
    }
    var options = sups.map(function (s) {
      var selected = (s.sup_id === defaultSupId) ? " selected" : "";
      return '<option value="' + s.sup_id + '"' + selected + '>#' + s.sup_id + " \u00b7 " + Core.esc(s.sup_name) + " \u00b7 " + Core.esc(s.json_model || "") + "</option>";
    }).join("");
    var m = Core.modal({
      title: "\u2726 AI 生成聊天技巧",
      width: "wide",
      body:
        '<div class="card-sub" style="margin-top:0">AI 将根据项目信息和项目资料，自动生成 5 个维度的聊天技巧。若项目资料为空，将仅基于项目基础信息生成。</div>' +
        '<div class="field"><label class="label">模型配置<span class="req">*</span></label><select id="sg-sup" class="select">' + options + "</select></div>" +
        '<div class="field"><label class="label">生成结果 <span class="c-dim fs-12">（预览）</span></label>' +
        '<textarea id="sg-result" class="textarea json" style="min-height:280px" placeholder="点击「开始生成」"></textarea></div>',
      footer: '<button class="btn ghost mf-close">关闭</button>' +
        '<button class="btn primary mf-gen">\u27f3 开始生成</button>' +
        '<button class="btn success mf-apply" disabled>\u2714 应用到表单</button>'
    });
    var resultEl = $("#sg-result", m.root);
    $(".mf-close", m.root).onclick = m.close;
    $(".mf-gen", m.root).onclick = function () {
      var supId = Number($("#sg-sup", m.root).value);
      if (!supId) { Core.toast("请选择模型配置", "err"); return; }
      Core.loading(true, "AI 生成中，请稍候…");
      Core.api("skill/generate", { projectId: state.project.projectId, supId: supId })
        .then(function (data) {
          Core.loading(false);
          resultEl.value = Core.prettyJson(data);
          $(".mf-apply", m.root).disabled = !resultEl.value.trim();
          Core.toast("生成完成", "ok");
        })
        .catch(function (e) { Core.loading(false); Core.toast(e.message, "err"); });
    };
    $(".mf-apply", m.root).onclick = function () {
      var content = resultEl.value.trim();
      if (!content) return;
      try {
        var dataObj = JSON.parse(content);
        // 将生成的维度合并到可视化编辑器
        Object.keys(dataObj).forEach(function (key) {
          var val = dataObj[key];
          var type = inferSectionType(val);
          var parsed = parseSectionContent(val, type);
          var existIdx = -1;
          for (var i = 0; i < skItems.length; i++) {
            if (skItems[i].key === key) { existIdx = i; break; }
          }
          if (existIdx >= 0) {
            skItems[existIdx] = { key: key, type: type, content: parsed };
          } else {
            skItems.push({ key: key, type: type, content: parsed });
          }
        });
        drawVfDims(skDims, skItems);
        m.close();
        Core.toast("聊天技巧已填入表单，请检查后保存", "ok");
      } catch (e) {
        Core.toast("解析生成结果失败：" + e.message, "err");
      }
    };
  }).catch(function (e) { Core.toast(e.message, "err"); });
}

/* ---------- Tab 4：客户 ---------- */
function renderTabClients(body) {
  // 客户 tab 现仅展示「托管客户」；客户画像改为在托管客户行内「查看画像」按钮进入
  body.innerHTML =
    '<div class="row mb-2"><span class="fs-13 c-main" style="font-weight:700">托管客户</span>' +
    '<span class="fs-12 c-dim">处于托管标签分组内的微信好友；点击「查看画像」查看并维护该客户的 AI 客户画像</span></div>' +
    '<div id="cli-list"></div>';
  loadHostedCustomers(body.querySelector("#cli-list"));
}

/* ---------- 查看/维护托管客户的 AI 客户画像（client 表按 wxid 关联，动态栏目编辑器） ---------- */
function viewClientProfile(c) {
  if (!c) return;
  var wxid = c.user_name || "";
  var name = c.remark || c.nick_name || c.user_name || "客户";
  var appId = c.advicer_wx_device_id || "";
  var advicerId = c.advicer_id || 0;
  var advicerName = c.advicer_name || "";
  if (!wxid) { Core.toast("该客户缺少微信ID，无法关联画像", "err"); return; }
  Core.api("client/list", { projectId: state.project.projectId }).then(function (list) {
    list = list || [];
    var profile = list.filter(function (x) { return x.wxid === wxid; })[0] || null;
    if (profile) { clientProfileForm(profile, { name: name, wxid: wxid, appId: appId, advicerId: advicerId, advicerName: advicerName }); return; }
    Core.confirm("客户「" + name + "」暂无 AI 画像，是否现在手动新建一份？（也可直接点「画像更新」由聊天记录自动生成）").then(function (ok) {
      if (!ok) return;
      clientProfileForm(null, { name: name, wxid: wxid, appId: appId, advicerId: advicerId, advicerName: advicerName });
    });
  }).catch(function (e) { Core.toast(e.message, "err"); });
}

/* ---------- 客户等级常量 / 微信绑定 / 等级评估 ---------- */

/* ---------- 托管客户列表 ---------- */
function loadHostedCustomers(box) {
  if (!box) box = document.querySelector("#cli-list");
  if (!box) return;
  box.innerHTML = '<div class="empty"><span class="spin"></span></div>';
  var pid = state.project.projectId;
  Promise.all([
    Core.api("advicer/customer/hosted", { projectId: pid }),
    Core.api("client/list", { projectId: pid }).catch(function () { return []; })
  ]).then(function (arr) {
    var list = arr[0] || [];
    // 客户画像按 wxid 建索引，用于展示等级评估结果
    var profMap = {};
    (arr[1] || []).forEach(function (x) { if (x.wxid) profMap[x.wxid] = x; });
    if (!list.length) {
      box.innerHTML = '<div class="empty"><div class="big">\u25c9</div>\u5c1a\u65e0\u6258\u7ba1\u5ba2\u6237\uff0c\u5f00\u542f\u6258\u7ba1\u6807\u7b7e\u540e\u6d88\u606f\u56de\u8c03\u65f6\u81ea\u52a8\u540c\u6b65</div>';
      return;
    }
    box.innerHTML = '<div class="fs-12 c-dim" style="margin-bottom:8px">\u5171 ' + list.length + ' \u4f4d\u6258\u7ba1\u5ba2\u6237\uff08\u5904\u4e8e\u6258\u7ba1\u6807\u7b7e\u5206\u7ec4\u5185\u7684\u5fae\u4fe1\u597d\u53cb\uff0c\u6bcf\u6b21\u6d88\u606f\u56de\u8c03\u65f6\u81ea\u52a8\u540c\u6b65\u6700\u65b0\u4fe1\u606f\uff09</div>' +
      '<div class="table-wrap"><table class="table"><thead><tr>' +
      '<th>头像</th><th>昵称</th><th>微信备注</th><th>托管标签</th><th>性别</th><th>地区</th><th>归属销售</th><th>客户等级</th><th>当前任务</th><th>会话状态</th><th>更新时间</th><th>操作</th></tr></thead><tbody>' +
      list.map(function (c) {
        var displayName = c.remark || c.nick_name || c.user_name || "-";
        var avatar = c.big_head_img_url || c.small_head_img_url || "";
        var avatarCell = avatar
          ? '<img src="' + Core.esc(avatar) + '" style="width:32px;height:32px;border-radius:50%;object-fit:cover" onerror="this.style.display=\'none\'">'
          : '<span style="display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--surface-2);align-items:center;justify-content:center;font-size:14px;color:var(--dim)">\u25c9</span>';
        var sex = c.sex === 1 ? "\u7537" : c.sex === 2 ? "\u5973" : "-";
        var area = [c.province, c.city].filter(function (s) { return s; }).join(" ") || "-";
        var sessionStatus = c.session_id
          ? '<span class="badge green">\u5df2\u6258\u7ba1</span>'
          : '<span class="badge gray">\u672a\u6ce8\u518c</span>';
        var labels = (c.label_names || "").split(",").filter(function (s) { return s; });
        var labelHtml = labels.map(function (l) {
          return '<span class="badge blue fs-11">' + Core.esc(l) + '</span>';
        }).join(" ");
        var prof = profMap[c.user_name];
        var levelCell = '<span class="c-dim">-</span>';
        if (prof) {
          if (prof.clientLevel) {
            var lvDesc = CLIENT_LEVELS[prof.clientLevel] || prof.clientLevel;
            var lvCls = CLIENT_LEVEL_CLS[prof.clientLevel] || "gray";
            var lvTip = prof.levelReason || "";
            if (!isZeroTime(prof.levelUpdateAt)) lvTip += (lvTip ? "\n" : "") + "更新：" + Core.fmtTime(prof.levelUpdateAt);
            levelCell = '<span class="badge ' + lvCls + '" title="' + Core.esc(lvTip) + '">' + Core.esc(lvDesc) + '</span>';
          } else {
            levelCell = '<span class="badge gray" title="尚未进行等级评估">未评估</span>';
          }
        }
        // 当前任务：对话 AI 回写的简洁 mission，展示在客户列表
        var missionCell = '<span class="c-dim">-</span>';
        if (prof && prof.mission) {
          var ms = String(prof.mission);
          missionCell = '<span class="fs-12" title="' + Core.esc(ms) + '">' + Core.esc(ms.length > 14 ? ms.slice(0, 14) + "…" : ms) + '</span>';
        }
        return "<tr>" +
          '<td>' + avatarCell + '</td>' +
          '<td><span class="name">' + Core.esc(displayName) + '</span>' +
          (c.user_name ? '<div class="mono fs-11 c-dim">' + Core.esc(c.user_name) + '</div>' : '') + '</td>' +
          '<td class="fs-12">' + Core.esc(c.remark || "-") + '</td>' +
          '<td>' + (labelHtml || "-") + '</td>' +
          '<td>' + sex + '</td>' +
          '<td class="fs-12">' + Core.esc(area) + '</td>' +
          '<td class="fs-12">' + Core.esc(c.advicer_name || "-") + '</td>' +
          '<td>' + levelCell + '</td>' +
          '<td>' + missionCell + '</td>' +
          '<td>' + sessionStatus + '</td>' +
          '<td class="fs-12">' + Core.fmtTime(c.update_at) + '</td>' +
          '<td class="ops">' +
          '<button class="btn ghost sm hc-profile" data-cid="' + c.customer_id + '">查看画像</button>' +
          '<button class="btn ghost sm hc-chat" data-cid="' + c.customer_id + '">\u804a\u5929\u8bb0\u5f55</button>' +
          '<button class="btn ghost sm danger hc-remove" data-cid="' + c.customer_id + '">\u79fb\u9664</button>' +
          '</td></tr>';
      }).join("") + "</tbody></table></div>";
    var byId = {};
    list.forEach(function (c) { byId[c.customer_id] = c; });
    $$('.hc-profile', box).forEach(function (b) { b.onclick = function () { viewClientProfile(byId[b.dataset.cid]); }; });
    $$('.hc-chat', box).forEach(function (b) { b.onclick = function () { viewHostedChat(byId[b.dataset.cid]); }; });
    $$('.hc-remove', box).forEach(function (b) { b.onclick = function () { removeHostedCustomer(byId[b.dataset.cid]); }; });
  }).catch(function (e) {
    box.innerHTML = '<div class="empty"><div class="big">\u26a0</div>' + Core.esc(e.message) + '</div>';
  });
}

/* ---------- 托管客户操作：聊天记录 / 移除 ---------- */

// 将客户从托管标签中移除（微信 API + DB 同步）
function removeHostedCustomer(c) {
  if (!c) return;
  var name = c.remark || c.nick_name || c.user_name || "该客户";
  Core.confirm("将客户「" + name + "」从托管标签中移除？移除后不再命中托管分组，也不会触发 AI 自动回复。").then(function (ok) {
    if (!ok) return;
    Core.api("advicer/customer/remove_label", { projectId: state.project.projectId, customerId: c.customer_id })
      .then(function () { Core.toast("已从托管标签移除", "ok"); loadHostedCustomers(); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  });
}

// 查看客户聊天记录（只读，来自微信消息流水）
function viewHostedChat(c) {
  if (!c) return;
  var name = c.remark || c.nick_name || c.user_name || "客户";
  var m = Core.modal({
    title: "聊天记录 · " + name,
    width: "wide",
    body: '<div id="hc-chat" style="max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:12px"><div class="empty" style="padding:20px"><span class="spin"></span></div></div>'
  });
  var box = $("#hc-chat", m.root);
  Core.api("wx/conversation/msgs", { selfWxid: c.self_wxid, wxid: c.user_name, page_size: 200 })
    .then(function (list) {
      list = list || [];
      if (!list.length) {
        box.innerHTML = '<div class="empty"><div class="big">\u2726</div>与「' + Core.esc(name) + '」暂无聊天记录</div>';
        return;
      }
      box.innerHTML = list.map(function (msg) {
        var isSelf = msg.direction === "self" || msg.direction === "ai";
        var tag = msg.direction === "ai" ? "AI" : msg.direction === "self" ? "销售" : "客户";
        var avatarHtml = msg.direction === "ai"
          ? '<div class="msg-avatar" style="background:rgba(45,224,255,0.15)">\u2726</div>'
          : '<div class="msg-avatar">' + Core.esc(Core.initial(isSelf ? tag : name)) + '</div>';
        var bubbleClass = isSelf ? "msg-bubble conv-msg-self" : "msg-bubble conv-msg-other";
        return '<div class="msg-row' + (isSelf ? " self" : "") + '">' + avatarHtml +
          '<div><div class="' + bubbleClass + '">' + hostedChatContent(msg) + '</div>' +
          '<div class="msg-time">' + tag + ' · ' + Core.esc(Core.fmtTime(msg.createAt || msg.create_at)) + '</div></div></div>';
      }).join("");
      box.scrollTop = box.scrollHeight;
    })
    .catch(function (e) { box.innerHTML = '<div class="empty"><div class="big">\u26a0</div>' + Core.esc(e.message) + '</div>'; });
}

function hostedChatContent(msg) {
  var content = msg.content || "";
  switch (msg.msgType) {
    case "text": return Core.esc(content);
    case "image": return '<span class="conv-media">\ud83d\udcf7 [图片]</span>';
    case "emoji": return '<span class="conv-media">\ud83d\ude0a [表情]</span>';
    case "voice": return '<span class="conv-media">\ud83c\udfa4 [语音]</span>';
    case "video": return '<span class="conv-media">\ud83c\udfac [视频]</span>';
    case "location": return '<span class="conv-media">\ud83d\udccd [位置]</span>';
    case "namecard": return '<span class="conv-media">\ud83d\udc64 [名片]</span>';
    case "app_msg": return '<span class="conv-media">\ud83d\udd17 [链接/小程序]</span>';
    default: return '<span class="conv-media">[' + Core.esc(msg.msgType || "消息") + ']</span>';
  }
}
var CLIENT_LEVELS = { regular: "熟客", intent: "意向客户", sleeping: "沉睡客户", non: "非客户" };
var CLIENT_LEVEL_CLS = { regular: "purple", intent: "green", sleeping: "yellow", non: "gray" };

function isZeroTime(t) {
  return !t || String(t).indexOf("0001-01-01") === 0;
}

function evaluateClient(id, name, btn, onDone) {
  Core.confirm("对客户「" + (name || "未命名") + "」执行等级评估？（AI 将分析近期聊天记录判定等级）").then(function (ok) {
    if (!ok) return;
    var oldText = btn ? btn.textContent : "";
    if (btn) { btn.textContent = "评估中…"; btn.disabled = true; }
    Core.api("client/evaluate", { clientId: id, force: true })
      .then(function (res) {
        if (btn) { btn.textContent = oldText; btn.disabled = false; }
        if (res && res.async) { Core.toast(res.msg || "评估任务已启动，请稍后刷新", "ok"); return; }
        var d = res && res.details && res.details[0];
        Core.toast(d ? "评估完成：" + (d.levelDesc || d.level) + " · " + (d.reason || "") : "评估完成", "ok");
        if (onDone) onDone();
      })
      .catch(function (e) {
        if (btn) { btn.textContent = oldText; btn.disabled = false; }
        Core.toast(e.message, "err");
      });
  });
}

function iterateClient(id, name, btn, onDone) {
  Core.confirm("对客户「" + (name || "未命名") + "」立即执行画像迭代？（AI 将再次分析近期聊天记录，自动新建/完善客户画像）").then(function (ok) {
    if (!ok) return;
    var oldText = btn ? btn.textContent : "";
    if (btn) { btn.textContent = "迭代中…"; btn.disabled = true; }
    Core.api("smart/iterate/run", { clientId: id, force: true })
      .then(function (res) {
        if (btn) { btn.textContent = oldText; btn.disabled = false; }
        res = res || {};
        var detail = (res.details || [])[0] || "";
        Core.toast("迭代完成：扫描 " + (res.scanned || 0) + " 条未分析消息·" + (detail || "画像无新增信息"), "ok");
        if (onDone) onDone();
      })
      .catch(function (e) {
        if (btn) { btn.textContent = oldText; btn.disabled = false; }
        Core.toast(e.message, "err");
      });
  });
}

/* 客户画像动态栏目编辑器（对齐「项目资料」编辑方式）；支持画像更新（旧画像+聊天记录重生成） */
function clientProfileForm(item, ctx) {
  var d = item || {};
  ctx = ctx || {};
  var isEdit = !!d.id;
  var wxid = d.wxid || ctx.wxid || "";
  var appId = d.appId || ctx.appId || "";
  // 归属销售：画像自动归属于客户来源的销售（编辑态取已存 advicerId，新建取来源托管客户的 advicer_id）
  var advicerId = Number(d.advicerId || ctx.advicerId || 0);

  // 动态栏目数据源：从画像 profile（栏目名→内容）还原
  state._cpSections = buildSectionsFromData(d.profile || {});

  var m = Core.modal({
    title: isEdit ? ("客户画像 · " + (ctx.name || "")) : ("新建客户画像" + (ctx.name ? " · " + ctx.name : "")),
    width: "wide",
    body:
      '<div class="fs-12 c-dim" style="margin-bottom:8px">归属销售：' + Core.esc(ctx.advicerName || (advicerId ? ("#" + advicerId) : "未关联")) + '（画像自动归属于该客户来源的销售，无需手动选择）</div>' +
      '<div class="row mb-2" style="align-items:center">' +
      '<span class="fs-12 c-dim">按「项目资料」方式维护客户画像栏目；后端按约定栏目名「姓名」「生日」读取，用于称呼与生日关怀。</span>' +
      '<span class="spacer"></span>' +
      '<button type="button" class="btn ghost sm" id="cp-add-section">+ 新增栏目</button>' +
      '</div>' +
      '<div id="pji-sections" style="max-height:56vh;overflow:auto"></div>',
    footer:
      '<button class="btn ghost cp-regen">画像更新</button>' +
      (isEdit ? '<button class="btn ghost cp-eval">等级评估</button><button class="btn danger mf-del">删除画像</button>' : '') +
      '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });

  // 将共享编辑器指向本弹窗（数据源=state._cpSections，容器=弹窗内 #pji-sections）
  setPjiEditorTarget(m.root, function () { return state._cpSections; }, function (v) { state._cpSections = v; });
  drawPjiSections();

  var closeProfile = function () { setPjiEditorTarget(null); m.close(); loadHostedCustomers(); };

  $("#cp-add-section", m.root).onclick = function () { addPjiSectionDialog(); };
  $(".mf-cancel", m.root).onclick = closeProfile;
  var mask = m.root.closest(".modal-mask");
  if (mask) mask.querySelector(".x").onclick = closeProfile;

  // 绑定 等级评估/删除（仅编辑态或后端建档后补挂）
  function bindEditActions() {
    var be = $(".cp-eval", m.root);
    if (be && !be._bound) { be._bound = true; be.onclick = function () { evaluateClient(d.id, ctx.name || "", be, closeProfile); }; }
    var bd = $(".mf-del", m.root);
    if (bd && !bd._bound) { bd._bound = true; bd.onclick = function () {
      Core.confirm("确定删除该客户画像？").then(function (ok) {
        if (!ok) return;
        Core.api("client/del", { id: d.id }).then(function () { closeProfile(); Core.toast("已删除画像", "ok"); })
          .catch(function (e) { Core.toast(e.message, "err"); });
      });
    }; }
  }
  if (isEdit) bindEditActions();

  // 新建/重生成后画像变为已存在：补齐 等级评估/删除 按钮
  function refreshEditActions() {
    if (!isEdit) return;
    var foot = m.root.querySelector(".modal-foot");
    if (foot && !foot.querySelector(".cp-eval")) {
      var cancelBtn = foot.querySelector(".mf-cancel");
      var evalBtn = document.createElement("button");
      evalBtn.className = "btn ghost cp-eval"; evalBtn.textContent = "等级评估";
      var delBtn = document.createElement("button");
      delBtn.className = "btn danger mf-del"; delBtn.textContent = "删除画像";
      if (cancelBtn) { foot.insertBefore(evalBtn, cancelBtn); foot.insertBefore(delBtn, cancelBtn); }
      else { foot.appendChild(evalBtn); foot.appendChild(delBtn); }
    }
    bindEditActions();
  }

  // 重新按 id/wxid 取回最新画像并就地重绘（不关闭弹窗）
  function reloadProfileIntoDialog() {
    Core.api("client/list", { projectId: state.project.projectId }).then(function (list) {
      list = list || [];
      var found = list.filter(function (x) {
        return (d.id && String(x.id) === String(d.id)) || (wxid && x.wxid === wxid);
      })[0];
      if (!found) { Core.toast("未取回最新画像，请重新打开", "err"); return; }
      d = found; isEdit = !!d.id; wxid = d.wxid || wxid; appId = d.appId || appId;
      advicerId = Number(d.advicerId || advicerId || 0);
      state._cpSections = buildSectionsFromData(d.profile || {});
      drawPjiSections();
      refreshEditActions();
      Core.toast("已载入最新画像", "ok");
    }).catch(function (e) { Core.toast(e.message, "err"); });
  }

  // 画像更新：基于旧画像 + 聊天记录重新生成（clientId 优先，否则按 wxid 自动建档）
  var regenBtn = $(".cp-regen", m.root);
  if (regenBtn) regenBtn.onclick = function () {
    if (!d.id && !wxid) { Core.toast("请先保存画像后再更新", "err"); return; }
    Core.confirm("将结合客户旧画像与最近聊天记录重新生成画像栏目（会覆盖当前编辑内容），是否继续？").then(function (ok) {
      if (!ok) return;
      syncPjiSectionsFromDom();
      var req = d.id
        ? { clientId: d.id }
        : { wxid: wxid, appId: appId, projectId: state.project.projectId };
      var oldText = regenBtn.textContent;
      regenBtn.disabled = true; regenBtn.textContent = "更新中…";
      Core.api("smart/profile/regenerate", req).then(function (res) {
        regenBtn.disabled = false; regenBtn.textContent = oldText;
        res = res || {};
        Core.toast((res.details && res.details[0]) || "画像更新完成", "ok");
        reloadProfileIntoDialog();
      }).catch(function (e) {
        regenBtn.disabled = false; regenBtn.textContent = oldText;
        Core.toast(e.message, "err");
      });
    });
  };

  // 保存：将栏目展平为 {栏目名: content} 的 profile 全量覆盖
  $(".mf-save", m.root).onclick = function () {
    if (!advicerId) { Core.toast("未能确定归属销售（该客户未关联销售），无法保存画像", "err"); return; }
    var sections = collectPjiSectionsData();
    var profile = {};
    sections.forEach(function (s) {
      var nm = (s.label || s.key || "").trim();
      if (!nm) return;
      var c = s.content;
      // 跳过空白栏目
      if (c === "" || c == null) return;
      if (Array.isArray(c) && !c.length) return;
      if (c && typeof c === "object" && !Array.isArray(c) && !Object.keys(c).length) return;
      profile[nm] = c;
    });
    var payload = { projectId: state.project.projectId, advicerId: advicerId, profile: profile };
    if (isEdit) payload.id = d.id;
    else { payload.wxid = wxid; payload.appId = appId; }
    Core.api(isEdit ? "client/update" : "client/add", payload)
      .then(function () { closeProfile(); Core.toast("保存成功", "ok"); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

/* ---------- 销售人员微信工作台入口 ---------- */
/**
 * 打开销售人员的微信工作台
 * 检查项目 wx_token（必须），不检查 wx_device_id（登录检测由 wx.js mount 负责）
 */
function openAdvicerWxWorkbench(advicerId, advicerName, wxDeviceId) {
  var checkAndEnter = function () {
    var projectWxToken = '';
    if (state.detail && state.detail.Base) {
      projectWxToken = state.detail.Base.wx_token || '';
    }
    if (!projectWxToken) {
      var m = Core.modal({
        title: '微信工作台未就绪',
        body: '<div style="font-size:13.5px;line-height:1.9;padding:4px 0">' +
          '<div style="display:flex;align-items:flex-start;gap:10px">' +
          '<span style="font-size:22px;line-height:1">⚠</span>' +
          '<div>当前项目尚未配置 <strong style="color:var(--accent)">X-finder-TOKEN</strong>，' +
          '请先在项目设置中完成微信接入配置，方可使用微信工作台功能。</div>' +
          '</div></div>',
        footer: '<button class="btn ghost cm-cancel">取消</button><button class="btn primary cm-go">前往设置</button>'
      });
      $('.cm-cancel', m.root).onclick = m.close;
      $('.cm-go', m.root).onclick = function () {
        m.close();
        state._pendingSettingsTab = true;
        switchView('projectDetail');
      };
      return;
    }
    enterWxWorkbench(advicerId, advicerName);
  };
  if (state.detail && state.detail.Base) {
    checkAndEnter();
  } else {
    Core.api('project/info', { projectId: state.project.projectId }).then(function (info) {
      state.detail = info || {};
      checkAndEnter();
    }).catch(function (e) {
      Core.toast('加载项目信息失败：' + e.message, 'err');
    });
  }
}

/**
 * 进入微信工作台视图
 * 通过 URL hash 传递 advicerId，刷新页面时工作台可自动恢复
 */
function enterWxWorkbench(advicerId, advicerName) {
  state.wxAdvicer = { advicerId: advicerId, name: advicerName };
  location.hash = 'wx-advicer=' + advicerId;
  switchView('wx');
}

/* ---------- Tab 6：成交线索（约定到访/成交/付款） ---------- */
var LEAD_TYPE_META = {
  visit: "约定到访", deal: "约定成交", payment: "约定付款"
};
var LEAD_STATUS_META = {
  pending: "待跟进", done: "已完成", cancelled: "已取消"
};

function renderTabLeads(body) {
  state.data.leadStatus = state.data.leadStatus || "";
  var load = function () {
    Core.api("smart/lead/list", { projectId: state.project.projectId, status: state.data.leadStatus }).then(function (list) {
      list = list || [];
      var chips = [["", "全部"], ["pending", "待跟进"], ["done", "已完成"]].map(function (c) {
        return '<button class="btn ghost sm ld-chip' + (state.data.leadStatus === c[0] ? " primary" : "") + '" data-status="' + c[0] + '">' + c[1] + '</button>';
      }).join(" ");
      var html = '<div class="row mb-2"><span class="fs-13 c-main" style="font-weight:700">成交线索</span>' +
        '<span class="fs-12 c-dim">共 ' + list.length + ' 条·对话复盘自动抽取到访/成交/付款约定，供销售跟进并注入后续 AI 对话</span><span class="spacer"></span>' +
        chips + ' <button class="btn primary sm" id="ld-add">+ 新增线索</button></div>';
      if (!list.length) {
        html += '<div class="empty"><div class="big">◉</div>暂无成交线索</div>';
      } else {
        html += '<div class="table-wrap"><table class="table"><thead><tr>' +
          "<th>客户</th><th>线索类型</th><th>约定</th><th>约定时间</th><th>状态</th><th>来源</th><th>跟进结果</th><th>操作</th></tr></thead><tbody>" +
          list.map(function (t) {
            var isPending = t.status === "pending";
            var result = (t.result || "").slice(0, 40);
            var ops = "-";
            if (isPending) {
              ops = '<button class="btn ghost sm ld-done" data-id="' + t.id + '" data-title="' + Core.esc(t.title || "") + '">完成</button>' +
                '<button class="btn ghost sm ld-cancel" data-id="' + t.id + '" data-title="' + Core.esc(t.title || "") + '">取消</button>';
            }
            return "<tr>" +
              '<td class="mono fs-12">' + Core.esc((t.wxid || "").slice(0, 12) || "-") + "</td>" +
              "<td>" + (LEAD_TYPE_META[t.lead_type] || t.lead_type || "-") + "</td>" +
              '<td><span class="name">' + Core.esc(t.title || "-") + "</span>" + (t.detail ? '<div class="fs-12 c-dim">' + Core.esc(t.detail) + "</div>" : "") + "</td>" +
              '<td class="fs-12">' + Core.fmtTime(t.expect_at) + "</td>" +
              '<td>' + (LEAD_STATUS_META[t.status] || t.status) + "</td>" +
              '<td class="fs-12 c-dim">' + (t.source === "manual" ? "手动" : "AI") + "</td>" +
              '<td class="fs-12 c-dim">' + Core.esc(result) + "</td>" +
              '<td class="ops">' + ops + "</td></tr>";
          }).join("") + "</tbody></table></div>";
      }
      body.innerHTML = html;
      $("#ld-add").onclick = function () { leadForm(); };
      $$(".ld-chip").forEach(function (b) {
        b.onclick = function () { state.data.leadStatus = b.dataset.status; renderDataBody(); };
      });
      $$(".ld-cancel").forEach(function (b) {
        b.onclick = function () { cancelLead(b.dataset.id, b.dataset.title); };
      });
      $$(".ld-done").forEach(function (b) {
        b.onclick = function () { completeLead(b.dataset.id, b.dataset.title); };
      });
    }).catch(function (e) {
      body.innerHTML = '<div class="empty"><div class="big">⚠</div>' + Core.esc(e.message) + "</div>";
    });
  };
  load();
}

/* 托管客户单选下拉（数据源=advicer/customer/hosted；value=wxid，data-appid=登录实例） */
function loadHostedCustomerOptions(sel, currentWxid) {
  if (!sel) return;
  sel.innerHTML = '<option value="">加载中…</option>';
  Core.api("advicer/customer/hosted", { projectId: state.project.projectId }).then(function (list) {
    list = list || [];
    if (!list.length) { sel.innerHTML = '<option value="">暂无托管客户</option>'; return; }
    sel.innerHTML = '<option value="">请选择客户</option>' + list.map(function (c) {
      var label = c.remark || c.nick_name || c.user_name || "客户";
      var selected = (currentWxid && c.user_name === currentWxid) ? " selected" : "";
      return '<option value="' + Core.esc(c.user_name || "") + '"' + selected +
        ' data-appid="' + Core.esc(c.advicer_wx_device_id || "") + '">' + Core.esc(label) + '</option>';
    }).join("");
  }).catch(function (e) {
    sel.innerHTML = '<option value="">加载失败：' + Core.esc(e.message) + '</option>';
  });
}

function leadForm() {
  var m = Core.modal({
    title: "新增成交线索",
    body:
      '<div class="field"><label class="label">客户<span class="req">*</span></label><select id="ld-client" class="select"></select></div>' +
      '<div class="grid cols-2">' +
      '<div class="field"><label class="label">线索类型<span class="req">*</span></label><select id="ld-type" class="select">' +
      '<option value="visit">约定到访</option>' +
      '<option value="deal">约定成交</option>' +
      '<option value="payment">约定付款</option></select></div>' +
      '<div class="field"><label class="label">约定时间<span class="req">*</span></label><input id="ld-expect" class="input" placeholder="YYYY-MM-DD HH:MM"></div>' +
      "</div>" +
      '<div class="field"><label class="label">标题</label><input id="ld-title" class="input" placeholder="如：到访售楼部 / 交付定金"></div>' +
      '<div class="field"><label class="label">详情</label><textarea id="ld-detail" class="textarea" style="min-height:60px" placeholder="约定原文/关键信息"></textarea></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });
  loadHostedCustomerOptions($("#ld-client", m.root));
  $(".mf-cancel", m.root).onclick = m.close;
  $(".mf-save", m.root).onclick = function () {
    var sel = $("#ld-client", m.root);
    var wxid = sel.value;
    var appId = sel.options[sel.selectedIndex] ? (sel.options[sel.selectedIndex].dataset.appid || "") : "";
    var expectAt = $("#ld-expect", m.root).value.trim();
    if (!wxid) { Core.toast("请选择客户", "err"); return; }
    if (!/^\d{4}-\d{2}-\d{2}[ T]\d{2}:\d{2}/.test(expectAt)) { Core.toast("约定时间格式应形如 2026-09-29 14:00", "err"); return; }
    Core.api("smart/lead/create", {
      wxid: wxid,
      appId: appId,
      projectId: state.project.projectId,
      leadType: $("#ld-type", m.root).value,
      title: $("#ld-title", m.root).value.trim(),
      detail: $("#ld-detail", m.root).value.trim(),
      expectAt: expectAt.replace("T", " ").slice(0, 16)
    }).then(function () { m.close(); Core.toast("已新增成交线索", "ok"); renderDataBody(); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

function cancelLead(id, title) {
  Core.confirm("确定取消成交线索「" + (title || "未命名") + "」？").then(function (ok) {
    if (!ok) return;
    Core.api("smart/lead/cancel", { id: Number(id) }).then(function () {
      Core.toast("已取消", "ok");
      renderDataBody();
    }).catch(function (e) { Core.toast(e.message, "err"); });
  });
}

function completeLead(id, title) {
  Core.confirm("将成交线索「" + (title || "未命名") + "」标记为已完成？").then(function (ok) {
    if (!ok) return;
    Core.api("smart/lead/complete", { id: Number(id) }).then(function () {
      Core.toast("已标记完成", "ok");
      renderDataBody();
    }).catch(function (e) { Core.toast(e.message, "err"); });
  });
}

/* ---------- Tab 7：定时提醒（到点由 AI 主动发消息） ---------- */
var REMIND_STATUS_META = {
  pending: "待执行", done: "已发送", cancelled: "已取消", failed: "失败"
};

function renderTabReminds(body) {
  state.data.remindStatus = state.data.remindStatus || "";
  var load = function () {
    Core.api("smart/remind/list", { projectId: state.project.projectId, status: state.data.remindStatus }).then(function (list) {
      list = list || [];
      var chips = [["", "全部"], ["pending", "待执行"], ["done", "已发送"], ["failed", "失败"]].map(function (c) {
        return '<button class="btn ghost sm rm-chip' + (state.data.remindStatus === c[0] ? " primary" : "") + '" data-status="' + c[0] + '">' + c[1] + '</button>';
      }).join(" ");
      var html = '<div class="row mb-2"><span class="fs-13 c-main" style="font-weight:700">定时提醒</span>' +
        '<span class="fs-12 c-dim">共 ' + list.length + ' 条·到点由 AI 主动发消息提醒客户</span><span class="spacer"></span>' +
        chips + ' <button class="btn primary sm" id="rm-add">+ 新增提醒</button></div>';
      if (!list.length) {
        html += '<div class="empty"><div class="big">◉</div>暂无定时提醒</div>';
      } else {
        html += '<div class="table-wrap"><table class="table"><thead><tr>' +
          "<th>客户</th><th>提醒</th><th>到点时间</th><th>状态</th><th>来源</th><th>结果/失败</th><th>操作</th></tr></thead><tbody>" +
          list.map(function (t) {
            var isPending = t.status === "pending";
            var result = (t.result || t.err_msg || "").slice(0, 40);
            var ops = "-";
            if (isPending) {
              ops = '<button class="btn ghost sm rm-cancel" data-id="' + t.id + '" data-title="' + Core.esc(t.title || "") + '">取消</button>';
            }
            return "<tr>" +
              '<td class="mono fs-12">' + Core.esc((t.wxid || "").slice(0, 12) || "-") + "</td>" +
              '<td><span class="name">' + Core.esc(t.title || "-") + "</span>" + (t.detail ? '<div class="fs-12 c-dim">' + Core.esc(t.detail) + "</div>" : "") + "</td>" +
              '<td class="fs-12">' + Core.fmtTime(t.due_at) + "</td>" +
              '<td>' + (REMIND_STATUS_META[t.status] || t.status) + "</td>" +
              '<td class="fs-12 c-dim">' + (t.source === "manual" ? "手动" : "AI") + "</td>" +
              '<td class="fs-12 c-dim">' + Core.esc(result) + "</td>" +
              '<td class="ops">' + ops + "</td></tr>";
          }).join("") + "</tbody></table></div>";
      }
      body.innerHTML = html;
      $("#rm-add").onclick = function () { remindForm(); };
      $$(".rm-chip").forEach(function (b) {
        b.onclick = function () { state.data.remindStatus = b.dataset.status; renderDataBody(); };
      });
      $$(".rm-cancel").forEach(function (b) {
        b.onclick = function () { cancelRemind(b.dataset.id, b.dataset.title); };
      });
    }).catch(function (e) {
      body.innerHTML = '<div class="empty"><div class="big">⚠</div>' + Core.esc(e.message) + "</div>";
    });
  };
  load();
}

function remindForm() {
  var m = Core.modal({
    title: "新增定时提醒",
    body:
      '<div class="field"><label class="label">客户<span class="req">*</span></label><select id="rm-client" class="select"></select></div>' +
      '<div class="field"><label class="label">到点时间<span class="req">*</span></label><input id="rm-due" class="input" placeholder="YYYY-MM-DD HH:MM"></div>' +
      '<div class="field"><label class="label">标题</label><input id="rm-title" class="input" placeholder="如：回访电话"></div>' +
      '<div class="field"><label class="label">详情</label><textarea id="rm-detail" class="textarea" style="min-height:60px" placeholder="提醒原文/关键信息"></textarea></div>',
    footer: '<button class="btn ghost mf-cancel">取消</button><button class="btn primary mf-save">保存</button>'
  });
  loadHostedCustomerOptions($("#rm-client", m.root));
  $(".mf-cancel", m.root).onclick = m.close;
  $(".mf-save", m.root).onclick = function () {
    var sel = $("#rm-client", m.root);
    var wxid = sel.value;
    var appId = sel.options[sel.selectedIndex] ? (sel.options[sel.selectedIndex].dataset.appid || "") : "";
    var dueAt = $("#rm-due", m.root).value.trim();
    if (!wxid) { Core.toast("请选择客户", "err"); return; }
    if (!/^\d{4}-\d{2}-\d{2}[ T]\d{2}:\d{2}/.test(dueAt)) { Core.toast("到点时间格式应形如 2026-09-29 14:00", "err"); return; }
    Core.api("smart/remind/create", {
      wxid: wxid,
      appId: appId,
      projectId: state.project.projectId,
      title: $("#rm-title", m.root).value.trim(),
      detail: $("#rm-detail", m.root).value.trim(),
      dueAt: dueAt.replace("T", " ").slice(0, 16)
    }).then(function () { m.close(); Core.toast("已新增定时提醒", "ok"); renderDataBody(); })
      .catch(function (e) { Core.toast(e.message, "err"); });
  };
}

function cancelRemind(id, title) {
  Core.confirm("确定取消定时提醒「" + (title || "未命名") + "」？").then(function (ok) {
    if (!ok) return;
    Core.api("smart/remind/cancel", { id: Number(id) }).then(function () {
      Core.toast("已取消", "ok");
      renderDataBody();
    }).catch(function (e) { Core.toast(e.message, "err"); });
  });
}