/* ==================== 视图：模型配置 ==================== */
function renderModelsup() {
  if (!state.project || !state.project.projectId) { switchView("projects"); return; }
  $("#view-modelsup").innerHTML = '<div class="card"><div class="empty"><span class="spin"></span></div></div>';

  Core.api("project/info", { projectId: state.project.projectId })
    .then(function (info) {
      state.detail = info || {};
      var base = info.Base || {};
      var sup = info.ModelInfo || {};
      renderModelsupForm(base, sup);
    })
    .catch(function (e) {
      $("#view-modelsup").innerHTML = '<div class="card"><div class="empty"><div class="big">!</div>' + Core.esc(e.message) + "</div></div>";
    });
}

function renderModelsupForm(base, sup) {
  var wayOpts = '<option value="1"' + (sup.sup_way === 1 ? " selected" : "") + ">";
  wayOpts += '\u706b\u5c71\u5f15\u64ce</option>';
  wayOpts += '<option value="2"' + (sup.sup_way === 2 ? " selected" : "") + ">OpenAI</option>";

  var html =
    '<div class="card glow">' +
    '<div class="card-title"><span class="bar"></span>\u5f53\u524d\u6a21\u578b\u914d\u7f6e <span class="badge blue mono">#' + (base.model_sup_id || "\u672a\u914d\u7f6e") + "</span></div>" +
    '<div class="card-sub">\u9879\u76ee\u5185\u6240\u6709 AI \u80fd\u529b\uff08\u804a\u5929\u8bb0\u5f55\u5206\u6790/\u7ef4\u5ea6\u751f\u6210/AI \u6f14\u7ec3\u5bf9\u8bdd\uff09\u5747\u4f7f\u7528\u8be5\u6a21\u578b\u914d\u7f6e\u3002</div>' +
    '<div class="field"><label class="label">\u5207\u6362\u6a21\u578b\u914d\u7f6e</label><select id="ms-switch" class="select"><option>\u52a0\u8f7d\u4e2d\u2026</option></select>' +
    '<div class="hint">\u5207\u6362\u540e\u9879\u76ee\u5185\u6240\u6709 AI \u529f\u80fd\u5c06\u4f7f\u7528\u65b0\u914d\u7f6e\uff0c\u4e0d\u5f71\u54cd\u5176\u4ed6\u9879\u76ee</div></div>' +
    "</div>" +
    '<div class="card">' +
    '<div class="card-title"><span class="bar"></span>\u914d\u7f6e\u8be6\u60c5 <span class="spacer"></span><button class="btn primary sm" id="ms-save">\u4fdd\u5b58\u4fee\u6539</button></div>' +
    '<div class="grid cols-2">' +
    '<div class="field"><label class="label">\u914d\u7f6e\u540d\u79f0</label><input id="ms-name" class="input" value="' + Core.esc(sup.sup_name || "") + '"></div>' +
    '<div class="field"><label class="label">\u4f9b\u5e94\u65b9</label><select id="ms-way" class="select">' + wayOpts + '</select></div>' +
    "</div>" +
    '<div class="grid cols-2">' +
    '<div class="field"><label class="label">API Key</label><input id="ms-key" class="input" value="' + Core.esc(sup.key || "") + '" placeholder="sk-..."></div>' +
    '<div class="field"><label class="label">\u63a5\u53e3\u5730\u5740</label><input id="ms-url" class="input" value="' + Core.esc(sup.url || "") + '" placeholder="https://..."></div>' +
    "</div>" +
    '<div class="divider"></div>' +
    '<div class="fs-13 c-main mb-1" style="font-weight:700">\u4e09\u79cd\u7528\u9014\u6a21\u578b\uff08\u53ef\u6307\u5b9a\u4e0d\u540c\u6a21\u578b\uff09</div>' +
    '<div class="grid cols-3">' +
    '<div class="field"><label class="label">\u6587\u4ef6\u89e3\u6790\u6a21\u578b<span class="fs-12 c-dim">\uff08\u804a\u5929\u8bb0\u5f55\u89e3\u6790\uff09</span></label><input id="ms-file" class="input" value="' + Core.esc(sup.file_model || "") + '"></div>' +
    '<div class="field"><label class="label">\u7ed3\u6784\u5316\u8f93\u51fa\u6a21\u578b<span class="fs-12 c-dim">\uff08\u7ef4\u5ea6\u751f\u6210\u7b49\uff09</span></label><input id="ms-json" class="input" value="' + Core.esc(sup.json_model || "") + '"></div>' +
    '<div class="field"><label class="label">\u5bf9\u8bdd\u6a21\u578b<span class="fs-12 c-dim">\uff08AI \u6f14\u7ec3/\u5bf9\u8bdd\uff09</span></label><input id="ms-chat" class="input" value="' + Core.esc(sup.chat_model || "") + '"></div>' +
    "</div>" +
    "</div>";
  $("#view-modelsup").innerHTML = html;

  loadModelsupOptions($("#ms-switch"), base.model_sup_id);

  $("#ms-switch").onchange = function () {
    var newId = Number(this.value);
    if (!newId) return;
    Core.confirm("\u5207\u6362\u6a21\u578b\u914d\u7f6e\u540e\uff0c\u9879\u76ee AI \u529f\u80fd\u5c06\u4f7f\u7528\u65b0\u914d\u7f6e\u3002\u662f\u5426\u7ee7\u7eed\uff1f").then(function (ok) {
      if (!ok) { this.value = String(base.model_sup_id || ""); return; }
      Core.loading(true, "\u5207\u6362\u4e2d\u2026");
      Core.api("project/base/update", { projectId: state.project.projectId, modelSupId: newId })
        .then(function () {
          Core.loading(false);
          Core.toast("\u6a21\u578b\u914d\u7f6e\u5df2\u5207\u6362", "ok");
          renderModelsup();
        })
        .catch(function (e) { Core.loading(false); Core.toast(e.message, "err"); });
    }.bind(this));
  };

  $("#ms-save").onclick = function () {
    var supId = Number(base.model_sup_id);
    if (!supId) { Core.toast("\u5f53\u524d\u9879\u76ee\u672a\u914d\u7f6e\u6a21\u578b\uff0c\u8bf7\u5148\u5207\u6362\u9009\u62e9\u4e00\u4e2a\u6a21\u578b\u914d\u7f6e", "err"); return; }
    var payload = {
      sup_id: supId,
      sup_name: $("#ms-name").value.trim(),
      sup_way: Number($("#ms-way").value),
      key: $("#ms-key").value.trim(),
      url: $("#ms-url").value.trim(),
      file_model: $("#ms-file").value.trim(),
      json_model: $("#ms-json").value.trim(),
      chat_model: $("#ms-chat").value.trim()
    };
    if (!payload.sup_name) { Core.toast("\u8bf7\u586b\u5199\u914d\u7f6e\u540d\u79f0", "err"); return; }
    Core.loading(true, "\u4fdd\u5b58\u4e2d\u2026");
    Core.api("modelsup/update", payload)
      .then(function () {
        Core.loading(false);
        Core.toast("\u6a21\u578b\u914d\u7f6e\u5df2\u4fdd\u5b58", "ok");
      })
      .catch(function (e) { Core.loading(false); Core.toast(e.message, "err"); });
  };
}