前任人格 · 生成器

基于 ex-skill 5层人格结构，生成专属前任 AI 人格

1 2 3

前任.skill — 输入她的昵称、关系信息和性格标签，AI 将生成一个像她一样说话的桌宠人格。所有字段均可跳过，仅凭描述也能生成。生成后切换到「ex 模式」，桌宠就会用她的语气和你聊天。

Step 1 · 基本信息

她的昵称 / 代号关系一句话

Step 2 · 性格画像

用一句话描述她的性格，想到什么写什么。也可以从下方标签库选择。

自由描述

MBTI 星座

依恋类型

恋爱标签（多选）

爱撒娇冷暴力翻旧账黏人独立控制欲强细腻敏感忽冷忽热作玻璃心情绪稳定冷战派爆发派讲道理派先道歉型死不认错言语肯定高质量陪伴社交达人宅

Step 3 · 聊天记录（可选）

粘贴聊天记录，AI 会从中提取她的说话风格和情感模式。聊天记录质量决定人格质量。

她的聊天记录

所有数据仅在本地处理，不会发送到外部服务（除了你配置的 LLM API）。</p>
  </div>

<div class="progress" id="progress">
    <span class="spinner"></span>
    <span id="progress-text">正在生成前任人格...</span>
  </div>

<div class="block preview" id="preview">
    <h2>生成结果预览</h2>
    <div id="preview-content"></div>
  </div>

<div class="bar">
    <button id="btn-back">← 返回对话</button>
    <button id="btn-generate">生成前任人格</button>
    <button id="btn-switch" style="display:none">切换到 ex 模式</button>
  </div>
</div>

function showToast(msg, isErr) {
    var t = $('toast');
    t.textContent = msg;
    t.className = 'toast show' + (isErr ? ' err' : '');
    clearTimeout(toastTimer);
    toastTimer = setTimeout(function () { t.className = 'toast'; }, 3000);
  }

/* ===== 标签选择 ===== */
  document.querySelectorAll('.tag-chip').forEach(function (chip) {
    chip.addEventListener('click', function () {
      var tag = chip.dataset.tag;
      if (chip.classList.contains('active')) {
        chip.classList.remove('active');
        selectedTags = selectedTags.filter(function (t) { return t !== tag; });
      } else {
        chip.classList.add('active');
        selectedTags.push(tag);
      }
    });
  });

/* ===== 收集信息 ===== */
  function collectInfo() {
    return {
      name: $('p-name').value.trim(),
      relationship: $('p-relationship').value.trim(),
      tags: selectedTags,
      impression: $('p-impression').value.trim(),
      mbti: $('p-mbti').value,
      zodiac: $('p-zodiac').value,
      attachmentStyle: $('p-attachment').value,
      chatRecords: $('p-chat').value.trim()
    };
  }

/* ===== 生成人格 ===== */
  function generatePersona() {
    var info = collectInfo();
    if (!info.name) {
      showToast('至少需要填写她的昵称', true);
      return;
    }

var progress = $('progress');
    var progressText = $('progress-text');
    var btnGen = $('btn-generate');
    progress.classList.add('show');
    btnGen.disabled = true;
    btnGen.textContent = '生成中...';

// 先生成人格
    progressText.textContent = '正在分析她的性格...';
    fetch('/api/ex-persona/generate', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(info)
    }).then(function (r) { return r.json(); }).then(function (res) {
      if (res.error) {
        showToast('生成失败：' + res.error, true);
        progress.classList.remove('show');
        btnGen.disabled = false;
        btnGen.textContent = '生成前任人格';
        return;
      }
      generatedPersona = res.persona;
      // 再生成记忆
      progressText.textContent = '正在提取关系记忆...';
      return fetch('/api/ex-memory/generate', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          name: info.name,
          relationship: info.relationship,
          impression: info.impression,
          chatRecords: info.chatRecords
        })
      }).then(function (r2) { return r2.json(); });
    }).then(function (memRes) {
      progress.classList.remove('show');
      btnGen.disabled = false;
      btnGen.textContent = '重新生成';
      if (memRes && memRes.error) {
        showToast('记忆生成失败：' + memRes.error + '（人格已保存）', true);
      }
      showPreview(info.name);
      showToast('前任人格生成完毕！');
      $('step1').classList.add('done');
      $('step2').classList.add('done');
      $('step3').classList.add('done');
      $('btn-switch').style.display = 'block';
    }).catch(function (e) {
      progress.classList.remove('show');
      btnGen.disabled = false;
      btnGen.textContent = '生成前任人格';
      showToast('生成失败：' + e.message, true);
    });
  }

/* ===== 显示预览 ===== */
  function showPreview(name) {
    var preview = $('preview');
    var content = $('preview-content');
    preview.classList.add('show');

/* ===== 切换到 ex 模式 ===== */
  function switchToEx() {
    fetch('/api/mode', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ mode: 'ex' })
    }).then(function (r) { return r.json(); }).then(function (res) {
      if (res.error) {
        showToast('切换失败：' + res.error, true);
        return;
      }
      showToast('已切换到前任模式，返回对话即可体验');
      $('btn-switch').style.display = 'none';
    }).catch(function () {
      showToast('切换失败：服务未连接', true);
    });
  }

/* ===== 加载已有前任人格 ===== */
  function loadExisting() {
    fetch('/api/ex-persona/status').then(function (r) { return r.json(); }).then(function (res) {
      if (res.exists) {
        return fetch('/api/ex-persona').then(function (r2) { return r2.json(); });
      }
      return null;
    }).then(function (data) {
      if (data && data.persona && data.persona.name) {
        generatedPersona = data.persona;
        $('p-name').value = data.persona.name || '';
        $('p-relationship').value = data.persona.relationship || '';
        $('p-impression').value = data.persona.impression || '';
        $('p-mbti').value = data.persona.mbti || '';
        $('p-zodiac').value = data.persona.zodiac || '';
        $('p-attachment').value = data.persona.attachmentStyle || '';
        // 恢复标签
        var tags = data.persona.tags || [];
        selectedTags = tags;
        document.querySelectorAll('.tag-chip').forEach(function (chip) {
          if (tags.includes(chip.dataset.tag)) chip.classList.add('active');
        });
        showPreview(data.persona.name);
        $('btn-switch').style.display = 'block';
        $('btn-generate').textContent = '重新生成';
        $('step1').classList.add('done');
        $('step2').classList.add('done');
        $('step3').classList.add('done');
      }
    });
  }

$('btn-generate').addEventListener('click', generatePersona);
  $('btn-switch').addEventListener('click', switchToEx);
  $('btn-back').addEventListener('click', function () { location.href = '/'; });

loadExisting();
})();
</script>
</body>
</html>